Looking for a way to add web push notifications to your website?
Push notifications can help you generate a lot of traffic, engagement, and sales on autopilot and with very little effort. But a major question is how do you even do it?
In this article, we’ll show you how to add push notifications to your website even if you’ve never done it before.
لهذه المقالة، سنستخدم PushEngage لإعداد إشعارات الدفع على موقعك. PushEngage هو البرنامج رقم 1 لإشعارات الدفع في العالم. لذا، ستكون حملاتك في أيد أمينة.
دعنا نتعمق.
كيفية تثبيت إشعارات الدفع على موقعك
Let’s start with a preview of what you can expect as a result of this article. If you follow these steps, by the end of this article, you should be able to send push notifications from your site like this one:
It doesn’t matter what your website was built with. No matter what tech stack you used to develop your site, you can always install push notifications on your site. We’ll cover all of that in the next few segments.
دعنا نتعمق.
الخطوة #1: إعداد حساب PushEngage الخاص بك
توجه إلى الصفحة الرئيسية لـ PushEngage وانقر على زر ابدأ:
يمكنك اختيار الخطة المجانية لتجربة PushEngage، أو اختيار خطة مدفوعة إذا كنت جادًا في تنمية عملك. تأتي الخطط المدفوعة مع المزيد من خيارات الحملات والقدرة على بناء قوائم مشتركين أكبر.
بمجرد التسجيل للحصول على حساب، توجه إلى لوحة تحكم PushEngage وانتقل إلى الإعدادات » إعدادات الموقع » إعدادات التثبيت:
هنا تقوم بتكوين تفاصيل موقعك والعلامة التجارية. قم بتعيين شعار وعنوان URL للموقع لإشعارات الدفع الخاصة بك. يجب عليك القيام بذلك الآن حتى تتمكن من اختبار إشعارات الدفع الخاصة بك بشكل صحيح.
الخطوة #2: الحصول على رمز التثبيت من PushEngage
بعد ذلك، ستحتاج إلى التوجه إلى لوحة تحكم PushEngage والحصول على رمز التثبيت. انتقل إلى الإعدادات » إعدادات الموقع » إعدادات التثبيت:
This is where things start to get a little bit technical.
Inside this tab, you’ll see that you can get a different code for different types of websites.
Find the right one for your site and copy it.
إذا كنت تدير موقعًا على نظام إدارة محتوى غير مدرج في علامة التبويب، يمكنك التوجه إلى علامة التبويب HTTP أو HTTPS بناءً على ما إذا كان موقعك يحتوي على شهادة SSL مثبتة.
جزء مهم حقًا من هذه الخطوة إذا كنت تستخدم موقع HTTPS هو الوصول إلى المجلد الجذر للخادم الخاص بك. لكي تعمل إشعارات الدفع على موقع HTTPS، ستحتاج إلى تنزيل ملف service-wroker.js من نفس علامة التبويب. ثم قم بتحميله إلى المجلد الجذر الخاص بك.
NOTE: If you can’t upload the service-worker file to the root folder, you have the option to upload the file to another folder. Go to PushEngage Dashboard » Settings » Site Settings » Advanced Settings.
Just follow the instruction in the Service Worker Settings and you’re golden:
وهذا كل شيء!
لقد قمت بتثبيت إشعارات الدفع عبر الويب بنجاح على WordPress دون استخدام إضافة.
Step #3: Placing the Installation Code In Your Site’s HTML
Essentially, no matter what type of website you have, you’ll want to place this installation code in the HTML <head> of your website. And the process to do this is different for different platforms. If you’d like to get a platform-specific guide on how to install web push notifications to your website, check out these resources:
- تثبيت إشعارات الدفع الفوري على ووردبريس
- تثبيت إشعارات الدفع الفوري على WooCommerce
- تثبيت إشعارات الدفع الفوري على Wix
- تثبيت إشعارات الدفع الفوري على Zoho
- تثبيت إشعارات الدفع الفوري على Volusion
- تثبيت إشعارات الدفع الفوري على Weebly
- تثبيت إشعارات الدفع الفوري على ClickFunnels
- تثبيت إشعارات الدفع الفوري على PrestaShop
- تثبيت إشعارات الدفع الفوري على OpenCart
- تثبيت إشعارات الدفع الفوري على CS-Cart
- تثبيت إشعارات الدفع الفوري على Squarespace
If you’re running a custom site built on HTML, you’ll know exactly where to place the code. But The process of placing the installation code in the head of your site will change based on your CMS or website builder.
For certain CMSs, you can insert your installation code directly from your dashboard. In other instances as with PrestaShop, you’ll need to use the PushEngage API Key instead. So, we recommend following these platform-specific tutorials for any other site.
الخطوة #4: تهيئة الاشتراك في PushEngage
أخيرًا، في لوحة تحكم PushEngage الخاصة بك، انتقل إلى الإعدادات » إعدادات الاشتراك » مربع حوار الاشتراك » تحرير:
من هنا، يمكنك تخصيص اشتراكك في إشعارات الدفع. إذا كنت بحاجة إلى مساعدة في ذلك، يجب عليك الاطلاع على هذه المقالة حول كيفية إنشاء اشتراك مخصص لإشعارات الدفع.
إذا كنت بحاجة إلى بعض الإلهام، يمكنك الاطلاع على هذه المقالة حول الاشتراكات في إشعارات الدفع عالية التحويل.
الخطوة #5: إنشاء إشعار ترحيبي
بمجرد الانتهاء من إعداد الاشتراك، يمكن لموقعك جمع المشتركين.
ولكن كيف تعرف ما إذا كانت إشعارات الدفع الخاصة بك تعمل بشكل صحيح؟
نوصي بـ إنشاء إشعار دفع ترحيبي لاختبار ما إذا كان الإعداد الخاص بك قد تم بسلاسة. إشعار الدفع الترحيبي هو إشعار دفع ترسله إلى مشترك جديد لتأكيد اشتراكه وترحيبه به.
انتقل إلى الإعدادات » إعدادات الموقع » إعدادات التثبيت وقم بتهيئة رسالة الترحيب الخاصة بك:
أخيرًا، عد إلى موقعك واختر إشعارات الدفع الخاصة بك لاختبار ما إذا كان كل شيء يعمل بسلاسة.
وهذا كل ما في الأمر!
لقد نجحت في إعداد إشعارات دفع الويب على موقعك. حان الوقت للعودة إلى لوحة تحكم PushEngage الخاصة بك والبدء في إنشاء حملات إشعارات الدفع الخاصة بك.
خاتمة
هذا كل شيء لهذا اليوم أيها الأصدقاء!
إذا كنت جديدًا في مجال إشعارات الدفع، فيجب عليك اتباع عملية اختبار إشعارات الدفع كاملة قبل أن تبدأ. سيساعدك ذلك في استكشاف المشكلات الشائعة وإصلاحها قبل أن يراها زوارك ويبدأوا في الشكوى من تجربة مستخدم معطلة.
نوصي بالتواصل مع مديري نجاح العملاء لدينا إذا واجهت أي صعوبة في أي من هذه الأمور. يسعدنا جدًا مساعدتك في أي مشكلة.
وإذا لم تكن قد فعلت ذلك بالفعل، فتابع وجرب PushEngage. PushEngage هي الخدمة رقم 1 لإشعارات الدفع في العالم. لذا، إذا كنت جادًا بشأن تنمية عملك، فيجب عليك الاستثمار في PushEngage.
