Guide to Styling the Popup Modal with Segments

The subscription opt-in or Popup Modal can now customize and also include a segment checkbox so that the website visitor can get a chance to go ahead and decide if they want to be notified for all campaigns or only selected segments.

أنماط مختلفة لنافذة الاشتراك

There are various styles in Subscription Popup that could convert your visitors to your web push subscribers and customers.

Sleek Opt-in Box: This style has a sleek design and only one button rather than two.

Safari Style Box: This is a classic double-step opt-in with two buttons to click on Allow or Deny, which can be customized.

Bell Placed Bar: This small bell tells you to subscribe or block. The small bell icon in the bottom corner can be customized but takes up less screen space, allowing people to subscribe to the push notifications.

Floating Bar: This Popup style spreads across the screen and will be placed at the bottom. You can add longer text to the Design popup.

Push Single-Step Opt-in: A single-step permission box, that does not allow you to customize or add any personalized message.

Large Safari Style Box : A box that appears in the middle of the screen and allows you to add segments.

Adding Segments to Subscription Opt-in

You can choose the style you want to opt in to and click Edit. Under Popup Design, you should Enable All Segments.

You can choose the segments from the dropdown and check if the preview is what you want it to look like. You also have the option to customize the color of the checkboxes so you can align them with your Brand’s colors. This is how your preview would look like –

Understanding options to enhance the functionality

Enable Opt-in Subscription Rules

This popup modal will be displayed across all the pages the global targeting rule allows. However, you can add these pop-ups on specific web pages if you wish.

تمكين تراكب الاشتراك

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

تمكين موجه التذكير:

Browsers like Chrome, and Edge are based on website visitors’ previous behavior if they click on Block often. They enable a quieter UI, a bell icon in the address bar. It is an optimized version of the subscription pop-up for people who usually deny notifications. This reminder can be shown on a desktop only. It is to educate people to still subscribe to web push campaigns.

النافذة المنبثقة للاشتراك:

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

فهم خيارات العرض

ستساعدك هذه الشاشة على تحسين كيفية عرض النافذة المنبثقة للاشتراك.

Quick Install :

We recommend keeping this option always off. So subscribers are collected on your domain. This option is only for people who are not able to add service workers to their website and collect subscriptions on their domain.

تمكين مشغل اشتراك الاشتراك:

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

إظهار الموافقة:

هنا يمكنك تعيين القاعدة لإظهار الموافقة بعد تأخير أو بعد تمرير نسبة مئوية معينة من الصفحة.

• Delay – After how long should the subscription popup show up? We recommend that the best practice is to have it under 5 seconds or maximum 10 seconds.
• التمرير - يمكنك تحديد أن نموذج الاشتراك يمكن تشغيله إذا قام الزائر بتمرير X بالمائة من الشاشة.
• Cookie Duration – If a person cancels and decides to allow neither/block the subscription popup, you can define the reset cookie duration. After those many days, the visitor can see the popup again.

هذا كل شيء. بمجرد تخصيص نموذج الاشتراك حسب حاجتك، يمكنك حفظ التغييرات.

أنت الآن جاهز لرؤية زوار موقعك يتحولون إلى مشتركين في الإشعارات الفورية للويب.

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