Looking for a way to create push button notifications and collect push notification subscribers?
نتفهم ذلك. في بعض الأحيان يكون من الأسهل بكثير الحصول على بعض المرونة في طريقة تنمية عدد المشتركين لديك.
لا تقلق. لقد قمنا بتغطيتك.
In this article, we’re going to show you step-by-step how to create your own push button notifications.
هل أنت مستعد؟ دعنا نبدأ.
How to Create Push Button Notifications in WordPress
Before you create push button notifications in WordPress, you need to create a landing page to collect push subscribers. We highly recommend using SeedProd to create your landing pages.
SeedProd هو أفضل منشئ صفحات هبوط لووردبريس. إنه مثالي للشركات والمدونين وأصحاب المواقع الذين يتطلعون إلى بناء صفحات هبوط عالية التحويل دون أي مهارات تطوير.
With SeedPreed, you get pre-built templates for high-converting landing pages that you can publish instantly. This includes templates for:
- صفحات المبيعات
- صفحات قريباً
- صفحات 404
- صفحات الصيانة
- صفحات الضغط
- صفحات الشكر
- صفحات الندوات عبر الإنترنت
- صفحات الفيديو
وغيرها الكثير!
الخطوة #1: تثبيت وتفعيل SeedProd
أولاً، ستحتاج إلى الحصول على إضافة SeedProd Pro وتفعيلها. إذا لم تكن متأكدًا من كيفية القيام بذلك، فراجع هذه المقالة حول كيفية تثبيت إضافة ووردبريس. بعد ذلك، انتقل إلى SeedProd » Settings في لوحة تحكم ووردبريس الخاصة بك وقم بتفعيل الإصدار الاحترافي:
بعد ذلك، انتقل إلى SeedProd » Pages للحصول على نظرة عامة على لوحة تحكم صفحات الهبوط في SeedProd. هذا هو المكان الذي يمكنك فيه رؤية الأنواع المختلفة من صفحات الهبوط التي يمكنك إنشاؤها باستخدام SeedProd:
Keep in mind that these are all special pages with pre-built functionality and design templates. For a landing page, you don’t want to use ANY of these special landing pages. Instead, you’re going to create a custom landing page.
مرر لأسفل وانقر على زر إضافة صفحة هبوط جديدة للبدء:
Step #2: Create a New Landing Page for Push Button Notifications
بعد النقر على زر إضافة صفحة هبوط جديدة، سترى مكتبة SeedProd لقوالب صفحات الهبوط. هذه قوالب صفحات هبوط مصممة باحترافية ومتجاوبة بالكامل.
Next, you can select one of these templates to help you get started.
Remember, the template is just a starting point. you can customize everything about the page later on. For now, find a template that you think will fit. When the templates page opens, you can click Squeeze Page to filter the list:
For this guide, we’ll select the Investment Squeeze Page.
A squeeze page has only one objective. It’s to “squeeze” you just enough to get your email address. Know anyone in the investment and personal finance space? Yeah, they can squeeze for sure!
Go ahead and click on it now.
Next, we’re going to customize the landing page.
الخطوة رقم 3: تخصيص تصميم صفحة الهبوط الخاصة بك
يتيح لك منشئ SeedProd المرئي تخصيص صفحة الهبوط الخاصة بك باستخدام كتل محتوى بالسحب والإفلات.
You can create a fully customized header for your landing page in a matter of minutes. You can even add custom elements to convince and convert your traffic. For instance, you can create a video module and embed a YouTube video to convince your visitors to buy your product or service.
It’s also super easy to add a section with a brief description of your product or service . Head over to the Sections tab in the visual builder and under the Hero section, you’ll find several pre-built templates that you can import with a single click.
Go ahead and select one that you like.
Don’t worry about the colors or the content. You can edit all of it. What you should look for is a layout that goes well with your template.
You can customize the hero section the same way we did earlier by choosing a different image and changing the headline and description. While you’re at it, add a call-to-action button that nudges visitors to buy from you.
بعد ذلك، من علامة التبويب الأقسام، حدد عنوان الشهادات، واختر تصميمًا يعجبك. وبهذه البساطة، لديك قسم شهادات في صفحة الهبوط الخاصة بك.
إنه بسيط للغاية!
Step #4: Add a Push Button Notifications to Your Landing Page
يمكنك أيضًا إضافة زر انقر للاشتراك لجمع مشتركين في الإشعارات الفورية. تعد الإشعارات الفورية طريقة رائعة لزيادة حركة المرور المتكررة، والحصول على المزيد من التفاعل، وحتى بيع البضائع الرسمية إذا كان لديك بعض منها.
في SeedProd، قم فقط بسحب وإفلات وحدة HTML المخصصة من الشريط الجانبي.
لقد وضعنا زر الاشتراك مباشرة أسفل نموذج الاشتراك عبر البريد الإلكتروني في الطية الأولى.
ولكن يمكنك إدراج الزر في أي مكان تريده.
لهذا الجزء، تحتاج إلى بعض الخبرة في HTML و CSS. أو، يمكنك نسخ هذا الكود ولصقه في كتلة HTML المخصصة الخاصة بك:
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>هذا زر قياسي في HTML مع القليل جدًا من التنسيق. الشيء الوحيد المميز هو وظيفة onclick في الكود. هذا يعني بشكل أساسي أنه يمكن لزوارك النقر على الزر للاشتراك في شيء ما. الآن، نحتاج إلى إضافة بعض الأكواد الإضافية للزر للسماح لزوارك بالاشتراك في إشعارات الدفع.
توجه إلى الصفحة الرئيسية لـ PushEngage وانقر على زر البدء:
PushEngage هو المكون الإضافي رقم 1 لإشعارات الدفع في العالم.
تساعدك إشعارات الدفع على زيادة حركة مرور موقعك الإلكتروني ومشاركتك تلقائيًا. وإذا كنت تدير متجرًا عبر الإنترنت، فإن PushEngage يساعدك أيضًا على زيادة مبيعاتك من خلال مساعدتك في إنشاء إشعارات دفع آلية للتجارة الإلكترونية.
يمكنك البدء مجانًا، ولكن إذا كنت جادًا بشأن تنمية عملك، فيجب عليك شراء خطة مدفوعة. أيضًا، قبل شراء أي خدمة إشعارات دفع، يجب عليك الاطلاع على هذا الدليل حول تكاليف إشعارات الدفع.
إليك نظرة سريعة على ما تحصل عليه مع PushEngage:
- حملات آلية عالية التحويل
- خيارات استهداف متعددة وجدولة حملات
- تتبع الأهداف والتحليلات المتقدمة
- اختبار A/B ذكي
- قوالب حملات الدفع
- خيارات تقسيم قوية
- مدير نجاح مخصص
سترى أن PushEngage هو الخيار الأفضل بلا منازع إذا كنت ترغب في زيادة حركة المرور والمشاركة والمبيعات لعملك. وإذا كانت ميزانيتك محدودة، يمكنك دائمًا أن تكون مبدعًا بعض الشيء مع إشعارات الدفع الخاصة بك.
ملاحظة: إذا كنت تدير موقع WordPress، فيجب عليك تثبيت وتفعيل إضافة PushEngage لـ WordPress.
بعد ذلك، ستحتاج إلى تحديد الخطة المجانية لتجربة PushEngage أو اختيار خطة مدفوعة إذا كنت جادًا بشأن تنمية عملك. تأتي الخطط المدفوعة مع المزيد من خيارات الحملات والقدرة على بناء قوائم مشتركين أكبر.
في لوحة تحكم PushEngage الخاصة بك، انتقل إلى إعدادات الموقع » تفاصيل الموقع وانقر على زر انقر هنا لتعليمات الإعداد. ضمن أي موقع، ستحصل على كود التثبيت الخاص بك:
تحذير: تحتاج إلى نسخ الكود الذي تحصل عليه من لوحة التحكم الخاصة بك. الكود فريد لكل مستخدم PushEngage. لن تتمكن من نسخ الكود الموجود في الصورة وجمع المشتركين في إشعارات الدفع.
بمجرد حصولك على الكود في لوحة تحكم PushEngage الخاصة بك، أضف هذا المقتطف إلى الكود الخاص بك:
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>يجب أن يبدو الكود النهائي الخاص بك شيئًا كهذا:
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>ستحتاج إلى إضافة هذا الكود إلى كتلة HTML في صفحة الهبوط الخاصة بك بعد الكود الخاص بالزر. يجب أن يبدو شيئًا كهذا:
Feel free to customize the styles for the button any way you please. When you’re done customizing your landing page, go ahead and hit the Save button.
Step #4: Configure Your Page Settings
After you’re done designing your landing page, click the Connect tab at the top of your page builder, and select your email marketing provider to collect leads on your site.
بعد ذلك، انقر فوق علامة التبويب إعدادات الصفحة في أعلى شاشتك.
هنا، يمكنك إضافة إضافة تحسين محركات البحث و إضافة تحليلات جوجل إلى صفحة الهبوط الخاصة بك. يمكنك حتى إعداد رموز تتبع مخصصة مثل Facebook Pixel أو Pinterest pixel لتتبع أداء الإعلانات.
Step #5: Publish Your Landing Page in WordPress
Now let’s go ahead and publish your design. To do this, click the dropdown arrow next to the save button and click Publish.
يمكنك بعد ذلك النقر فوق زر عرض الصفحة المباشرة لرؤية كيف تبدو.
Congratulations! You just published your very first landing page.
What to do After You Add Push Button Notifications to Your Site
Now that your landng page is live, it’s time to work on your traffic, engagement, and sales. You should try using push notifications on your site. Push notifications are a great marketing tool that can help you grow your business.
ألقِ نظرة على هذه الموارد الرائعة وستعرف ما نعنيه:
- 7 استراتيجيات ذكية لزيادة تفاعل العملاء
- هل إشعارات الدفع فعالة؟ 7 إحصائيات + 3 نصائح خبراء
- كيفية إعداد إشعارات الدفع للسلات المتروكة (دليل سهل)
نوصي باستخدام PushEngage لإنشاء حملات إشعارات الدفع الخاصة بك. PushEngage هو البرنامج رقم 1 لإشعارات الدفع في العالم. لذا، إذا لم تكن قد قمت بذلك بالفعل، ابدأ مع PushEngage اليوم!
