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.

De forskellige stilarter af abonnements-tilmelding

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.

Note: All the subscription popup styles can be edited or customized except for Single Step Opt-in. The Push Single Step Opt-in is the browser’s default style and cannot be edited or customized

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 Ruler

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.

Aktivér abonnements-overlay

Et overlay er en mulighed, der fremhæver folk til at klikke på tillad, hvilket indikerer brugere til at klikke på tillad-knappen for at modtage push-notifikationer.

Aktivér påmindelsesprompt:

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.

Abonnements-popup:

Dette er skifteknappen til at deaktivere eller aktivere visning af tilmeldingen på de sider, hvor koden er installeret. Hvis du slår denne skifteknap fra, stopper du med at indsamle abonnenter.

Forståelse af visningsindstillinger

Denne skærm vil hjælpe dig med at optimere, hvordan abonnements-popupen skal vises.

Screenshot on 2022-09-01 at 22:25:16.png

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.

Aktivér udløser for tilmeldings-abonnement:

Udover sideindlæsning kan popupen udløses ved enhver anden begivenhed, som når den besøgende klikker på en knap eller et link ved hjælp af en matchende CSS-klasse eller element-ID. Popupen kan udløses uden at foretage ændringer i kodbasen.

Vis tilmelding:

Her kan du indstille reglen til enten at vise tilmeldingen efter en forsinkelse eller efter at have scrollet en vis procentdel af siden.

  • 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.
  • Scroll – Du kan bestemme, at abonnementspopupen kan udløses, hvis en besøgende har scrollet X procent af skærmen.
  • 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.

Det var det. Når du har tilpasset abonnementspopupen efter dit behov, kan du gemme ændringerne.

Du er nu klar til at se dine webstedsbesøgende blive konverteret til web push-abonnenter.

Hvis du alligevel støder på problemer, er du velkommen til at kontakte os ved at klikke her. Vores supportteam vil kunne hjælpe dig.

Stadig sidder fast? Hvordan kan vi hjælpe?
Sidst opdateret den 9. marts 2026

Engager og fasthold besøgende, efter de har forladt dit website

Øg værdien af hvert website-besøg med push-notifikationer, der er svære at overse.

  • Evig gratis plan
  • Nem opsætning
  • 5-stjernet support