ساخت اپلیکیشن موبایل برای سایت وردپرس بدون کدنویسی

برای ساخت اپلیکیشن موبایل برای سایت وردپرس لازم نیست همون اول درگیر برنامه‌نویسی پیچیده بشید. اگه سایتتون روی گوشی درست و سریع نمایش داده می‌شه، سرویس‌هایی مثل AppMySite یا AppPresser می‌تونن اون رو به اپلیکیشن Android و iOS وصل کنن. PWA یا همون وب‌اپلیکیشن پیش‌رونده هم راه دیگه‌ایه که بدون نصب از فروشگاه، تجربه‌ای شبیه اپلیکیشن به کاربر می‌ده.

توی این راهنما اول می‌بینیم که آیا سایتتون واقعاً به اپلیکیشن نیاز داره یا نه. بعد فرق WebView، اپلیکیشن بومی و PWA رو ساده توضیح می‌دیم، AppMySite و AppPresser رو بررسی می‌کنیم و در آخر به هزینه، آزمایش و انتشار اپ می‌رسیم. فقط یادتون باشه که اپلیکیشن به‌خودی‌خود فروش رو بالا نمی‌بره؛ وقتی ارزش داره که انجام یک کار مشخص رو برای کاربر راحت‌تر کنه.

ساخت اپلیکیشن برای سایت وردپرس چه فایده‌ای داره؟

• دسترسی راحت‌تر کاربران به سایت: کاربر آیکون اپ رو لمس می‌کنه و مستقیم به محتوا، فروشگاه یا حسابش می‌رسه. دیگه لازم نیست هر بار آدرس سایت رو وارد کنه.
• ارسال اعلان برای کاربران: اعلان پوش همون پیامی هست که روی صفحه گوشی ظاهر می‌شه. می‌تونید با اون وضعیت سفارش، محتوای تازه یا یک پیشنهاد مهم رو خبر بدید؛ البته کاربر باید اجازه دریافت اعلان رو داده باشه.
• بهبود تجربه خرید و استفاده از خدمات: ورود سریع، منوی خلوت، ذخیره اطلاعات حساب و دسترسی آسون به سفارش‌ها می‌تونه مسیر خرید رو کوتاه‌تر کنه.
• تقویت ارتباط کاربران با برند: آیکون برند همیشه روی گوشی کاربر دیده می‌شه و اعلان‌های مفید هم برگشتن به سایت رو راحت‌تر می‌کنن. ولی اگه اعلان‌ها زیاد یا بی‌ربط باشن، احتمالاً نتیجه برعکس می‌شه.

آیا سایت وردپرسی شما واقعاً به اپلیکیشن نیاز داره؟

چه سایت‌هایی از داشتن اپلیکیشن سود می‌برن؟

اپلیکیشن برای فروشگاه‌هایی که مشتری‌ها مرتب بهشون سر می‌زنن، سامانه‌های آموزشی، سایت‌های عضویتی، رسانه‌های پربازدید و سرویس‌های رزرو کاربرد بیشتری داره. مثلاً دانشجویی که هر روز درس‌هاش رو دنبال می‌کنه یا مشتری‌ای که مدام وضعیت سفارشش رو می‌بینه، از این دسترسی سریع سود می‌بره.

چه وقت‌هایی نسخه موبایل سایت انتخاب بهتریه؟

اگه بیشتر کاربران فقط یک یا دو بار به سایتتون سر می‌زنن، نصب اپ احتمالاً ارزش زیادی براشون نداره. توی این شرایط بهتره بودجه‌تون رو برای افزایش سرعت، طراحی واکنش‌گرا و ساده‌ترکردن خرید خرج کنید. طراحی واکنش‌گرا یعنی صفحه سایت با اندازه نمایشگر گوشی هماهنگ می‌شه و بخش‌های مختلفش به‌هم نمی‌ریزن.

یک راه میانی هم اضافه‌کردن سایت به صفحه اصلی گوشیه. اگه دوست دارید این گزینه رو امتحان کنید، راهنمای فعال‌کردن Add to Home Screen در وردپرس قدم‌به‌قدم کمکتون می‌کنه.

چرا داشتن اپلیکیشن به‌تنهایی فروش رو بیشتر نمی‌کنه؟

کاربر فقط به‌خاطر اینکه شما اپلیکیشن دارید خرید نمی‌کنه. قیمت، اعتماد، کیفیت محصول، پشتیبانی و راحتی پرداخت هنوز هم مهم هستن. اگه اپ کند باشه یا سایت رو بدون هیچ بهبودی داخل یک قاب نشون بده، حتی ممکنه کاربر رو کلافه کنه. پس قبل از هر هزینه‌ای، روشن بنویسید که اپ قراره دقیقاً کدوم مشکل کاربر رو حل کنه.

قبل از شروع، با انواع اپلیکیشن آشنا بشید

اپلیکیشن WebView چیه؟

WebView بخشی داخل اپلیکیشنه که صفحه‌های وب رو نشون می‌ده. ساده‌تر بگیم، یک اپ WebView نسخه موبایل سایتتون رو داخل پوسته اپ باز می‌کنه. ساخت این مدل معمولاً سریع‌تر و ارزون‌تره، ولی کیفیت نهایی اون ارتباط مستقیمی با سرعت و طراحی نسخه موبایل سایت داره.

قبل از اینکه این روش رو انتخاب کنید، قوانین فعلی فروشگاهی رو بخونید که قراره اپ رو داخلش منتشر کنید. اپ خیلی ساده‌ای که فقط سایت رو نمایش می‌ده، ممکنه ارزش یا قابلیت کافی برای پذیرش نداشته باشه.

اپلیکیشن بومی یا Native چیه؟

اپلیکیشن Native یا بومی برای یک سیستم‌عامل مشخص ساخته می‌شه و ارتباط عمیق‌تری با قابلیت‌های گوشی داره. این روش معمولاً سرعت، کنترل و دست شما برای شخصی‌سازی رو بیشتر می‌کنه، ولی طراحی، برنامه‌نویسی، آزمایش و نگه‌داری اون هم گرون‌تر درمیاد.

وب‌اپلیکیشن پیش‌رونده یا PWA چیه؟

PWA مخفف Progressive Web App و به معنی وب‌اپلیکیشن پیش‌رونده‌ست. این روش هنوز بر پایه وبه، اما می‌تونه قابلیت‌هایی مثل نصب روی صفحه اصلی، نمایش تمام‌صفحه و ذخیره بخشی از فایل‌ها برای بارگذاری سریع‌تر رو فراهم کنه. امکاناتی که در عمل می‌گیرید به مرورگر، سیستم‌عامل و تنظیمات سایتتون بستگی داره.

کدوم روش برای سایت شما مناسب‌تره؟

اگه فقط دسترسی سریع و تجربه‌ای نزدیک به سایت می‌خواید، PWA یا یک اپ‌ساز آماده می‌تونه شروع مناسبی باشه. ولی اگه اپ باید با سخت‌افزار گوشی کار کنه، پردازش سنگین انجام بده، تجربه‌ای کاملاً اختصاصی بسازه یا به سرویس‌های داخلی پیچیده وصل بشه، توسعه Native یا چندسکویی منطقی‌تره. توسعه چندسکویی یعنی بخش بزرگی از کد یک‌بار نوشته می‌شه و برای Android و iOS به کار می‌ره.

پیش‌نیازهای ساخت اپلیکیشن برای سایت وردپرس

1. نسخه موبایل سایت رو آماده کنید. صفحه اصلی، محصول، سبد خرید، پرداخت و حساب کاربری باید روی گوشی خوانا باشن و راحت بشه ازشون استفاده کرد.
2. گواهی SSL رو فعال کنید.SSL ارتباط بین سایت و کاربر رو رمزگذاری می‌کنه. وقتی فعال باشه، آدرس سایت با https:// شروع می‌شه.
3. امکانات لازم رو بنویسید. ورود، ثبت‌نام، خرید، اعلان پوش، پخش ویدئو، دانلود فایل و دسترسی آفلاین چند نمونه هستن. باید قبل از انتخاب ابزار بدونید دقیقاً به کدومشون نیاز دارید.
4. حساب‌های انتشار رو آماده کنید. برای انتشار عمومی معمولاً به حساب توسعه‌دهنده فروشگاه هدفتون نیاز دارید. قبل از پرداخت، شرایط ثبت‌نام و دسترسی کاربران ایرانی رو جداگانه بررسی کنید.
5. کل هزینه رو حساب کنید. اشتراک اپ‌ساز فقط بخشی از هزینه‌ست. حساب توسعه‌دهنده، طراحی، پشتیبانی، به‌روزرسانی و امکانات اختصاصی هم هزینه دارن.

روش اول: ساخت اپلیکیشن وردپرس با AppMySite

AppMySite چطور کار می‌کنه؟

AppMySite یک سرویس آنلاین برای ساخت اپلیکیشنه. ظاهر اپ رو داخل پنلش می‌سازید و بعد سایت وردپرسی رو به پروژه وصل می‌کنید. قابلیت‌ها، نوع خروجی و محدودیت‌ها به پلنی بستگی دارن که می‌خرید؛ پس قبل از خرید، صفحه رسمی امکانات و قیمت رو با دقت بخونید.

اتصال سایت وردپرسی به AppMySite

1. توی سایت AppMySite حساب بسازید و یک پروژه تازه باز کنید.
2. نوع سایت و آدرس دقیقش رو وارد کنید.
3. اگه سرویس ازتون افزونه اتصال خواست، فقط افزونه رسمی معرفی‌شده داخل پنل رو روی وردپرس نصب و فعال کنید.
4. اتصال رو امتحان کنید و ببینید نوشته‌ها، محصولات و حساب کاربری درست دریافت می‌شن یا نه.

قبل از نصب هر افزونه‌ای، از سایت نسخه پشتیبان بگیرید و فایل افزونه رو فقط از منبع رسمی دریافت کنید. اگه هنوز با افزونه‌ها آشنا نیستید، راهنمای افزونه وردپرس چیست و چطور کار می‌کنه رو هم بخونید.

طراحی منو، صفحه اصلی و ظاهر اپلیکیشن

کار رو با تنظیم لوگو، آیکون و رنگ اصلی شروع کنید. بعد یک منوی کوتاه برای صفحه اصلی، فروشگاه، حساب کاربری و تماس با شما بسازید. اسم دکمه‌ها باید واضح باشه؛ کاربر نباید برای پیداکردن سبد خرید یا بخش ورود، چند منوی مختلف رو زیرورو کنه. در آخر هم ظاهر فارسی و راست‌چین رو حتماً روی گوشی واقعی ببینید.

بررسی سازگاری با ووکامرس

اینکه محصولات داخل اپ دیده می‌شن، لزوماً به معنی سازگاری کامل با ووکامرس نیست. افزودن محصول به سبد، کد تخفیف، روش ارسال، ورود کاربر، درگاه پرداخت و نمایش سفارش‌ها رو یکی‌یکی امتحان کنید. بعضی درگاه‌ها صفحه پرداخت رو بیرون از اپ باز می‌کنن؛ توی این حالت باید مطمئن بشید کاربر بعد از پرداخت درست به اپ برمی‌گرده.

گرفتن خروجی Android و iOS

وقتی طراحی تموم شد، از بخش انتشار یا Build خروجی لازم رو آماده می‌کنید. نوع فایل، امکان دریافت مستقیمش و خدمات انتشار به پلن سرویس بستگی داره. پیش از خرید اشتراک بررسی کنید که پلن انتخابی، خروجی سیستم‌عامل مدنظرتون رو در اختیارتون می‌ذاره.

مزایا و محدودیت‌های AppMySite

• پنل تصویریش شروع کار رو برای کاربر تازه‌کار راحت‌تر می‌کنه.
• برای سایت‌های محتوایی و فروشگاهی، راه‌های اتصال آماده‌ای داره.
• خروجی، انتشار و اعلان‌ها به امکانات پلن پروژه وابسته هستن.
• پشتیبانی کامل از فارسی، فونت دلخواه و راست‌چین رو باید با یک پروژه آزمایشی بسنجید.
• برای امکانات خیلی اختصاصی ممکنه به توسعه جداگانه نیاز پیدا کنید.

روش دوم: ساخت اپلیکیشن وردپرس با AppPresser

افزونه AppPresser چه نقشی داره؟

AppPresser یک سرویس اپ‌سازه که برای وصل‌شدن به وردپرس از افزونه هم کمک می‌گیره. نکته مهم اینجاست که افزونه وردپرسی به‌تنهایی فایل کامل اپ رو نمی‌سازه. طراحی، تنظیم قابلیت‌ها و ساخت اپ داخل سرویس AppPresser انجام می‌شه و برای استفاده از اون به اشتراک پولی نیاز دارید.

اتصال سایت به سرویس AppPresser

1. حساب AppPresser رو بسازید و یک پروژه اپلیکیشن ایجاد کنید.
2. افزونه رسمی AppPresser رو از مخزن وردپرس نصب کنید.
3. اطلاعات اتصالی رو که پنل سرویس بهتون می‌ده، داخل تنظیمات افزونه وارد کنید.
4. پیش‌نمایش اپ رو باز کنید و محتوا، ورود و حساب کاربری رو آزمایش کنید.

ساخت صفحات و منوی اپلیکیشن

توی سازنده AppPresser می‌تونید صفحه‌ها و گزینه‌های منو رو بچینید. بهتره صفحه اصلی اپ فقط راه‌های اصلی رو جلوی چشم کاربر بذاره. اگه منو رو با ده‌ها گزینه شلوغ کنید، پیداکردن بخش مهم برای کاربر سخت می‌شه.

راه‌اندازی اعلان پوش و امکانات فروشگاهی

اعلان پوش و قابلیت‌های فروشگاهی AppPresser بر اساس پلن و تنظیمات پروژه در اختیارتون قرار می‌گیرن. قبل از خرید مشخص کنید که اعلان عمومی می‌خواید یا اعلان بخش‌بندی‌شده؛ یعنی پیامی که فقط برای گروه خاصی از کاربران فرستاده می‌شه. برای بخش فروشگاه هم خرید، پرداخت، سفارش‌ها و ورود مشتری رو در یک محیط آزمایشی بررسی کنید.

اگه تنها هدفتون فرستادن اعلان برای کاربران سایته، شاید اصلاً نیازی به اپلیکیشن نداشته باشید. راهنمای ارسال پوش نوتیفیکیشن در وردپرس یک راه جایگزین رو بهتون نشون می‌ده.

گرفتن خروجی و انتشار اپلیکیشن

بعد از اینکه پروژه آماده شد، خروجی رو طبق راهنمای سرویس آزمایش می‌کنید و برای فروشگاه هدفتون آماده می‌شید. قبل از پرداخت، شرایط دریافت فایل، خدمات انتشار، تعداد اپ‌ها و وضعیت کارکرد اپ بعد از پایان اشتراک رو توی صفحه قیمت و قرارداد فعلی AppPresser بخونید.

مزایا و محدودیت‌های AppPresser

• برای اتصال وردپرس و قابلیت‌هایی مثل ورود کاربر، مسیر آماده‌ای داره.
• اپ رو داخل پنل می‌سازید و لازم نیست همه بخش‌ها رو از صفر کدنویسی کنید.
• افزونه به‌تنهایی کار رو انجام نمی‌ده و به سرویس پولی وابسته‌ست.
• قیمت و امکانات هر پلن ممکنه عوض بشن؛ پس باید درست قبل از خرید دوباره بررسیشون کنید.
• سازگاری دقیق با افزونه‌ها، درگاه ایرانی و چیدمان راست‌چین فقط با آزمایش عملی مشخص می‌شه.

مقایسه AppMySite و AppPresser

برای تصمیم نهایی، یک پروژه آزمایشی با چند نوشته و محصول فارسی بسازید. منو، فرم ورود، قیمت‌ها، اعداد، درگاه پرداخت و اعلان‌ها رو روی Android و iOS امتحان کنید. جدول‌های مقایسه عمومی مفید هستن، ولی هیچ‌کدوم نمی‌تونن سازگاری کامل با قالب و افزونه‌های سایتتون رو تضمین کنن.

هزینه ساخت اپلیکیشن برای سایت وردپرس چقدره؟

برای همه سایت‌ها نمی‌شه یک عدد ثابت گفت. هزینه نهایی به روش ساخت، سیستم‌عامل‌های هدف، امکانات، تعداد کاربران و مقدار پشتیبانی موردنیاز بستگی داره. برای اینکه برآورد واقعی‌تری داشته باشید، هزینه‌ها رو به این بخش‌ها تقسیم کنید:

• هزینه سرویس اپلیکیشن‌ساز: بیشتر سرویس‌ها چند پلن دارن و ممکنه هزینه رو ماهانه یا سالانه دریافت کنن.
• هزینه حساب توسعه‌دهنده فروشگاه‌ها: حسابی که برای انتشار اپ می‌گیرید جدا از اشتراک اپ‌سازه و مبلغ و شرایطش ممکنه عوض بشه.
• هزینه انتشار و پشتیبانی: آماده‌کردن صفحه فروشگاه، رفع خطا، تمدید سرویس و هماهنگ‌کردن اپ با تغییرات سیستم‌عامل هم هزینه دارن.
• هزینه امکانات اختصاصی: اتصال به سامانه داخلی، قابلیت آفلاین پیشرفته یا یک طراحی ویژه ممکنه به کمک برنامه‌نویس نیاز داشته باشه.

قیمت و قوانین سرویس‌ها ثابت نمی‌مونن. برای همین بهتره درست قبل از خرید، عددهای صفحه فروش، مالیات، محدودیت هر پلن و شرایط بازپرداخت رو دوباره بررسی کنید.

چطور اپلیکیشن رو قبل از انتشار آزمایش کنید؟

1. ورود و ثبت‌نام رو امتحان کنید. یک حساب تازه بسازید، ازش خارج بشید، دوباره وارد بشید و بازیابی رمز رو هم انجام بدید.
2. خرید رو از اول تا آخر انجام بدید. محصولی رو به سبد اضافه کنید، کد تخفیف بزنید، پرداخت آزمایشی انجام بدید و بعد سفارش رو داخل حساب ببینید.
3. اعلان‌ها و لینک‌ها رو بررسی کنید. وقتی اعلان رو لمس می‌کنید، باید دقیقاً همون صفحه‌ای باز بشه که انتظارش رو دارید.
4. سرعت رو روی چند گوشی بسنجید. پیش‌نمایش کامپیوتر کافی نیست. اپ رو با اینترنت کند و روی یک گوشی ضعیف‌تر هم امتحان کنید.
5. فارسی و راست‌چین رو کنترل کنید. منوها، فرم‌ها، قیمت‌ها، پیام‌های خطا و ترکیب نوشته‌های فارسی و انگلیسی باید درست نمایش داده بشن.

از چند نفری که پروژه رو نمی‌شناسن بخواید یک کار مشخص، مثل ثبت‌نام یا خرید، انجام بدن. هرجا مکث می‌کنن یا سؤال می‌پرسن، احتمالاً بخشی از مسیر به اصلاح نیاز داره. برای بررسی نمایش سایت در محیط‌های مختلف هم می‌تونید از راهنمای تست سایت در مرورگرهای مختلف کمک بگیرید.

مراحل انتشار اپلیکیشن در فروشگاه‌ها

آماده‌کردن اطلاعات و فایل‌های موردنیاز

نام اپ، توضیح کوتاه و کامل، آیکون، تصویرهای معرفی، دسته‌بندی، راه ارتباطی و نشانی سیاست حریم خصوصی رو آماده کنید. توضیحات صفحه فروشگاه باید با امکانات واقعی اپ یکی باشه. درباره قابلیتی که هنوز کار نمی‌کنه هم قول ندید.

انتشار نسخه Android

برای انتشار در Google Play به حساب توسعه‌دهنده و فایلی نیاز دارید که با شرایط فعلی فروشگاه سازگار باشه. فرم‌های مربوط به محتوا، داده‌های کاربران، تبلیغات و گروه سنی رو دقیق پر کنید. قوانین، قالب فایل و فرایند آزمایش حساب‌های تازه ممکنه عوض بشن؛ پس اطلاعات داخل Google Play Console رو ملاک کارتون بذارید.

انتشار نسخه iOS

برای انتشار در App Store باید عضو Apple Developer باشید و اپ رو در App Store Connect ثبت کنید. اپ پیش از انتشار بازبینی می‌شه. حساب‌های آزمایشی، توضیح قابلیت‌ها و مسیر دسترسی بازبین به بخش‌های اصلی رو از قبل آماده کنید. بهتره دسترسی و شرایط ثبت‌نام برای محل فعالیتتون رو هم پیش از پرداخت بسنجید.

به‌روزرسانی و نگه‌داری بعد از انتشار

کار با انتشار اپ تموم نمی‌شه. بعد از هر تغییر مهم در وردپرس، ووکامرس، درگاه پرداخت یا سیستم‌عامل گوشی، بخش‌های اصلی رو دوباره آزمایش کنید. خطاهای گزارش‌شده، نظر کاربران، سرعت و نرخ توقف اپ رو هم زیر نظر بگیرید. اطلاعات حریم خصوصی هم باید همیشه با رفتار واقعی اپ هماهنگ باشه.

چه وقت‌هایی بهتره اپلیکیشن اختصاصی بسازید؟

• وقتی امکانات اپ‌سازها کافی نیست: مثلاً فرایند کاری شما چند مرحله خاص داره که توی پنل اپ‌ساز پیاده نمی‌شه.
• وقتی اپ باید به سرویس اختصاصی وصل بشه: اتصال پیچیده به انبار، باشگاه مشتریان یا زیرساخت داخلی ممکنه به توسعه سفارشی نیاز داشته باشه.
• وقتی سرعت و تجربه کاربری خیلی مهمه: اپ اختصاصی کنترل بیشتری روی ظاهر، ذخیره‌سازی و عملکرد به تیمتون می‌ده.
• وقتی مالکیت کامل کد رو می‌خواید: توسعه اختصاصی وابستگی شما به محدودیت‌های یک اپ‌ساز رو کمتر می‌کنه، ولی مسئولیت امنیت و نگه‌داری هم با خودتونه.

اگه بین وردپرس و توسعه اختصاصی مردد هستید، مقایسه وردپرس یا PHP بهتون کمک می‌کنه تفاوت هزینه، زمان و میزان کنترل رو روشن‌تر ببینید.

جمع‌بندی: کدوم روش برای سایت شما بهتره؟

برای بیشتر سایت‌های تازه، ساخت اپلیکیشن اولین قدم نیست. اول نسخه موبایل سایتتون رو سریع و ساده کنید و ببینید کاربران چند بار برمی‌گردن. اگه فقط امکان نصب روی صفحه اصلی رو می‌خواید، شاید PWA براتون کافی باشه. اگه خروجی فروشگاهی و قابلیت‌های آماده لازم دارید، AppMySite و AppPresser ارزش امتحان‌کردن دارن. برای امکانات پیچیده و مالکیت کامل کد هم بهتره توسعه اختصاصی رو بررسی کنید.

قبل از انتخاب سرویس، فهرستی از امکانات ضروری بنویسید. بعد نسخه آزمایشی رو با محتوای فارسی، درگاه پرداخت و گوشی واقعی بسنجید. هزینه چند سال، شرایط پایان اشتراک، مالکیت فایل خروجی و پشتیبانی پس از انتشار رو هم مکتوب بگیرید. همین بررسی ساده می‌تونه جلوی خیلی از هزینه‌های پنهان رو بگیره.

سؤال‌های پرتکرار درباره ساخت اپلیکیشن وردپرس

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.