نافذة منبثقة لموقعك على ووردبريس بكود واحد، لا بإضافة جديدة

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

ولهذا أثر عملي على صاحب موقع ووردبريس:

• لا شيء تحدّثه. لا توجد إضافة نوافذ تحتاج إلى مواكبة كل إصدار من ووردبريس أو القالب أو PHP. المزايا الجديدة تصل إلى التطبيق مباشرة.
• غير مرتبط بمنشئ صفحات. السكربت يرسم النافذة في الصفحة المنشورة، فتعمل بالطريقة نفسها في صفحة مبنية بـElementor أو محرر المكوّنات أو قالب تقليدي.
• لوحة التحكم تبقى كما هي. الكود يوضع في تذييل صفحاتك العامة، وتعديل الحملات يتم في تفسير لا في wp-admin.
• سكربت واحد لكل شيء. حجمه نحو 34 كيلوبايت مضغوطًا ويشغّل كل حملات الموقع، فالنافذة الثانية لا تعني سكربتًا ثانيًا.

وللأمر وجه آخر يجب ذكره: تصمّم النافذة في محرر تفسير لا داخل Elementor أو محرر المكوّنات، وتحتاج إلى مكان واحد في ووردبريس يحفظ الكود. إن كنت تريد كل شيء داخل wp-admin فإضافة من الدليل أنسب لك.

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

1. في تفسير بوب أب أضف موقعك واضغط عرض كود التثبيت.
2. في ووردبريس افتح الإضافات ثم «أضف جديد»، وابحث عن إضافة لسكربتات الترويسة والتذييل، ثم ثبّتها وفعّلها. هذه الإضافة الصغيرة تحفظ الكود فقط، وتُبقيه في مكانه عند تحديث القالب.
3. الصق الكود في خانة سكربتات التذييل.
4. احفظ، ثم حدّث صفحة عامة من موقعك.
5. عُد إلى تفسير بوب أب واضغط افحص موقعي. يجب أن تظهر على الموقع عبارة الكود مثبّت.

تستخدم Google Tag Manager أصلًا؟ أضف الكود هناك في وسم Custom HTML يعمل على All Pages واستغنِ عن الإضافة المساعدة.

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

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

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

في متجر WooCommerce اللحظات المفيدة ثلاث: الزيارة الأولى، والإضافة إلى السلة، ومغادرة صفحة السلة. ولكل واحدة قاعدة في تفسير بوب أب.

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

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

كل اشتراك يُحفظ في تفسير أولًا، ثم يُرسل إلى الأدوات التي تربطها مع سجل إرسال وإعادة محاولة تلقائية. في الخطة المجانية يشمل ذلك Mailchimp وKlaviyo وGoogle Sheets وSlack وZapier. أما HubSpot وZoho CRM فضمن الخطة الاحترافية وما فوقها. القائمة الكاملة في صفحة التكاملات.

الخطة المجانية تمنحك موقعًا واحدًا و3 حملات منشورة و500 عميل محتمل شهريًا، مع كل القوالب وقواعد العرض، وتظهر شارة تفسير صغيرة على النافذة. خطة البداية بـ9 دولارات شهريًا وتزيل الشارة. واختبار A/B يبدأ من خطة النمو بـ19 دولارًا شهريًا. للخطط المدفوعة تجربة 14 يومًا، ولا تُحسب أي خطة بعدد مشاهدات الصفحات، فمقال ينتشر فجأة لا يغيّر فاتورتك. التفاصيل في الأسعار.

• ليس إضافة من دليل ووردبريس، ولا يوجد ودجت خاص بـElementor. التصميم يتم في محرر تفسير.
• ما زلت تحتاج إلى مكان واحد للكود: إضافة لسكربتات الترويسة والتذييل، أو Google Tag Manager.
• يعرض أكواد كوبونات WooCommerce لكنه لا ينشئها ولا يتحقق منها. متجرك هو الذي يجب أن يقبل الكود عند الدفع.
• إضافات التخزين المؤقت وتحسين السكربتات قد تُخفي الكود إلى أن تمسح الذاكرة المؤقتة أو تستثني السكربت.
• على الجوال، النافذة التي تحجب المحتوى لحظة وصول الزائر من البحث تعمل ضدك. استخدم تأخيرًا زمنيًا أو التمرير أو شريطًا. ودليلنا عن متى تظهر النافذة المنبثقة يشرح التوقيتات.