ترحيب منبثق: 7 أمثلة وكيفية الإنشاء [دليل + فيديو]

أهلا وسهلا!

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

ترى ما فعلت هناك؟

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

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

انتقل إلى الأقسام:

• ما هي النافذة المنبثقة الترحيبية؟
• أمثلة على النوافذ المنبثقة الترحيبية
• كيفية إضافة نافذة منبثقة ترحيبية إلى أي موقع ويب
• نرحب بالنصائح المنبثقة

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

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

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

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

أمثلة على النوافذ المنبثقة الترحيبية

إذا كنت ترغب في بعض الإلهام ، فلنلقِ نظرة على بعض التصميمات المذهلة للنوافذ المنبثقة الترحيبية من مواقع الويب الشهيرة. هذه الأمثلة رائعة المظهر وفعالة ، حيث تؤدي إلى تحويل ما يصل إلى عدة آلاف من الزوار كل شهر.

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

• الموقع : نيكي كيهو
• الهدف : إنشاء قائمة بريد إلكتروني
• الحافز : الوصول المبكر إلى المنتجات الجديدة والصفقات الحصرية وآخر الأخبار والدعوات إلى الأحداث الشخصية

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

يعرض Nickey Kehoe نافذة الترحيب المنبثقة الخاصة به بعد ثوانٍ قليلة من فتح موقع ويب. لاحظ أنه يمكنك إغلاق النافذة المنبثقة بطريقتين (بالنقر فوق Enter Our Site أو زر الإغلاق). يبسط قرار التصميم هذا مهمة إغلاق النافذة المنبثقة ، وهي طريقة جيدة للحفاظ على تجربة الزائر إيجابية.

2. ترحيب منبثقة مع الخصم

• الموقع : بلوم
• الأهداف : أ) إنشاء قائمة بريد إلكتروني ، ب) توليد المزيد من الطلبات من الزوار لأول مرة
• الحافز : خصم 20٪ على الطلب الأول + امتيازات الأعضاء (شحن وإرجاع مجاني)

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

يحول هذا الترحيب المنبثق من Blume 5٪ من زوار الموقع ، وهو أعلى بكثير من متوسط ​​معدل تحويل النوافذ المنبثقة الذي يبلغ حوالي 2٪. الأسباب: عرض سخي وتصميم منبثق ذو علامة تجارية رائعة المظهر وسمعة جيدة للعلامة التجارية.

3. نرحب بالقائمة المنبثقة مع عينة مجانية من المنتج

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

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

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

4. ترحيب منبثقة مع رمز قسيمة

• الموقع الإلكتروني : شمعة هذيان
• الأهداف : توليد عملاء محتملين ومبيعات من الزائرين لأول مرة
• الحافز : كود قسيمة خصم لأول عملية شراء

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

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

هل تريد رؤية تصميمات منبثقة رائعة؟ ️ أمثلة منبثقة البريد الإلكتروني ️ أمثلة على الرسائل القصيرة المنبثقة ️ أمثلة Spin-to-win popup

5. ترحيب منبثقة مع العرض التوضيحي للبرنامج

• الموقع : Zendesk
• الأهداف : زيادة المشاهدات التجريبية وتوليد العملاء المتوقعين
• الحافز : معرفة كيف يمكن أن تساعد Zendesk في تحسين جودة خدمة العملاء من خلال الأمثلة

برزت لي هذه النافذة المنبثقة الترحيبية لأسباب مختلفة.

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

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

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

6. النافذة المنبثقة الترحيبية "مقدمة العلامة التجارية"

• الموقع الإلكتروني : PRESS Healthfoods
• الهدف : بناء قائمة العملاء المخلصين
• حافز : محتوى أسبوعي مع نصائح حول أسلوب حياة صحي وعروض VIP وهدايا

لفت انتباهي شيئان هنا: صورة جميلة للمنتج ونبرة كتابة غير رسمية مصحوبة برمز تعبيري.

قامت PRESS Healthfoods بعمل رائع مع صور المنتج ، لذا فإن تضمين صورة في نافذة منبثقة ترحيبية فكرة جيدة. بالإضافة إلى ذلك ، تقوم النوافذ المنبثقة التي تحتوي على صور بتحويل ما يقرب من 5٪ من الزوار بينما أولئك الذين ليس لديهم صور يقومون بتحويل 2.85٪ فقط.

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

7. ترحيب منبثقة مع عرض لفترة محدودة

• الموقع الإلكتروني : Pedego Bikes
• الهدف : زيادة مبيعات منتجات معينة
• حافز : عرض لمدة محدودة لترقية منتج مجانًا

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

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

كيفية إضافة نافذة منبثقة ترحيبية إلى أي موقع ويب

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

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

لذا-

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

خطوات إنشاء نافذة منبثقة ترحيبية:

• الخطوة الأولى: قم بعمل حملة جديدة
• الخطوة 2: اختر هدفًا
• الخطوة 3: اختر تنسيق الحملة
• الخطوة 4: حدد قالبًا منبثقًا
• الخطوة 5: تصميم النافذة المنبثقة الترحيبية
• الخطوة 6: تخصيص نافذة الشكر
• الخطوة 7: تحديد كيفية إظهار النافذة المنبثقة الخاصة بك
• الخطوة 8: انشر نافذة موقعك المنبثقة

الخطوة الأولى: قم بعمل حملة جديدة

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

في لوحة معلومات Wisepops ، انقر فوق إنشاء حملة واختر مساعد الحملة .

يعد مساعد الحملة ميزة مفيدة ستوجهك خلال عملية إنشاء الحملة. لذلك ، فهو مثالي للمستخدمين الجدد.

الخطوة 2: اختر هدفًا

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

الخطوة 3: اختر تنسيق الحملة

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

الخطوة 4: حدد قالبًا منبثقًا

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

انقر فوق قالب لتأكيد اختيارك وانتقل إلى الخطوة التالية.

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

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

نحن بحاجة إلى جعل نافذة الترحيب المنبثقة هذه ملكًا لك حقًا -

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

أولاً ، دعنا نكتب نصنا.

انقر فوق العنصر النصي لفتح إعدادات التحرير. فوق النافذة المنبثقة مباشرةً ، ستراها (مظللة في الصورة).

التالي-

دعونا نضيف صورة جديدة.

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

لقد غيرت الألوان والصورة من خلال النقر عليها و-

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

ويمكنك تصميم نفس النافذة المنبثقة (بل والأفضل!) تمامًا.

للراغبين في تكرار هذا التصميم ، استخدمت:

• Arial للخط
• # 803345 للون
• هذه الصورة المجانية من Castorly Stock للبصرية

الخطوة 6: تخصيص نافذة الشكر

تظهر نافذة الشكر عندما يملأ الزائر الحقول وينقر فوق Sign Me Up . تم تجهيز معظم القوالب المنبثقة بهذه النافذة لأنها تستخدم لتأكيد الاشتراك وشكر الزائر ومشاركة أكواد الخصم.

للبدأ-

انقر فوق علامة التبويب شكرًا لك .

هناك ، سترى نافذة الشكر.

قم بتخصيص التصميم تمامًا كما فعلت في النافذة المنبثقة الرئيسية للترحيب. يمكنك العودة بسهولة إلى الرمز الرئيسي للحصول على رموز الألوان — فقط انقر فوق العنصر المنبثق الرئيسي . أضف أيضًا رمز الخصم الموعود (ذهبت مع TENOFF).

هذا ما تبدو عليه روايتي.

الآن ، تم تصميم النافذة المنبثقة الترحيبية.

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

الخطوة 7: تحديد كيفية إظهار النافذة المنبثقة الخاصة بك

انتقل إلى قواعد العرض في القائمة الرئيسية.

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

والإعداد الأخير -

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

هذا هو.

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

الخطوة 8: انشر النافذة المنبثقة الترحيبية!

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

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

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

نرحب بالنصائح المنبثقة

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

1. تقديم الفوائد

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

2. كتابة نسخة واضحة

من الواضح أن جميع النوافذ المنبثقة الرائعة للترحيب تنقل رسالة جذابة.

لكتابة نسخة جيدة:

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

3. جعل النافذة المنبثقة الخاصة بك تظهر مع تأخير

لا يحب الناس النوافذ المنبثقة التي تظهر لحظة وصولهم إلى مواقع الويب.

لهذا السبب ضع في اعتبارك تعيين تأخير لمدة خمس ثوانٍ على الأقل للنافذة المنبثقة الترحيبية (تمامًا كما فعلنا في البرنامج التعليمي).

يقوم المسوقون ذوو الخبرة أيضًا بحيلة بسيطة. يكتشفون متوسط ​​الوقت الذي يقضيه الأشخاص على موقع الويب الخاص بهم باستخدام Google Analytics ويعينون وقت العرض بحوالي 20٪ من هذه القيمة. على سبيل المثال ، إذا كان متوسط ​​الوقت 60 ثانية ، فقد تظهر النافذة المنبثقة في 12 ثانية (20٪ من 60 = 12).

4. إضافة جهاز توقيت للعد التنازلي

يعد الشعور بالإلحاح حافزًا قويًا للشراء: تظهر أبحاث Wisepops أن إضافة عداد للعد التنازلي يزيد من معدل التحويل بنسبة 41٪.

لإضافة هذا العنصر في Wisepops: في القائمة الرئيسية ، انتقل إلى Blocks واختر Countdown . ستتم إضافة المؤقت تلقائيًا إلى النافذة المنبثقة الترحيبية.

5. اختبار إصدارات مختلفة من النوافذ المنبثقة الترحيبية

يريد بعض العملاء العثور على أفضل سعر.

يميل البعض الآخر إلى الشراء على أساس الاندفاع.

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

في Wisepops ، يعني هذا إنشاء اختبار A / B: بشكل أساسي ، تقوم بتكرار النافذة المنبثقة الترحيبية بالنقر فوق اختبار AB في لوحة القيادة. في ما يلي عرض لحملة تم تقسيمها إلى نسختين بهذه الطريقة.

يجعل الانقسام من السهل تغيير إصدار الحملة الثانية بالطريقة التي تريدها (حجم الخصم ، العد التنازلي / عدم العد التنازلي ، إلخ) ومراقبة النتائج.

مرحبًا بالنوافذ المنبثقة الأسئلة الشائعة

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

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

يمكن للنوافذ المنبثقة الترحيبية تحويل ما يصل إلى 5٪ من الزوار.

هل ستؤذي النافذة المنبثقة المرحب بها تجربة عملائي؟

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

كيف تؤثر النافذة المنبثقة الترحيبية على مُحسنات محركات البحث لمتجري؟

إذا كنت تستخدم برنامجًا منبثقًا علويًا لإنشاء نافذة منبثقة ترحيبية ، فستكون حملاتك متوافقة بنسبة 100٪ مع جميع متطلبات تحسين محركات البحث.

لمزيد من النصائح والأفكار حول النوافذ المنبثقة ، ألق نظرة على أدلة أخرى في مدونة Wisepops .