كيفية فتح نموذج ووردبريس المنبثق عند النقر فوق الارتباط أو الصورة

هل تريد إنشاء نافذة منبثقة تظهر عندما ينقر زوار موقعك على رابط أو صورة على موقعك؟

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

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

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

إضافة نموذج منبثق عند النقر إلى موقع الويب الخاص بك

ما هو نموذج “عند النقر” المنبثق؟

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

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

مثال على نموذج منبثق عند النقر

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

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

لماذا تعتبر نماذج النقر المنبثقة فعالة جدًا؟

عند النقر على النموذج المنبثق يكون فعالا لأنه يستخدم تأثير Zeigarnik القوي. هذا هو المبدأ النفسي الذي ينص على أن المستخدمين الذين يبدؤون إجراءً من المرجح أن ينهوه.

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

في هذا البرنامج التعليمي ، سنستخدم نافذة منبثقة عند النقر لتقديم مغناطيس رئيسي .

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

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

تثبيت وتنشيط OptinMonster

أولاً ، ستحتاج إلى التسجيل للحصول على حساب OptinMonster . ستحتاج إلى حساب Pro (أو أعلى). يمنحك هذا ميزة MonsterLinks ™ التي تتيح لك إنشاء النوافذ المنبثقة عند النقر.

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

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

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

انقر فوق “ربط حسابك” واتبع التعليمات التي تظهر على الشاشة.

قم بتوصيل حساب OptinMonster الخاص بك بموقع ووردبريس الخاص بك

إنشاء أول نافذة منبثقة عند النقر

بمجرد توصيل حساب OptinMonster بموقع ووردبريس الخاص بك ، يمكنك البدء في إنشاء نافذة منبثقة عند النقر. انقر فوق الزر “إنشاء حملة جديدة” أعلى الشاشة:

قم بإنشاء حملة جديدة في OptinMonster

سيتم نقلك مباشرة إلى موقع OptinMonster.

يجب أن يكون “نوع الحملة” قد تم تعيينه بالفعل على نافذة منبثقة. إذا لم يكن كذلك ، فما عليك سوى النقر فوق Popup لتحديده.

اترك “Popup” محددًا لنوع حملتك

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

تحديد القالب الأساسي الخاص بك عند النقر فوق المنبثقة

مرر مؤشر الماوس فوق النموذج وانقر فوق الزر “استخدام النموذج”.

انقر لاستخدام القالب الأساسي للنقر المنبثق الخاص بك

الآن ، سيُطلب منك إدخال اسم لحملتك. إذا كنت تستخدم OptinMonster على أكثر من موقع ، فتأكد من تحديد الموقع الصحيح. أدخل موقع جديد إذا لزم الأمر. ثم ، انقر فوق “بدء البناء” لإنشاء النافذة المنبثقة الخاصة بك.

امنح حملتك اسمًا وانقر لبدء البناء

سيقوم OptinMonster تلقائيًا بتحميل القالب الذي اخترته.

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

تحرير عنوان النافذة المنبثقة الخاصة بك في OptinMonster

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

إزالة حقل الاسم من النافذة المنبثقة

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

عرض “النجاح” الذي سيراه الزوار بعد إدخال عناوين بريدهم الإلكتروني

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

لإضافة رابط إلى صورة ، انقر على الصورة ثم مرر لأسفل إلى “إضافة رابط للصورة؟” على جهة يدك اليسار.

يمكنك التبديل لتمكين ارتباط الصورة وإدخال الرابط إلى مغناطيس الرصاص الخاص بك في مربع “URL”.

إضافة رابط للصورة المنبثقة في OptinMonster

توصيل النافذة المنبثقة بقائمة البريد الإلكتروني الخاصة بك

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

انقر فوق الزر “+ إضافة تكامل جديد” الموجود على الجانب الأيسر من الشاشة.

إضافة تكامل بريد إلكتروني جديد في OptinMonster

بعد ذلك ، حدد مزود البريد الإلكتروني الخاص بك من القائمة المنسدلة واتبع التعليمات لتوصيله بـ OptinMonster.

حدد مزود خدمة البريد الإلكتروني الخاص بك من القائمة المنسدلة

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

ضبط النافذة المنبثقة الخاصة بك لتظهر عند النقر

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

قواعد العرض الافتراضية في OptinMonster

يتم تعيين قاعدة العرض الافتراضية على الوقت المستغرق في الصفحة. انقر فوق القائمة المنسدلة وحدد “نقر الزائر على MonsterLink ™” بدلاً من ذلك.

تبديل قواعد العرض بحيث تستخدم النافذة المنبثقة ميزة MonsterLink

انقر فوق الزر لنسخ رمز MonsterLink ™ الخاص بك. ستحتاج هذا في لحظة.

جعل الخاص بك على انقر فوق Popup Live

الآن ، انتقل إلى علامة التبويب نشر وقم بتعيين حالة حملتك على Live. يمكنك أيضًا التحقق من موقع الويب الذي تتصل به حملتك أو تغييره.

تبديل حالة حملة انقر فوق المنبثقة للعيش

بمجرد القيام بذلك ، انقر فوق الزر حفظ في الجزء العلوي من الشاشة.

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

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

قم بتحديث قائمة الحملات في لوحة معلومات OptinMonster الخاصة بك

من المفترض أن تظهر حملتك على أنها Live. إذا كنت ترغب في تعطيله في أي وقت ، فما عليك سوى النقر فوق الارتباط “تعطيل” الموجود أسفل اسم حملتك.

قائمة حملات OptinMonster في لوحة معلومات ووردبريس

إضافة MonsterLink إلى موقع الويب الخاص بك

الآن ، تحتاج إلى إضافة MonsterLink ™ الخاص إلى موقعك. إذا لم تقم بنسخ هذا سابقًا ، فيمكنك الحصول عليه بالرجوع إلى إعداد قواعد العرض لحملتك في موقع MonsterInsights على الويب.

قم بإنشاء منشور أو صفحة جديدة ، أو قم بتحرير المنشور الذي تريد إضافة الارتباط فيه.

MonsterLink هو كود HTML ، لذلك تحتاج إلى لصقه في كتلة HTML مخصصة.

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

إضافة كتلة HTML مخصصة في ووردبريس

الآن ، انسخ MonsterLink الخاص بك إلى تلك الكتلة. يجب أن يبدو مثل هذا:

MonsterLink في كتلة HTML

يمكنك تغيير الكلمات “انقر فوقي!” إلى أي نص تريد استخدامه للرابط الخاص بك. سنستخدم “انقر للحصول على نصائح BONUS 10!”

MonsterLink مع نص مخصص

بمجرد وضع الارتباط ، يمكنك معاينة صفحتك أو النشر للتأكد من أنه يعمل.

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

انقر فوق النموذج المنبثق في العمل

نصيحة: أنت لست مقيدًا بالروابط النصية فقط باستخدام MonsterLinks. يمكنك أيضًا استخدام MonsterLink مع أزرار الحث على اتخاذ إجراء أو الصور أو اللافتات أو قوائم التنقل على موقع الويب الخاص بك.

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

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