تعاني النوافذ المنبثقة من سمعة سيئة لأن كثيرًا منها يظهر مبكرًا جدًا، ويتكرر كثيرًا، ولا يقدّم شيئًا مفيدًا. أما النافذة الجيدة فهي العكس تمامًا: مرتبطة بالصفحة، وتظهر في توقيت مدروس، وسهلة الإغلاق. إليك 24 مثالًا مصنفة حسب الهدف، ثم قواعد تصميم تجعلها فعّالة ومحترمة للزائر.
نوافذ لبناء قائمة البريد أو واتساب
- عرض ترحيبي: خصم على أول طلب أو توصيل مجاني للزوار الجدد بعد تمرير جزء من الصفحة.
- محتوى إضافي: قائمة تحقق أو قالب مرتبط بالمقال الذي يقرؤه الزائر، يظهر عند 60% من التمرير.
- نشرة مع نموذج: اعرض عددًا سابقًا ليعرف الزائر ما الذي سيصله.
- اشتراك واتساب: «استقبل تحديثات طلبك وعروضنا على واتساب» مع خانة موافقة واضحة.
- اختبار قصير: «اكتشف عطرك المناسب في 30 ثانية» ويُطلب البريد لإرسال النتيجة.
- قائمة انتظار: لإطلاق قادم أو تشكيلة جديدة، مع تاريخ متوقع.
نوافذ لاستعادة المبيعات
- نية الخروج في السلة: تذكير بما في السلة مع طمأنة بشأن الإرجاع أو التوصيل.
- شريط تقدّم الشحن المجاني: شريط رفيع يوضح كم تبقى على التوصيل المجاني.
- احفظ سلتي: إرسال السلة إلى البريد أو واتساب لوقت لاحق.
- تنبيه عودة المنتج: في صفحات المنتجات النافدة، التقط الاهتمام بدل خسارته.
- عجلة الحظ: عجلة تفاعلية بمكافآت متنوعة، تُستخدم باعتدال للزوار الجدد.
- اقتراح منتج مكمل: نافذة جانبية في صفحة المنتج تقترح منتجًا مناسبًا.
نوافذ للإعلان والتنبيه
- شريط إعلانات: آخر موعد للطلب، أو فرع جديد، أو ساعات العمل في الإجازات.
- عداد تنازلي للعرض: موعد حقيقي لانتهاء التخفيضات أعلى الصفحة.
- تنبيه الشحن والدفع عند الاستلام: التغطية حسب المدينة وتوفر الدفع عند الاستلام، مرة واحدة فقط.
- اقتراح اللغة: دعوة الزائر للتبديل إلى العربية أو الإنجليزية حسب الصفحة التي دخل منها.
- إشعار ملفات تعريف الارتباط: قصير وواضح ومتوافق مع الأنظمة، لا فقرة طويلة.
نوافذ لجمع الآراء والعملاء
- استبيان بسؤال واحد: «ما الذي كاد يمنعك من الشراء اليوم؟» في صفحة تأكيد الطلب.
- حجز عرض توضيحي أو استشارة: في صفحات الأسعار للشركات والخدمات.
- طلب اتصال: الاسم ورقم الجوال للمشتريات الكبيرة مثل الأثاث والعقار.
- قفل المحتوى: فتح دليل مميز بعد التسجيل، ويُستخدم فقط للمحتوى القيّم فعلًا.
أفكار موسمية للخليج
- رمضان: أدلة الهدايا، ومواعيد التوصيل قبل الإفطار، والدخول المبكر إلى عروض رمضان.
- العيد: آخر موعد للطلب ليصل قبل العيد، وتذكير ببطاقات الهدايا.
- الجمعة البيضاء واليوم الوطني: قوائم دخول مبكر قبل التخفيضات، وعدادات تنازلية أثناءها.
نصائح التصميم
- هدف واحد لكل نافذة. عنوان واحد، وجملة قصيرة، وزر واحد.
- ابدأ بالفائدة لا بكلمة «اشترك». «خصم 10% على طلبك الأول» توضح ما سيحصل عليه الزائر.
- اجعل الإغلاق واضحًا. زر إغلاق ظاهر، وإغلاق بزر Esc أو بالنقر خارج النافذة.
- طابق هوية علامتك في الألوان والخطوط، وتأكد من وضوح تباين النص.
- صمّم للعربية كما يجب. اتجاه من اليمين لليسار، وخطوط عربية، ونص مكتوب بالعربية لا إنجليزي معكوس.
- استخدم أشكالًا أصغر على الجوال: نوافذ جانبية وأشرطة بدل تغطية الشاشة كاملة عند الدخول.
- اختصر النموذج: البريد أو الجوال أولًا، والأسئلة الإضافية لاحقًا.
التوقيت وعدد مرات الظهور
اعرض النوافذ بعد تفاعل حقيقي، مثل التمرير أو قضاء وقت في الصفحة أو نية الخروج، لا فور الدخول. وحدّد عدد مرات ظهور النافذة للشخص نفسه، ولا تعرض عروض التسجيل لمن اشترك أو اشترى بالفعل.
هل تضر النوافذ المنبثقة بالسيو؟ إرشادات Google للجوال
أوضحت Google أن النوافذ الاعتراضية المزعجة على الجوال قد تجعل المحتوى أقل وصولًا وقد تؤثر في ترتيب الصفحات. ومن أمثلتها: نافذة تغطي المحتوى الرئيسي فور وصول الزائر من نتائج البحث، أو صفحة اعتراضية مستقلة يجب إغلاقها قبل رؤية المحتوى. أما الأمثلة المقبولة فتشمل الإشعارات المطلوبة نظامًا مثل موافقة ملفات تعريف الارتباط أو التحقق من العمر، والشرائط التي تشغل مساحة معقولة ويسهل إغلاقها.
عمليًا: تجنّب النوافذ التي تغطي الشاشة كاملة عند الدخول على الجوال، وفضّل الأشرطة والنوافذ الجانبية، وأظهر النوافذ الأكبر بعد التفاعل أو عند نية الخروج.
أخطاء يجب تجنبها
- لا تستخدم روابط إغلاق تُشعر الزائر بالذنب مثل «لا شكرًا، لا أحب التوفير».
- لا تزيّف الاستعجال بعدادات تعود للبداية.
- لا تعرض عدة نوافذ في الزيارة نفسها.
- لا تُخفِ زر الإغلاق أو تجعله صغيرًا جدًا على الجوال.
نفّذ هذه الأفكار مع تفسير بوب أب
يضم تفسير بوب أب 209 قالبًا، منها قوالب عربية بتصميم من اليمين لليسار، وقوالب موسمية لرمضان والعيد والجمعة البيضاء واليوم الوطني الإماراتي. وتشمل الأشكال: النافذة الوسطى، والجانبية، والشريط العائم، وملء الشاشة، وشاشة الترحيب، والمضمّنة، والشريط الجانبي، وقفل المحتوى، وعجلة الحظ، والعداد التنازلي، مع 39 قاعدة استهداف وتحفيز وحدود لعدد مرات الظهور. تصفّح جميع الحلول أو جرّب مولّد العداد التنازلي المجاني.
أسئلة شائعة
النوافذ التي تغطي المحتوى الرئيسي على الجوال فور وصول الزائر من البحث قد تُعد نوافذ اعتراضية مزعجة. أما الأشرطة والنوافذ الجانبية والإشعارات المطلوبة نظامًا والنوافذ التي تظهر بعد التفاعل فهي مقبولة عمومًا.
بعد أن يتفاعل الزائر، كأن يمرّر جزءًا من الصفحة أو يقضي وقتًا فيها أو تظهر لديه نية الخروج. واختبر التوقيت عبر اختبار A/B بدل التخمين.
بقدر ما تحتاجه لصفحات وأهداف مختلفة، لكن يجب ألا تظهر أكثر من نافذة واحدة في كل زيارة للصفحة، مع تحديد عدد مرات الظهور للزائر نفسه.
