كيفية إنشاء إشعارات بضغطة زر (بدون كود)

هل تبحث عن طريقة لإنشاء إشعارات زر الضغط وجمع مشتركين في الإشعارات؟

نتفهم ذلك. في بعض الأحيان يكون من الأسهل بكثير الحصول على بعض المرونة في طريقة تنمية عدد المشتركين لديك.

لا تقلق. لقد قمنا بتغطيتك.

في هذه المقالة، سنوضح لك خطوة بخطوة كيفية إنشاء إشعارات زر الضغط الخاصة بك.

هل أنت مستعد؟ دعنا نبدأ.

كيفية إنشاء إشعارات زر الضغط في ووردبريس

قبل إنشاء إشعارات زر الضغط في ووردبريس، تحتاج إلى إنشاء صفحة هبوط لجمع مشتركين في الإشعارات. نوصي بشدة باستخدام SeedProd لإنشاء صفحات الهبوط الخاصة بك.

SeedProd هو أفضل منشئ صفحات هبوط لووردبريس. إنه مثالي للشركات والمدونين وأصحاب المواقع الذين يتطلعون إلى بناء صفحات هبوط عالية التحويل دون أي مهارات تطوير.

مع SeedPreed، تحصل على قوالب جاهزة لصفحات الهبوط عالية التحويل يمكنك نشرها على الفور. وهذا يشمل قوالب لـ:

• صفحات المبيعات
• صفحات قريباً
• صفحات 404
• صفحات الصيانة
• صفحات الضغط
• صفحات الشكر
• صفحات الندوات عبر الإنترنت
• صفحات الفيديو

وغيرها الكثير!

الخطوة #1: تثبيت وتفعيل SeedProd

أولاً، ستحتاج إلى الحصول على إضافة SeedProd Pro وتفعيلها. إذا لم تكن متأكدًا من كيفية القيام بذلك، فراجع هذه المقالة حول كيفية تثبيت إضافة ووردبريس. بعد ذلك، انتقل إلى SeedProd » Settings في لوحة تحكم ووردبريس الخاصة بك وقم بتفعيل الإصدار الاحترافي:

بعد ذلك، انتقل إلى SeedProd » Pages للحصول على نظرة عامة على لوحة تحكم صفحات الهبوط في SeedProd. هذا هو المكان الذي يمكنك فيه رؤية الأنواع المختلفة من صفحات الهبوط التي يمكنك إنشاؤها باستخدام SeedProd:

ضع في اعتبارك أن هذه كلها صفحات خاصة ذات وظائف وقوالب تصميم مُعدة مسبقًا. بالنسبة لصفحة الهبوط، لا تريد استخدام أي من صفحات الهبوط الخاصة هذه. بدلاً من ذلك، ستقوم بإنشاء صفحة هبوط مخصصة.

مرر لأسفل وانقر على زر إضافة صفحة هبوط جديدة للبدء:

الخطوة #2: إنشاء صفحة هبوط جديدة لإشعارات زر الضغط

بعد النقر على زر إضافة صفحة هبوط جديدة، سترى مكتبة SeedProd لقوالب صفحات الهبوط. هذه قوالب صفحات هبوط مصممة باحترافية ومتجاوبة بالكامل.

بعد ذلك، يمكنك تحديد أحد هذه القوالب لمساعدتك على البدء.

تذكر، القالب هو مجرد نقطة بداية. يمكنك تخصيص كل شيء في الصفحة لاحقًا. في الوقت الحالي، ابحث عن قالب تعتقد أنه سيكون مناسبًا. عند فتح صفحة القوالب، يمكنك النقر فوق  صفحة ضغط لتصفية القائمة:

لهذا الدليل، سنختار صفحة الاستثمار للضغط.

صفحة الضغط لها هدف واحد فقط. وهو "الضغط" عليك بما يكفي للحصول على عنوان بريدك الإلكتروني. هل تعرف أي شخص في مجال الاستثمار والتمويل الشخصي؟ نعم ، يمكنهم الضغط بالتأكيد!

تفضل وانقر عليه الآن.

بعد ذلك، سنقوم بتخصيص الصفحة المقصودة.

الخطوة رقم 3: تخصيص تصميم صفحة الهبوط الخاصة بك

يتيح لك منشئ SeedProd المرئي تخصيص صفحة الهبوط الخاصة بك باستخدام كتل محتوى بالسحب والإفلات.

يمكنك إنشاء رأس مخصص بالكامل لصفحة الهبوط الخاصة بك في غضون دقائق. يمكنك حتى إضافة عناصر مخصصة لإقناع حركة المرور الخاصة بك وتحويلها. على سبيل المثال ، يمكنك إنشاء وحدة فيديو وتضمين مقطع فيديو على YouTube لإقناع زوارك بشراء منتجك أو خدمتك.

من السهل جدًا أيضًا إضافة قسم بوصف موجز لمنتجك أو خدمتك. انتقل إلى علامة التبويب الأقسام في المنشئ المرئي وتحت قسم البطل، ستجد العديد من القوالب المعدة مسبقًا التي يمكنك استيرادها بنقرة واحدة.

تفضل واختر واحدًا يعجبك.

لا تقلق بشأن الألوان أو المحتوى. يمكنك تعديل كل شيء. ما يجب أن تبحث عنه هو تخطيط يتناسب جيدًا مع قالبك.

يمكنك تخصيص قسم البطل بنفس الطريقة التي فعلناها سابقًا عن طريق اختيار صورة مختلفة وتغيير العنوان والوصف. أثناء قيامك بذلك، أضف زر دعوة إلى اتخاذ إجراء يحث الزوار على الشراء منك.

بعد ذلك، من علامة التبويب الأقسام، حدد عنوان الشهادات، واختر تصميمًا يعجبك. وبهذه البساطة، لديك قسم شهادات في صفحة الهبوط الخاصة بك.

إنه بسيط للغاية!

الخطوة #4: إضافة إشعارات زر الضغط إلى صفحة الهبوط الخاصة بك

يمكنك أيضًا إضافة زر انقر للاشتراك لجمع مشتركين في الإشعارات الفورية. تعد الإشعارات الفورية طريقة رائعة لزيادة حركة المرور المتكررة، والحصول على المزيد من التفاعل، وحتى بيع البضائع الرسمية إذا كان لديك بعض منها.

في 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 في صفحة الهبوط الخاصة بك بعد الكود الخاص بالزر. يجب أن يبدو شيئًا كهذا:

لا تتردد في تخصيص الأنماط للزر بأي طريقة تريدها. عندما تنتهي من تخصيص صفحة الهبوط الخاصة بك، انطلق واضغط على زر حفظ.

الخطوة رقم 4: تكوين إعدادات صفحتك

بعد الانتهاء من تصميم صفحة الهبوط الخاصة بك، انقر فوق علامة التبويب اتصال في الجزء العلوي من منشئ الصفحات، وحدد مزود التسويق عبر البريد الإلكتروني لجمع العملاء المحتملين على موقعك.

بعد ذلك، انقر فوق علامة التبويب إعدادات الصفحة في أعلى شاشتك.

هنا، يمكنك إضافة إضافة تحسين محركات البحث و إضافة تحليلات جوجل إلى صفحة الهبوط الخاصة بك. يمكنك حتى إعداد رموز تتبع مخصصة مثل Facebook Pixel أو Pinterest pixel لتتبع أداء الإعلانات.

الخطوة #5: نشر صفحة الهبوط الخاصة بك في ووردبريس

الآن دعنا ننتقل إلى نشر تصميمك. للقيام بذلك، انقر فوق السهم المنسدل بجوار زر الحفظ وانقر فوق نشر.

يمكنك بعد ذلك النقر فوق زر عرض الصفحة المباشرة لرؤية كيف تبدو.

تهانينا! لقد نشرت للتو صفحة الهبوط الأولى الخاصة بك.

ماذا تفعل بعد إضافة إشعارات زر الضغط إلى موقعك

الآن بعد أن أصبحت صفحة الهبوط الخاصة بك مباشرة، حان الوقت للعمل على حركة المرور والمشاركة والمبيعات. يجب عليك تجربة استخدام الإشعارات الفورية على موقعك. الإشعارات الفورية هي أداة تسويقية رائعة يمكن أن تساعدك في تنمية عملك.

ألقِ نظرة على هذه الموارد الرائعة وستعرف ما نعنيه:

• 7 استراتيجيات ذكية لزيادة تفاعل العملاء
• هل إشعارات الدفع فعالة؟ 7 إحصائيات + 3 نصائح خبراء
• كيفية إعداد إشعارات الدفع للسلات المتروكة (دليل سهل)

نوصي باستخدام PushEngage لإنشاء حملات إشعارات الدفع الخاصة بك. PushEngage هو البرنامج رقم 1 لإشعارات الدفع في العالم. لذا، إذا لم تكن قد قمت بذلك بالفعل، ابدأ مع PushEngage اليوم!