اشعارات
حذف الجميع
دروس كيفية إنشاء نافذة منبثقة في WordPress (خطوة بخطوة)

معاذ فريد
محفز
ودود
محترف
مشاركات: 66
الإشراف فريق التحرير
الكاتب
(@moaz)
تاريخ الإشتراك: منذ سنة واحدة

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

هناك الكثير من الاحتمالات مع النوافذ المنبثقة! في هذا البرنامج التعليمي ، سنعرض لك أفضل طريقة لإنشاء نافذة منبثقة في WordPress.

أشياء يجب معرفتها قبل إنشاء نافذة منبثقة في WordPress

منذ وقت ليس ببعيد ، كانت للنوافذ المنبثقة سمعة سيئة لكونها تطفلية وانتهازية ومزعجة فقط. ولسبب وجيه. أفرطت مواقع الويب في استخدام النوافذ المنبثقة وعرضها في أي مكان ممكن

لن يؤدي هذا النوع من الإستراتيجية إلى زيادة معدلات التحويل ولكنه قد يؤدي إلى إبعاد الزائرين عن موقعك.

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

لإنشاء نوافذ منبثقة جميلة تعمل بالفعل وتحقق نتائج ، نوصي باستخدام أداة قوية مثل OptinMonster

optinmonster 1

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

يعمل OptinMonster مع أي موقع ويب بما في ذلك Shopify و BigCommerce ومواقع HTML. بالنسبة لمواقع WordPress و WooCommerce ، هناك مكون إضافي مخصص متاح في مستودع WordPress. يتيح لك هذا الوصول إلى OptinMonster popup builder مباشرة داخل لوحة إدارة موقع الويب الخاص بك.

تم تصميم OptinMonster ليسهل على أي شخص القيام بحملات مذهلة دون أي مهارات في التصميم أو الترميز.

هناك قوالب جميلة سريعة الاستجابة وجاهزة للاستخدام خارج الصندوق. ستجد نموذجًا لكل هدف تسويقي وعطلات تقريبًا مثل عيد الميلاد والجمعة السوداء!

campaign examples from om

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

الآن السبب الرئيسي الذي يجعلنا نوصي باستخدام OptinMonster هو أنه يأتي مع قواعد استهداف قوية ومشغلات الحملة. بعضها يشمل:

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

وهذه ليست سوى عدد قليل من القواعد الشائعة. داخل OptinMonster ، ستتمتع بالتحكم الكامل في مكان ظهور النافذة المنبثقة ومتى تظهر ولمن.

بالإضافة إلى كل هذه الوظائف ، يتكامل OptinMonster بسلاسة مع مزودي البريد الإلكتروني وأدوات التسويق الأخرى.

بمجرد تلقي النافذة المنبثقة الخاصة بك بعض المشاركة ، يتتبع OptinMonster أدائها ويمنحك رؤى قيمة لمعرفة عدد الأشخاص الذين شاهدوها وعدد الذين تم تحويلهم.

هل أنت مستعد لتعلم كيفية إنشاء نافذة منبثقة عالية التحويل لموقع WordPress الخاص بك؟ دعنا نتعمق في البرنامج التعليمي.

الطريقة الصحيحة لإنشاء نافذة منبثقة في WordPress

لمتابعة هذا البرنامج التعليمي ، ستحتاج إلى التسجيل للحصول على حساب

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

بعد التسجيل ، توجه إلى موقع WordPress الخاص بك وقم بتثبيت المكون الإضافي OptinMonster.

install optinmonster wordpress plugin

هذا هو مكون إضافي لموصل WordPress متاح مجانًا في مستودع WordPress.

عند تنشيط مكون WordPress الإضافي ، يوجد معالج إعداد تلقائي سيساعدك على ربط موقعك بحسابك في OptinMonster.

بمجرد الانتهاء من الإعداد ، يمكنك الوصول إلى لوحة تحكم OptinMonster مباشرة من داخل لوحة إدارة WordPress والبدء في إنشاء الحملات.

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

popup example

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

الخطوة 1: قم بإنشاء حملة منبثقة

في لوحة معلومات WordPress الخاصة بك ، افتح صفحة البرنامج المساعد OptinMonster. هنا ، سترى أنواع الحملات المختلفة المتاحة. هيا بنا ونختار حملة "منبثقة".

choose popup campaign in om

سيؤدي هذا إلى فتح مكتبة القوالب حيث يمكنك استعراض القالب الذي تريده ومعاينته وتحديده. بالنسبة لهذا البرنامج التعليمي ، سنختار نموذج Magnet الذي يأتي مملوءًا مسبقًا بنموذج Optin و CTA (عبارة تحث المستخدم على اتخاذ إجراء) وصورة مذهلة.

select template and build popup

لا تتردد في اختيار أي قالب تريده. لجميع السمات المنبثقة ، ستظل الخطوات أدناه كما هي.

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

ستكون الآن داخل منشئ حملات OptinMonster حيث يمكنك تخصيص تصميم النوافذ المنبثقة.

الخطوة الثانية: تخصيص النافذة المنبثقة

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

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

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

optinmonster builder example

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

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

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

بعد ذلك ، لتحديث الصورة ، ما عليك سوى تحديدها وتحميل صورتك في القائمة اليسرى.

change image in om popup

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

column styling in advanced tab in om

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

لتخصيص رسالة إرسال النموذج ، افتح علامة التبويب Success. سترى نفس تصميم النموذج مع رسالة تأكيد.

success tab in om

يمكنك تخصيص الرسالة بنفس الطريقة التي خصصت بها تصميم النوافذ المنبثقة.

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

الآن تصميم النوافذ المنبثقة جاهز. نوصي بحفظ التصميم الخاص بك لتخزين التخصيصات الخاصة بك. بعد ذلك ، سنوضح لك كيفية تغيير إعدادات النوافذ المنبثقة وإضافة قواعد الاستهداف.

الخطوة 3: إضافة قواعد استهداف منبثقة

للتحكم في مكان ووقت ظهور النافذة المنبثقة على موقعك ، توجه إلى علامة التبويب Display Rules.

هنا ، سترى أنه افتراضيًا ، يعرض OptinMonster النافذة المنبثقة لزوار موقع الويب الذين يقضون 5 ثوانٍ على الأقل على أي صفحة ويب في موقعك.

default display rules om

يمكنك البدء بتعديل القواعد الحالية لإضافة القواعد الخاصة بك. عند فتح القائمة المنسدلة التي تم تعيينها على "الوقت على الصفحة" ، ستظهر قائمة القواعد.

نظرًا لوجود العديد من القواعد ، فقد تم تصنيفها بدقة حتى تتمكن من العثور على ما تحتاجه بسرعة. تشمل الفلاتر:

  • شائع
  • مشغل
  • الاستهداف
  • إضفاء الطابع الشخصي
  • التجارة الإلكترونية

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

لاستهداف زوار في صفحة معينة ، اختر قاعدة Page Targeting.

page targeting rule in om

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

page targeting options

بعد ذلك ، قم بتحرير القاعدة الثانية واختر قاعدة Exit-Intent®. سيكتشف هذا تلقائيًا عندما يكون الزائر على وشك مغادرة موقعك وعرض النافذة المنبثقة لحمله على الاشتراك في رسائل البريد الإلكتروني

exit intent rule in om

تعرف على مدى سهولة إضافة مشغلات الحملة وقواعد استهداف الجمهور؟ OptinMonster يجعل الأمر سهلاً بنقرة واحدة.

الآن بعد أن تعلمت كيفية إضافة قواعد العرض ، يمكنك دمج النافذة المنبثقة مع حساب بريدك الإلكتروني.

الخطوة 4: مزامنة حساب البريد الإلكتروني الخاص بك

يتصل OptinMonster بجميع خدمات البريد الإلكتروني الشائعة بما في ذلك Constant Contact و Mailchimp و AWeber و Drip.

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

للقيام بذلك ، في OptinMonster builder ، افتح علامة التبويب التكامل. ثم انقر فوق الزر "Integrations".

add new integration for email in om

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

choose email integration

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

om email integration lists and tags

هذا كل شيء! تم تصميم النافذة المنبثقة الخاصة بك وتكوينها بشكل صحيح! كل ما تبقى القيام به هو جعل النافذة المنبثقة تظهر مباشرة على موقع WordPress الخاص بك.

الخطوة 5: انشر نافذة ووردبريس المنبثقة

لنشر النافذة المنبثقة على موقع WordPress الخاص بك ، انتقل إلى علامة التبويب نشر. هنا ، يمكنك معاينة عينة من النافذة المنبثقة الخاصة بك كما ستظهر على موقع ووردبريس المباشر الخاص بك.

preview and publish om popup

بعد ذلك ، عيّن الحالة على "نشر" وسيتم نشر النافذة المنبثقة.

بعد ذلك ، توجه إلى لوحة إدارة ووردبريس الخاصة بك. افتح صفحة OptinMonster »Campaigns. تأكد من تعيين حالة حملتك على "منشور" هنا أيضًا.

om popup set status to published in wordpress

يمكنك الآن زيارة موقعك وسترى النافذة المنبثقة تظهر وفقًا لقواعد العرض التي قمت بتعيينها.

انها حقا بهذه البساطة. لن تحتاج إلى التصميم باستخدام CSS و HTML أو تضمين رموز مختصرة منبثقة على موقعك.

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

هذا يجعل OptinMonster بالفعل أفضل مكون إضافي منبثق لـ ووردبريس في السوق.

باستخدام ذلك ، تعلمت كيفية إنشاء نافذة منبثقة مذهلة عالية التحويل في ووردبريس. يمكنك الاستمرار في استخدام OptinMonster لإنشاء المزيد من الحملات مثل الأشرطة العائمة والشرائح الإضافية ومربعات التمرير! 

رد
وسوم الموضوع