نوافذ منبثقة لموقع Webflow يعدّلها عميلك دون المساس بالبناء

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

• من يراها. الزوار الجدد فقط، القادمون من حملة مدفوعة، زوار دولة بعينها، من مشترك مسبقًا. كل واحدة من هذه قاعدة في تفسير بوب أب، وكومة من الكود المخصص دونه.
• كم مرة. حد تكرار الظهور يمنع أن يلقى الزائر نفسه النافذة في كل صفحة.
• أين يذهب النموذج. تُحفظ البيانات المرسلة، وتُسلَّم إلى أدواتك، ويُعاد إرسالها عند الفشل.
• من يعدّلها. العميل أو المسوّق يعدّل العرض في محرر تفسير. ولا أحد يعيد نشر موقع Webflow من أجل تغيير عنوان.
• هل نجحت. اختبارات A/B تخبرك متى يصبح الفرق ذا دلالة إحصائية. ومقالنا عن متى يكون الفائز في اختبار A/B حقيقيًا يشرح قراءتها.

يوضع الكود في إعدادات الموقع لا في تضمين خاص بصفحة واحدة، فيغطي كل الصفحات.

1. في تفسير بوب أب أضف الموقع واضغط عرض كود التثبيت.
2. في Webflow افتح Site settings ثم Custom code.
3. الصق الكود في Footer code.
4. احفظ وانشر الموقع.
5. عُد إلى تفسير بوب أب واضغط افحص موقعي.

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

وإن كان المشروع يحمّل Google Tag Manager أصلًا فيمكنك إضافة الكود هناك في وسم Custom HTML على All Pages. ويحتفظ التطبيق بالخطوات نفسها بجانب كود التثبيت، وهذا مفيد عند تسليم الموقع.

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

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

أما النسخ الموسمية فتجدها في صفحة الجمعة السوداء.

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

• نقرة على عنصر. افتح الحملة حين ينقر الزائر عنصرًا تختاره، كزر «احجز عرضًا تجريبيًا» في موقعك.
• حدث JavaScript. شغّل الحملة من حدث مخصص يرسله موقعك.
• السمة المخصصة وملف تعريف الارتباط. أظهر الحملة أو أخفها بحسب قيمة يمرّرها موقعك، أو ملف تعريف ارتباط باسمه وقيمته.
• معامل الرابط وصفحة الدخول. طابق الحملة مع الإعلان الذي جاء بالزائر.
• ظهور عنصر. افتحها حين يصل التمرير إلى جدول الأسعار أو التذييل.
• أحداث Tag Manager. في الصفحة التي فيها طبقة بيانات يُبلغ السكربت عند رؤية حملة وعند تسجيل أحدهم.

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

تُحسب الخطط بعدد المواقع والحملات المنشورة والعملاء المحتملين، لا بمشاهدات الصفحات، وهذا يسهّل تسعيرها للعميل.

• المجانية: موقع واحد، 3 حملات منشورة، 500 عميل محتمل شهريًا، كل القوالب وقواعد العرض، مع شارة تفسير صغيرة.
• البداية، 9 دولارات شهريًا: موقع واحد، 10 حملات منشورة، دون شارة، مقعدان للفريق.
• النمو، 19 دولارًا شهريًا: 3 مواقع، اختبار A/B، 3 مقاعد للفريق.
• الاحترافية، 49 دولارًا شهريًا: 10 مواقع، حملات منشورة بلا حدود، HubSpot وZoho CRM، 10 مقاعد للفريق.
• الأعمال، 99 دولارًا شهريًا: مواقع وحملات وعملاء محتملون ومقاعد بلا حدود.

للخطط المدفوعة تجربة 14 يومًا، والوصول إلى حد الخطة لا يوقف النوافذ المنشورة أبدًا. والخطة المجانية ترسل العملاء إلى Mailchimp وKlaviyo وGoogle Sheets وSlack وZapier. التفاصيل الكاملة في الأسعار والتكاملات.

• ليس تطبيقًا من تطبيقات Webflow ولا يضيف عناصر إلى المصمم. تُنسَّق النوافذ في محرر تفسير لا بأصناف Webflow في مشروعك.
• لا يُرسم شيء في معاينة المصمم. اختبر على العنوان المنشور.
• يحتاج إلى الكود المخصص على مستوى الموقع في Webflow. إن لم يكن هذا الإعداد متاحًا في مشروع ما، فراجع خطة Webflow لذلك المشروع.
• قاعدة «الإضافة إلى السلة» تتعرف على أزرار سلة وزد وشوبيفاي وWooCommerce. في متاجر Webflow أرسل حدث add_to_cart عبر dataLayer أو استهدف السلة بالرابط.
• إن كان الموقع يستخدم Content-Security-Policy فيجب السماح بنطاق السكربت.