أفضل 5 أمثلة على التراكب المنبثق لزيادة التحويل

نشرت: 2022-06-29

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

هناك مجموعة متنوعة من الخيارات المتاحة كحالات استخدام منبثقة يمكنك استخدامها للترويج لعملك وتحسين إيراداتك الإجمالية. ومع ذلك ، قد يكون إنشاء تراكب منبثق مختصر ومخصص وجذاب أمرًا صعبًا. Popup-overlay-examples-with-orange-background-cover تفاجئ التراكبات المنبثقة الزوار ، فتلفت انتباههم على الفور وتوجههم للنقر لأنهم في أعلى الصفحة.

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

هذه التراكبات لديها القدرة على زيادة التحويل والمبيعات.

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

إليك بعض النصائح وبعض أفضل أمثلة التراكبات المنبثقة من العلامات التجارية الشهيرة لإلهامك.

بعض النصائح لإنشاء نافذة منبثقة فعالة

فيما يلي قائمة مختصرة بالنصائح التي يجب مراعاتها أثناء إنشاء نافذة منبثقة لعلامتك التجارية:

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

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

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

ما هو التراكب المنبثق؟

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

تكمن المشكلة في أن التراكبات المنبثقة غالبًا ما تحقق نجاحًا كبيرًا - أو فاشلة كبيرة.

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

ولكن عندما تضيف نافذة التراكب المنبثقة قيمة (مثل تقديم خصم أو صفقات حصرية) ، يميل الزوار إلى الاهتمام ** بما لديك لتقدمه.

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

أمثلة على التراكب المنبثق

لنلقِ نظرة على بعض أفضل الأمثلة على التراكبات المنبثقة الفعالة من العلامات التجارية المعروفة.

1- تراكب النشرة الإخبارية لدولتشي آند غابانا

تستخدم ماركة الأزياء الشهيرة Dolce & Gabbana نشرة إخبارية منبثقة لجذب انتباه مستخدميها.

Dulceandgabbana-popup-overlay-example-show-a-woman-in-D & G-clothes
تصميمه المنبثق بسيط وأنيق مع صورة مثيرة وملفتة للنظر واستخدام أبيض وأسود.

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

2- تراكب البريد الإلكتروني من نايك

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

nike-popup-overlay-example-simple-popup-window-with-some-text

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

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

إنه حل بسيط وأنيق مع تصميم جميل وبسيط ونص جذاب.

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

3- تراكب خصم Brunomagli

تظهر تراكبات خصم Brunomag المنبثقة عند دخولك إلى موقع الويب ، وتقدم خصمًا بنسبة 15٪ مقابل عنوان بريدك الإلكتروني.

Brunomagli-popup-overlay-example-with-15-percent-off

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

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

4- تراكب منبثق لهدف الخروج الجماعي

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

Coschedual-exit-intent-popup-overlay-example-showing-some-texts

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

تطلب CoSchedule من الزوار التحقق من منتجاتهم وخدماتهم وتدعوهم لجدولة عرض توضيحي في النهاية باستخدام CTA قوي.

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

5- تراكب قسيمة شراء Revolvea لأول مرة

يتم عرض عرض الخصم التالي بمجرد دخولك إلى موقع Revolve للتجارة الإلكترونية.

يطلب التراكب المنبثق عنوان البريد الإلكتروني للزائر من أجل تقديم خصم للمشترين المحتملين!

revolve-discount-popup-overlay-example

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

وفقًا لـ Cision PR Newswire ، فإن 92 ٪ من زوار الموقع ليسوا مستعدين بعد للشراء ، لكن هذا لا يعني أنهم غير مهتمين! لذلك ، قد يتم تشغيل عرض خصم سريع للمشتري لأول مرة.

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

قم بإنشاء نافذة منبثقة تفاعلية مع Popupsmart


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

من السهل والسريع إنشاء نافذة منبثقة ذات مظهر احترافي وفعالة باستخدام Popupsmart popup builder.

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

دعني أوضح لك مدى سهولة ذلك من خلال توفير دليل تفصيلي:

1- قم بالتسجيل في Popupsmart ثم انتقل إلى لوحة القيادة الخاصة بك.

2- انقر فوق الزر "إنشاء نافذة منبثقة جديدة" وابدأ في إنشاء أول نافذة منبثقة.

step-one-Creating-popup-overlay-with-popupsmart-tool 3- حدد هدف عملك. على سبيل المثال ، يمكنك اختيار "تنمية قائمة البريد الإلكتروني" لتحسين حملات التسويق عبر البريد الإلكتروني وإرسال رسائل إخبارية ومحتوى عالي الجودة أو خصومات مخصصة.

step-two-Creating-popup-overlay-with-popupsmart-tool

4- يمكنك إما إنشاء نافذة منبثقة من البداية أو استخدام قالب جاهز وتخصيصه ليناسب أهدافك.

step-three-Creating-popup-overlay-with-popupsmart-tool

5- يمكنك بعد ذلك تخصيص تصميم النافذة المنبثقة الخاصة بك عن طريق تحديد علامة التبويب "تخصيص" بمجرد تحديد التنسيق الخاص بك. الخطوة الرابعة - إنشاء-popup-overlay-with-popupsmart-tool يمكنك أيضًا تغيير العنوان وإدخال النص وقسم سياسة الخصوصية .

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

يمكن أيضًا إضافة الصور ذات الصلة في هذه الخطوة إذا لزم الأمر.

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

هذا يسمح لك بالوصول إلى جمهورك بشكل فعال.

الخطوة الخامسة - إنشاء-popup-overlay-with-popupsmart-tool

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

step-six-Creating-popup-overlay-with-popupsmart-tool

احفظ وانقر على "التالي للنشر" بعد الانتهاء من هذه الخطوة.

step-seven-Creating-popup-overlay-with-popupsmart-tool

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

step-eight-Creating-popup-overlay-with-popupsmart-tool

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

تعرف على كيفية تضمين الرمز على موقع الويب الخاص بك!

8- بعد الانتهاء من النافذة المنبثقة ، انقر فوق الزر "حفظ ونشر" .

الخطوة التاسعة - إنشاء-popup-overlay-with-popupsmart-toolstep-ten-Creating-popup-overlay-with-popupsmart-tool

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

step-eleven-Creating-popup-overlay-with-popupsmart-tool

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

كفكر أخير

a-simpson-cartoon-character-as-news-anchor-sharing-his-final-thoughts-about-popup-overlay

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

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

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

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

ابدأ مع Popupsmart اليوم!

مقالات ذات صلة:

  • كيفية بناء Vue Modal Popups
  • كيفية إنشاء نماذج Tailwind CSS المنبثقة لموقعك على الويب
  • 15 من الحلول التي يجب معرفتها لأتمتة إنشاء قوائم العملاء المحتملين في عام 2022