إضافات WordPress المنبثقة: الجيد والسيئ والقبيح

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

بعض أهل التسويق يحبونهم ، والبعض الآخر لا يحبهم. قد يشعر بعض زوار الموقع بالضيق منهم. ولكن حتى الآن ، لماذا لا تزال تستخدم؟

لأنها أداة جيدة لتوليد الرصاص إذا تم استخدامها بذكاء.

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

انظر إلى ذلك: معدل تحويل 3.62٪ للنافذة المنبثقة تظهر بعد 8 ثوانٍ ، مقارنةً بـ 0٪ (مما يعني عدم وجود نافذة منبثقة). هذا يعني بالتأكيد شيء ما ، أليس كذلك؟

الآن ، في هذه المقالة ، سنتحدث عن:

• أفضل ملحقات WordPress المنبثقة المتوفرة ؛
• تشريح نافذة منبثقة ؛
• أفضل ممارسات الحالة المنبثقة ؛
• إلهام النوافذ المنبثقة.

هلا فعلنا؟

أفضل ملحقات WordPress المنبثقة

الآن ، عندما تبدأ في البحث عن مكون إضافي منبثق في WordPress يتناسب مع احتياجاتك ، فإليك بعض الميزات التي يمكن أن تكون مفيدة:

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

الآن ، دعنا نلقي نظرة على 5 من أفضل مكونات WordPress المنبثقة في النظام البيئي:

OptinMonster

يُستخدم حاليًا في أكثر من 1213400 موقع ويب ، وهو منتج SaaS مستقل. لديهم أيضًا مكون WordPress الإضافي ، مع أكثر من 1،000،000 تثبيت نشط.

فيما يلي بعض أهم ميزاته:

• تتوفر العديد من التنسيقات المنبثقة : lightbox ، والأشرطة العائمة ، والشرائح الإضافية ، وعجلات الدوران ، وأجهزة ضبط الوقت للعد التنازلي ، وغيرها الكثير ؛
• سحب وإسقاط مُنشئ WordPress المنبثق ؛
• قوالب منبثقة مسبقة الصنع ؛
• التخصيصات المتعددة القائمة على السلوك: نية الخروج ، وتحديد الموقع الجغرافي ، وإعادة الاستهداف ، والمزيد ؛
• اختبار A / B المنبثق ؛
• الرسوم المتحركة والمؤثرات الصوتية.
• التكامل مع أكثر ملحقات نماذج WordPress شيوعًا ؛
• تكامل التسويق عبر البريد الإلكتروني (Mailchimp و Sendinblue و ConvertKit و Drip و Klaviyo وغيرها الكثير) ؛

التسعير : بدءًا من 9 دولارات شهريًا ، يتم دفع الفاتورة سنويًا للخطة الأساسية.

PopupMaker

يستخدم هذا المكون الإضافي WordPress المنبثق في أكثر من 600000 موقع ، وهو شائع جدًا. فيما يلي بعض أهم ميزاته:

• التكامل مع أكثر ملحقات نماذج WordPress شيوعًا (Ninja Forms ، Gravity Forms ، Contact Form 7 ، إلخ) ؛
• تكامل التسويق عبر البريد الإلكتروني (Mailchimp و GetResponse و Hubspot وغيرها الكثير) ؛
• استهداف أي محتوى WordPress مثل المنشورات والصفحات و 26 أخرى ؛
• جدولة النوافذ المنبثقة .

التسعير : بدءًا من 87 دولارًا سنويًا لخطة البدء.

يسرع

يستخدم هذا المكون الإضافي WordPress المنبثق على أكثر من 100000 موقع بواسطة WPMU DEV. هم وراء الكثير من إضافات WordPress الشعبية.

فيما يلي بعض أهم ميزات Hustle:

• نماذج لحالات الاستخدام المختلفة (على سبيل المثال الجمعة السوداء ، الهبات ، إشعار COVID ، الاشتراك في النشرة الإخبارية) ؛
• النوافذ المنبثقة سريعة الاستجابة ؛
• تتوفر الكثير من خيارات التصميم ، من الحدود والظلال والتباعد والطباعة واللون إلى CSS المخصص ؛
• الكثير من المشغلات السلوكية مثل الوقت المستغرق في الصفحة ، والتمرير ، ونية الخروج ، والمزيد.
• تكامل التسويق عبر البريد الإلكتروني (Mailchimp و Sendinblue و ConvertKit و Drip و Klaviyo وغيرها الكثير) ؛

التسعير : 5 دولارات شهريًا ، يتم دفع الفاتورة سنويًا لخطة Hustle Pro. التجربة المجانية المتاحة.

سومو

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

فيما يلي بعض أهم ميزاته:

• جدولة رسائل البريد الإلكتروني التسويقية أو رسائل البريد الإلكتروني لمرة واحدة للتواصل مع المشتركين لديك ؛
• نماذج التقيد
• تحكم كامل في التصميم في النوافذ المنبثقة ؛
• قوالب مصممة مسبقًا ؛

التسعير : يتباهى الأشخاص في Sumo بأنه يمكنك استخدام Sumo مجانًا ولا تدفع إلا عندما تحصل على المزيد من العملاء.

تبدأ حزمة PRO بسعر 39 دولارًا شهريًا يتم دفعها سنويًا.

برنامج ConvertPro

برنامج Convert Pro هو خيارنا لإنشاء نوافذ منبثقة في WordPress. إنه مرن حقًا وبه الكثير من خيارات التصميم والتشغيل.

فيما يلي الميزات التي نحبها:

• محرر السحب والإفلات ؛
• استجابة المحمول
• النوافذ المنبثقة متعددة الخطوات ؛
• الكثير من خيارات التشغيل ؛
• مكتبة قوالب ضخمة ؛
• يتوفر الكثير من التنسيقات المنبثقة: خروج النية ، عند النقر ، أشرطة المعلومات ، الشرائح الإضافية ، عبارات الحث على اتخاذ إجراء مضمنة ، عبارات الحث على اتخاذ إجراء بملء الشاشة ، تحويل الحصائر ، والمزيد.
• اختبار A / B سهل
• تكامل التسويق عبر البريد الإلكتروني (Mailchimp و Sendinblue و ConvertKit و Drip و Klaviyo وغيرها الكثير) ؛

التسعير : بدءًا من 79 دولارًا في السنة.

كيفية إنشاء WordPress المنبثقة باستخدام برنامج ConvertPro

حان الوقت للوصول إلى العرض التوضيحي ، ألا تعتقد ذلك؟

نظرًا لأننا نقوم بتحويل مستخدمي Pro ، سأوضح لك كيف نستخدم الأداة ، هنا في Colibri.

فيما يلي خطوات إنشاء نافذة WordPress المنبثقة باستخدام برنامج Convert Pro:

1. بعد شراء المكون الإضافي ، توجه إلى متجر BrainStormForce (منشئو المكون الإضافي) وقم بتنزيل ملف مضغوط باستخدام برنامج Convert Pro . الآن ، توجه إلى لوحة معلومات WordPress الخاصة بك -> المكونات الإضافية -> إضافة جديد. قم بتحميل ملف zip الخاص بك هنا ، ثم قم بتنشيط المكون الإضافي.
2. انتقل إلى لوحة معلومات WordPress -> تحويل Pro -> إنشاء جديد.
3. حدد النوع الذي تريده من نافذة WordPress المنبثقة .
4. حدد نموذجًا وهدفًا.
5. قم بتسمية النافذة المنبثقة الخاصة بك ثم اضغط على "إنشاء".
6. ابدأ في تصميم النافذة المنبثقة الخاصة بك . أضف العناوين والفقرات والمرئيات إليها. هناك العديد من الأشكال وتنسيقات الأزرار التي يمكنك الاختيار من بينها في القائمة الموجودة على اليسار. يمكنك أيضًا إضافة عد تنازلي إذا كنت تجري إعلانًا ترويجيًا ، على سبيل المثال. داخل خيار "اللوحة" ، يمكنك ضبط حجم النافذة المنبثقة وإضافة الرسوم المتحركة والخلفيات والمزيد. يمكنك أيضًا تصميم النموذج الخاص بك بالطريقة التي تريدها. يمكنك أيضًا إنشاء نوافذ منبثقة متعددة الخطوات ضمن الخيارات المتقدمة. يمكنك معاينة إصدار الهاتف من النافذة المنبثقة عند النقر فوق رمز الهاتف المحمول أعلى لوحة التحكم.
7. تكوين النموذج الخاص بك . في هذا المستوى ، يمكنك الاختيار من بين العديد من المشغلات. في قائمة "الهدف" ، يمكنك إجراء تعديلات على إعداداتك بناءً على الموقع الجغرافي والجهاز وسلوكيات المستخدم الأخرى. على سبيل المثال ، أود إنشاء نوافذ منبثقة منفصلة للجوال وسطح المكتب. على الأجهزة المحمولة ، أقوم بتشغيل النوافذ المنبثقة في WordPress بعد 5 ثوانٍ ، بينما على سطح المكتب أستخدم هدف الخروج.
8. Connect Convert Pro بأدوات خارجية ، مثل النماذج وبرامج التسويق عبر البريد الإلكتروني.
9. لا تنس حفظ و "جعلها عامة" نافذة WordPress المنبثقة بمجرد الانتهاء.

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

الآن ، بعد أن عرفت كيف يمكنك تصميم نافذة منبثقة ، دعنا نلقي نظرة على العناصر التي لا غنى عنها.

تشريح النافذة المنبثقة

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

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

إذن ، هذه هي العناصر التي تحتوي عليها النافذة المنبثقة:

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

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

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

أفضل ممارسات الحالة المنبثقة

سأبقي هذا قصيرًا ولطيفًا. ها نحن ذا:

• لا تكن متطفلاً مع النوافذ المنبثقة. كن حكيمًا مع محفزاتك. أذهب دائمًا إلى نية الخروج ، حتى لا أتدخل كثيرًا في تجربة المستخدم.
• لا تظهر النوافذ المنبثقة في جميع صفحاتك. فكر في الغرض من صفحتك. هل تريد حقًا عرض نافذة منبثقة على صفحات الأسعار أو الاتصال بنا؟ كن حكيما بشأن هذا.
• تأكد من ظهور النافذة المنبثقة بشكل جيد على جميع الأجهزة.
• اجعل من السهل على زوار الموقع إغلاق النافذة المنبثقة.
• استخدم الصور في النوافذ المنبثقة الخاصة بك. أظهر تحليل Sleeknote أنها تتحول بشكل أفضل من تلك التي لا تحتوي على صور.
• استحث على FOMO (الخوف من الضياع) في نسختك المنبثقة. على سبيل المثال ، يمكنك القيام بذلك عن طريق إدخال مؤقت للعد التنازلي لإخبار الأشخاص بعدد الأيام المتبقية حتى انتهاء عرضك الترويجي.
• كلما زاد عدد الحقول الموجودة في النموذج الخاص بك ، قل عدد التحويلات. كن حذرًا في كيفية موازنة هذه الأشياء. من ناحية أخرى ، يمكن أن تساعدك حقول النماذج المتعددة على تقسيم العملاء المحتملين بشكل أفضل.
• تحديد الأهداف والغرض من استخدام نافذة منبثقة معينة.
• تنفيذ النوافذ المنبثقة الموقوتة لتحسين المشاركة.
• حاول تقسيم النوافذ المنبثقة للزوار الجدد والزائرين المتكررين.
• عندما يقوم المستخدمون بالتمرير لأسفل المحتوى الخاص بك ، أو يقضون المزيد من الوقت في مقال ، فهذا يعني أنك لفتت انتباههم. ماذا عن استخدام مشغل التمرير لإظهار نافذة منبثقة لترقية المحتوى أو دعوة ندوة عبر الإنترنت؟

7 أمثلة منبثقة تلهمك

الآن ، يكفي مع النظرية ، دعنا نلقي نظرة على بعض النوافذ المنبثقة الحقيقية.

مثال النافذة المنبثقة 1: Sleeknote

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

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

مثال على النافذة المنبثقة 2: Hubspot

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

يمكنهم استخدام بعض الصور لتبدو أكثر جاذبية.

المثال المنبثق 3: Haute Hijab

يستخدم متجر التجارة الإلكترونية هذا الذي تبلغ تكلفته عدة ملايين من الدولارات نافذة منبثقة تقدم خصمًا بنسبة 15 ٪ للزوار الذين يشتركون في النشرة الإخبارية.

المثال المنبثق 4: Backlinko

لدى Brian Dean ، خبير تحسين محركات البحث الشهير ، بعض المحتوى المقفل على المدونة. إنها دراسة حالة قيّمة حقًا يرغب في مشاركتها مع قارئه في مقابل بريدهم الإلكتروني.

عندما تضغط على زر "فتح الآن" ، ستطلق نافذة منبثقة.

مثال على النافذة المنبثقة 5: Mailpoet

تستخدم Mailpoet (برنامج التسويق عبر البريد الإلكتروني) ، ومعظم مواقع الويب الموجودة هناك نافذة منبثقة لإعلام الزائرين بملفات تعريف الارتباط الخاصة بالمواقع الإلكترونية. يقوم Mailpoet بهذا من خلال تصميم منبثق نظيف ، وليس التصميم القديم والرمادي والباهت الذي اعتدنا عليه.

المثال المنبثق 6: فيرجن أتلانتيك

تستخدم فيرجن أتلانتيك شريط المعلومات المنبثق لإبلاغ الركاب بتدابير السلامة الخاصة بـ COVID-194.

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

المثال المنبثق 7: Dedoles

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

تغليف

ارمش مرتين إذا كنت لا تزال معي

الآن ، دعنا نرى ما تعلمناه اليوم:

• ما هي أفضل 5 إضافات منبثقة لـ WordPress في النظام البيئي ؛
• كيفية استخدام برنامج ConvertPro لإنشاء نوافذ منبثقة في WordPress ؛
• ما هي عناصر النافذة المنبثقة ؛
• ما هي أفضل ممارسات الحالة التي يمكنك سرقتها لإنشاء نوافذ منبثقة في WordPress تقوم بالتحويل ؛

هذا كل ما لدي أيها الناس!

إذا أعجبك هذا المقال ، وترغب في معرفة المزيد حول كيفية تصميم موقع WordPress على الويب ، فتأكد من الاشتراك في قناة Colibri's Youtube ومتابعتنا على Twitter و Facebook!

تريد تحفيز عملك؟

احصل على تحديثات نصف شهرية عن:

• تصميم مواقع WordPress مذهلة
• بناء وجود على الإنترنت
• الترويج لموقع الويب الخاص بك

عنوان بريد الكتروني:

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