ماژول اپلیکیشنساز پیشرونده (PWA)
وب اپلیکیشن پیشرونده (PWA) چیست و چرا به آن نیاز دارید؟
وب اپلیکیشن پیشرونده (Progressive Web App) یک تکنولوژی مدرن است که به وبسایت شما قابلیتهای یک اپلیکیشن موبایل را میدهد. به زبان ساده، کاربران میتوانند وبسایت شما را با یک کلیک روی صفحه اصلی (Home Screen) گوشی یا تبلت خود نصب کنند.
مزایای کلیدی PWA برای کسبوکار شما:
- افزایش نرخ بازگشت کاربر: با قرار گرفتن آیکن شما در کنار سایر اپلیکیشنها، کاربران همیشه و به راحتی به شما دسترسی دارند.
- تجربه کاربری بهتر: PWAها سریعتر بارگذاری میشوند و تجربهای روان و اپلیکیشنمانند را ارائه میدهند.
- بدون نیاز به مارکتهای اپلیکیشن: فرآیند پیچیده و پرهزینه انتشار اپ در اپ استور یا گوگل پلی را دور بزنید. نصب مستقیماً از طریق مرورگر انجام میشود.
- افزایش تعامل و فروش: دسترسی آسانتر به معنای بازدیدهای بیشتر و در نتیجه، فروش بیشتر است.
ماژول PWA همیار تولز تمام پیچیدگیهای فنی را برای شما مدیریت میکند و به شما اجازه میدهد تا با چند کلیک ساده، اپلیکیشن خود را بسازید.
پیکربندی تنظیمات عمومی PWA (نام، آیکن، رنگها و…)
برای شروع، از منوی همیار تولز > وب اپلیکیشن وارد پنل تنظیمات PWA شوید.
- فعال کردن سیستم PWA: اولین و مهمترین قدم، فعال کردن این ماژول از طریق سوییچ “فعال/غیرفعال” است. تا زمانی که این گزینه فعال نباشد، هیچ یک از قابلیتهای PWA روی سایت شما اعمال نخواهد شد.
- نام کامل وب اپلیکیشن: نامی که هنگام نصب و در صفحه Splash (صفحه بارگذاری اولیه) به کاربر نمایش داده میشود. (مثال: فروشگاه اینترنتی دیجیکالا).
- نام کوتاه: نامی که زیر آیکن اپلیکیشن در صفحه اصلی دستگاه کاربر نمایش داده میشود. سعی کنید کوتاه و مختصر باشد. (مثال: دیجیکالا).
- آیکن وب اپلیکیشن: مهمترین بخش هویت بصری اپلیکیشن شما. روی دکمه “انتخاب از گالری” کلیک کرده و یک تصویر با کیفیت (ترجیحاً با ابعاد 512×512 پیکسل و فرمت PNG) را از کتابخانه رسانه وردپرس انتخاب کنید. (توجه داشته باشید برای ساخت صحیح وب اپ میبایست حتما تصویری بعنوان آیکن انتخاب کرده باشید)
- رنگ تم مرورگر: این رنگ برای نوار بالایی مرورگر (Address Bar) در دستگاههای موبایل استفاده میشود و به اپلیکیشن شما ظاهری یکپارچه میبخشد. با کلیک روی فیلد، میتوانید رنگ دلخواه خود را انتخاب کنید.
- رنگ پسزمینه: این رنگ در صفحه Splash هنگام بارگذاری اپلیکیشن نمایش داده میشود.
پس از انجام تنظیمات، روی دکمه “ذخیره تمام تنظیمات” کلیک کنید.
تنظیمات پیشرفته: صفحه شروع و جهت نمایش
- جهت نمایش (Orientation): تعیین کنید که اپلیکیشن شما به صورت پیشفرض چگونه نمایش داده شود:
- عمودی (Portrait): مناسب برای اکثر وبسایتها و فروشگاهها.
- افقی (Landscape): مناسب برای سایتهای نمایش ویدیو یا گالری تصاویر.
- خودکار (Any): به دستگاه اجازه میدهد بر اساس چرخش صفحه، جهت را تعیین کند.
- صفحه شروع (Start URL): این تنظیم بسیار مهم است. شما تعیین میکنید که کاربر پس از باز کردن اپلیکیشن از صفحه اصلی موبایل، به کدام صفحه از سایت شما هدایت شود:
- صفحه اصلی سایت: گزینه پیشفرض و مناسب برای اکثر وبسایتها.
- برگه سفارشی: این گزینه قدرتمند به شما اجازه میدهد یک برگه خاص (مثلاً یک صفحه فرود ویژه کاربران اپلیکیشن یا صفحه فروشگاه) را به عنوان صفحه شروع انتخاب کنید. با انتخاب این گزینه، یک فیلد جستجو ظاهر میشود که میتوانید با تایپ کردن نام برگه، آن را پیدا و انتخاب کنید.