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

نشرت: 2023-02-22

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

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

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

How to Open a WordPress Popup Form on Click of Link or Image

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

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

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

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

On click popup preview

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

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

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

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

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

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

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

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

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

ما عليك سوى زيارة موقع OptinMonster الإلكتروني والنقر فوق الزر "Get OptinMonster الآن" للبدء.

OptinMonster

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

يتيح لك ذلك توصيل حساب OptinMonster بموقع WordPress الخاص بك.

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

انطلق وانقر على زر "ربط حسابك الحالي".

Connect your existing account

بعد ذلك ، ستفتح نافذة جديدة.

يمكنك النقر فوق الزر "الاتصال بـ WordPress" لإضافة موقعك إلى OptinMonster.

Connect OptinMonster to WordPress

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

ما عليك سوى الانتقال إلى OptinMonster »الحملات من لوحة معلومات WordPress الخاصة بك والنقر فوق الزر" إنشاء حملتك الأولى ".

Create your first campaign

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

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

Choose a campaign type and template

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

ما عليك سوى تشغيل المؤشر فوق النموذج والنقر فوق الزر "استخدام النموذج".

Select the basic template

الآن ، سيُطلب منك إدخال اسم لحملتك. هذا هو فقط لأجلك. لن يراه المستخدمون.

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

Enter a name for your campaign

سيقوم OptinMonster تلقائيًا بتحميل القالب في أداة إنشاء حملات السحب والإفلات.

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

Add blocks to onclick campaign

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

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

Delete name field

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

ما عليك سوى التبديل إلى عرض "النجاح" أعلى الشاشة.

Edit the success view for onclick popup

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

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

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

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

Add an email marketing tool

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

من هنا ، ما عليك سوى اتباع التعليمات لتوصيله بـ OptinMonster.

Select your email provider

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

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

امض قدمًا وانقر فوق علامة التبويب قواعد العرض في الجزء العلوي من الشاشة.

Select display rules

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

ومع ذلك ، يمكنك النقر فوق القائمة المنسدلة وتحديد خيار "MonsterLink ™" (عند النقر) "بدلاً من ذلك.

Select MonsterLink display rule

بعد ذلك ، يجب أن ترى MonsterLink ™ في قواعد العرض.

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

Copy the MonsterLink

جعل البث المنبثق الخاص بك عند النقر

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

Publish your on click campaign

بمجرد القيام بذلك ، انقر فوق الزر "حفظ" أعلى الشاشة وأغلق منشئ الحملة.

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

Change status from pending to published

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

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

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

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

عندما تكون في محرر محتوى WordPress ، انقر فوق الزر (+) لإضافة كتلة HTML مخصصة.

Add a Custom HTML Block to Your Page

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

<a href="https://app.monstercampaigns.com/c/mcqdabfqzia6zdiosiz0/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

يمكنك تغيير الكلمات "اشترك الآن!" إلى أي نص تريد استخدامه للرابط الخاص بك.

Enter the MonsterLink Code

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

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

On click popup preview

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

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

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على YouTube لدروس فيديو WordPress. يمكنك أيضًا أن تجدنا على Twitter و Facebook.