11 أفضل الممارسات لزيادة التحويلات مع النوافذ المنبثقة

نشرت: 2022-10-27

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

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

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

جدول المحتويات

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

# 1 حدد أهدافك

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

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

# 2 استخدم التنسيق الصحيح

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

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

ولكل منها مزايا وعيوب مختلفة ، ومستويات من التطفل ، ومناسبة لحالات الاستخدام المختلفة.

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

قم بالتسجيل المنبثقة في أخبار بي بي سي
نافذة منبثقة للاشتراك في أخبار بي بي سي.

على الرغم من أنه من الأفضل اختبار ما ينجح في كل سيناريو ، فمن المهم أن تضع في اعتبارك أن لديك العديد من البدائل التي يجب مراعاتها.

# 3 حافظ على النافذة المنبثقة قصيرة وبسيطة: استخدم عرضًا ذا قيمة واحدة فقط

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

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

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

تظهر النافذة المنبثقة في متجر Uniqlo
تظهر النافذة المنبثقة في متجر Uniqlo.

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

# 4 اسأل فقط عن المعلومات الأساسية

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

Popup de The Stamp Market
نافذة منبثقة لسوق الطوابع.

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

# 5 تطبيق تباين الألوان

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

على سبيل المثال ، يمكنك عرض نافذة منبثقة مثل الشريط المنبثق العائم أسفل صفحة Ultra Beauty.

صفحة الجمال الترا
صفحة الجمال الترا.

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

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

# 6 استخدم الصور الإبداعية والجودة

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

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

عرض منبثق على موقع Humane Society US
عرض منبثق على موقع Humane Society US.

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

بعض الأفكار الجيدة لاستخدام الصور في التخطيطات المنبثقة هي:

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

# 7 ادمج النوافذ المنبثقة جيدًا مع بقية موقع الويب الخاص بك

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

كيف افعلها؟

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

# 8 قم بتمييز الدعوة إلى العمل

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

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

Popup de la Web International Rescue Committee
Popup de la Web International Rescue Committee.

# 9 عرض القيمة

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

اشتراك Timberland وخصم منبثق
اشتراك Timberland وخصم منبثق.

# 10 السماح بإغلاق النوافذ المنبثقة بسهولة

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

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

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

# 11 استخدم الأداة الصحيحة

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

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

يتيح لك الإصدار المجاني من Nelio Popups:

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

وإذا كنت تريد المزيد من الميزات ، فاشترك في الإصدار المميز من Nelio Popups.

ميزات Nelio Popups Premium
ميزات Nelio Popups Premium.

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

صورة مميزة بواسطة Arno Senoner على Unsplash.