إنشاء نماذج منبثقة وعرضها

Published: ١٦ يوليو ٢٠٢٦ · Last updated: ٢٨ أغسطس ٢٠٢٦ · By Marcus Biel

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

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

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

إنشاء نافذة منبثقة

افتح «Signup Forms»، وانقر على «Create Form»، ثم اختر «Popup». أدخل اسمًا داخليًا واضحًا وتابع إلى المنشئ.

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

استخدم اسمًا يوضح العرض أو موضع الظهور، مثل «Homepage Discount Popup» أو «Webinar Registration Popup» أو «Guide Download Popup». لا يُعرض الاسم الداخلي للزوار تلقائيًا.

اختيار قالب نافذة منبثقة

توفر النوافذ المنبثقة نموذجًا فارغًا، ونموذجًا قياسيًا، وأربعة قوالب مصممة:

• Clean discount
• Warm guide
• Dark webinar
• Soft community

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

تصميم النافذة المنبثقة

استخدم المنشئ المرئي لترتيب النافذة المنبثقة. يمكنك دمج نموذج الاشتراك مع النصوص والصور والفيديو والقوائم والأزرار والروابط الاجتماعية وعدّاد المشتركين والفواصل والمسافات.

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

حدد كتلة نموذج الاشتراك لتهيئة الحقول والمعلومات المطلوبة والوسوم المخفية ومؤشر التقدم وعدّاد المشتركين وحقول الإدخال وزر الإرسال. وافتح «Page settings» لتغيير خلفية النافذة المنبثقة العامة وإعدادات المظهر الافتراضية.

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

تهيئة سلوك النافذة المنبثقة

حدد كتلة نموذج الاشتراك وافتح «Widget Settings». يتحكم هذا القسم في وقت عرض النافذة المنبثقة وعدد مرات رؤيتها من جانب الزائر.

تأخير العرض

يحدد «Display Delay» عدد الثواني التي تنتظرها Maildroppa قبل عرض النافذة المنبثقة على صفحة موقع مضمّنة.

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

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

تكرار العرض

يتحكم «Display Frequency» في الفترة التي يمكن بعدها عرض النافذة المنبثقة للزائر نفسه مرة أخرى. الخيارات المتاحة هي:

• Always
• Once per hour
• Once per day
• Once per week
• Once per month

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

يُخزَّن التكرار في متصفح الزائر. لذلك قد يؤدي الاختبار في متصفح آخر أو نافذة تصفح خاص أو بعد مسح مساحة تخزين المتصفح إلى نتيجة مختلفة.

استخدام نية المغادرة

فعّل «Exit Intent Popup» عندما ينبغي فتح النافذة المنبثقة بعد تحريك الزائر المؤشر خارج منطقة الصفحة، بما يشير إلى أنه قد يكون على وشك المغادرة.

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

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

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

يمكن فتح نافذة منبثقة عندما ينقر الزائر على زر أو صورة أو رابط محدد في موقعك الإلكتروني. يُعد هذا مشغّل النقر اليدوي، وهو يختلف عن «Exit Intent Popup» الذي يستجيب عندما يحرك الزائر المؤشر خارج الصفحة.

لتهيئة مشغّل النقر اليدوي وتثبيته، اتبع الخطوات التالية:

1. افتح النافذة المنبثقة في Signup Form Builder.
2. انقر على كتلة نموذج الاشتراك في لوحة الرسم وافتح «Settings» على اليمين.
3. وسّع «Widget Settings» وفعّل «Open popup when a customer clicks a page element».
4. انقر على «Save changes».
5. ارجع إلى Signup Forms Overview وفعّل النافذة المنبثقة إذا كانت غير مفعّلة.
6. انقر على «Show Code Snippet» في صف تلك النافذة المنبثقة.

يحتوي مربع الحوار على القيمتين المطلوبتين في موقعك الإلكتروني:

1. انسخ الشفرة الكاملة من علامة التبويب «JavaScript» وأضفها إلى صفحة الموقع التي ينبغي أن تتوفر فيها النافذة المنبثقة.
2. أسفل الشفرة، انسخ المعرّف الظاهر تحت «Add this ID to element from which you want to manually trigger Popup».
3. أضف هذه القيمة نفسها إلى السمة id للزر أو الصورة أو الرابط الذي ينبغي أن يفتح النافذة المنبثقة.

يتبع المعرّف هذا التنسيق:

maildroppa-popup-btn-[form-id]

على سبيل المثال:

<button id="maildroppa-popup-btn-[form-id]">Get the guide</button>

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

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

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

ربط تدفق الاشتراك

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

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

المعاينة والحفظ

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

انقر على «Save changes» عندما تصبح النافذة المنبثقة جاهزة. ثم ارجع إلى Signup Forms Overview.

تفعيل النافذة المنبثقة وتضمينها تلقائيًا

فعّل النافذة المنبثقة من قائمة الإجراءات ذات النقاط الثلاث إذا لم تكن مفعّلة بالفعل. ثم انقر على «Show Code Snippet» وانسخ الشفرة الكاملة من علامة التبويب «JavaScript».

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

توفر علامة التبويب «HTML» الترميز المُنشأ للتنفيذات المخصصة. وإذا استخدمتها، فاختبر جميع السلوكيات وخطوات الإرسال بعناية، لأن شفرة موقعك وأنماطه قد تؤثر في النتيجة.

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

.

للاطلاع على تعليمات التضمين العامة، راجع إنشاء نموذج مضمّن وتضمينه.

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

اختبر النافذة المنبثقة على صفحة الموقع الفعلية بعد إضافة الشفرة:

1. تحقق من التأخير الذي تمت تهيئته.
2. اختبر زر الإغلاق والنقر خارج النموذج.
3. إذا كانت مفعّلة، حرّك المؤشر خارج الصفحة لاختبار نية المغادرة.
4. إذا كان مشغّل النقر اليدوي مفعّلًا، فانقر على عنصر الصفحة المهيأ لاختباره.
5. تحقق من التخطيط على شاشة ضيقة.
6. أرسل النموذج وأكمل عملية الاشتراك المزدوج.
7. تحقّق من المشترك والوسوم المخفية في Maildroppa.

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

تحديث النافذة المنبثقة أو إلغاء تفعيلها

لتحديث النافذة المنبثقة، افتحها في Maildroppa، وعدّل التصميم أو السلوك، ثم اعرض معاينتها وانقر على «Save changes». يواصل مقتطف JavaScript استخدام معرّف النموذج نفسه.

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