كيفية إنشاء Lightbox Popup على موقعك (خطوة بخطوة)

هل تبحث عن طريقة لإنشاء نافذة منبثقة مبسطة لموقعك؟

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

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

بشرى سارة: هناك طريقة أبسط بكثير.

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

دعنا نتعمق.

ما هو Lightbox Popup؟

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

في الأصل ، يأتي مفهوم Lightboxes من الإعلانات الخارجية:

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

لماذا تعمل Lightbox Popups

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

لكن لماذا يعملون؟

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

# 1. تتميز النوافذ المنبثقة Lightbox بعبارة واضحة تحث المستخدم على اتخاذ إجراء

يعتقد معظم الناس أنه من الرائع منح عملائهم الكثير من الخيارات.

لكن هذا ليس صحيحًا حقًا.

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

لذلك ، بطبيعة الحال ، معدلات التحويل كبيرة جدًا.

# 2. من المستحيل تجاهل النوافذ المنبثقة في العرض المبسط

تشغل النوافذ المنبثقة Lightbox الشاشة بأكملها وتعتيم كل شيء آخر. لذلك ، من المستحيل عمليا تجاهلهم.

هذا صحيح بشكل خاص إذا كانت الرسوم المتحركة:

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

# 3. تحتوي النوافذ المنبثقة في العرض المبسط على مشغلات مخصصة

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

بالنسبة للعميل الجديد ، يمكنك إطلاق حملة ترحيب:

ولكن بالنسبة للعميل العائد ، قد ترغب في إرسال عرض مختلف له:

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

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

# 4. يمكن للنوافذ المنبثقة في العرض المبسط التقاط الزائرين المتروكين

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

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

كيفية إنشاء Lightbox Popup

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

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

لقد كتبنا حتى مراجعة كاملة لـ OptinMonster.

يمكنك التحقق من ذلك ، أو البدء في حملتك الآن. كل ما عليك فعله هو الاشتراك في OptinMonster ومتابعة بقية هذه المقالة.

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

توجه إلى لوحة معلومات OptinMonster واضغط على زر إنشاء :

حدد نوع الحملة Lightbox Popup :

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

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

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

اضغط على Start Building عند الانتهاء.

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

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

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

وبعد ذلك ، اضبط نص الزر والمظهر لإنشاء عبارة واضحة تحث المستخدم على اتخاذ إجراء:

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

الخطوة # 3: تعيين قواعد العرض

تهدف قواعد العرض إلى تحديد وقت ظهور حملتك على موقعك ومن يراها.

توصيتنا هي تغيير حالة المشغل إلى نية الخروج:

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

وبعد ذلك ، انقر فوق الزر " الخطوة التالية ". يمكنك مشاهدة النطاق الكامل لإعداداتك في علامة تبويب الملخص.

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

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

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

الخطوة رقم 5: انشر Lightbox Popup

عند إنشاء حملة جديدة ، يتم إيقافها مؤقتًا افتراضيًا.

انتقل إلى علامة التبويب نشر من القائمة العلوية لرؤية خيارات النشر . بعد ذلك ، اضبط الحالة على نشر وحدد النظام الأساسي لموقع الويب:

إذا كنت تقوم بتشغيل موقع WordPress ، فإن المكون الإضافي OptinMonster يتعامل مع بقية الإعداد تلقائيًا. إنه نفس الشيء بالنسبة لـ Shopify و BigCommerce. لأي موقع آخر ، انقر فوق أي موقع والصق رمز التضمين في رأس موقع الويب الخاص بك:

إنتهيت!

تغليف

هذا كل شيء لهذا ، أيها الناس!

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

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

غير مقتنع؟ تحقق من هذه الموارد:

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

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