The One-Step Opt-In method displays the browser’s native notification permission prompt directly to visitors. When a user lands on your website, the browser asks whether they want to allow notifications.

This option allows visitors to subscribe quickly using the browser permission dialog.

When to use One-Step Opt-In

This method is suitable when:

• Your website already has strong visitor trust
• You want a quick and simple subscription process
• Your website uses HTTPS

You can configure when the permission prompt appears, such as immediately when a visitor lands on the page or after a short delay.

To enable push notifications, a service worker file must be present in the root directory of your website.

If the file does not exist, create a file named:

service-worker.js

Place this file in the root directory of your website and ensure that it is publicly accessible. This file enables browsers to deliver notifications even when the user is not actively browsing the site.

• Improves user trust and transparency
• Increases subscription rates
• Works better with modern browser notification policies

1. Opt-in trigger timing
   Choose when the subscription message appears, such as after a visitor lands on your website or after a few seconds.
2. Image
   Add a small image or icon to visually support the message. Supported formats include JPG, JPEG, and PNG.
3. Title
   The heading displayed in the subscription prompt that explains the notification request.
4. Message
   A short description that tells visitors what type of notifications they will receive.
5. Button labels
   Customize the text for the Allow and Don't Allow buttons.

Child Window Option

The Child Window setting displays the opt-in prompt inside a secondary window that opens within the browser. This window behaves as an extension of the main page and supports all available buttons and configuration options.

Using a child window can help present the notification request in a more structured and visible format without interrupting the browsing experience.

Preview

After configuring your custom opt-in trigger, PageSense also allows you to preview how the notification subscription prompt will appear to visitors.

You can switch between Web and Mobile preview modes to see how the opt-in button or link behaves across different devices. This helps ensure that the subscription prompt appears correctly and provides a consistent experience for both desktop and mobile users before publishing it on your website.

The Custom Opt-In option allows you to trigger the notification subscription prompt through specific visitor actions rather than automatically displaying it.

This method is useful when you want to request notification permissions only after the visitor has interacted with your website.

• Displaying the prompt after a user clicks a Subscribe button

• Triggering the prompt after completing a form submission

• Showing the prompt on specific landing pages

• Requesting notification permission after a visitor spends time on the site

Custom opt-ins give you greater control over when and how the notification request appears.

You can add a custom button on your website to trigger the notification prompt.

Example:

<button onclick="window.pagesense=window.pagesense||[]; window.pagesense.push(['optInForPushNotification']);">
GET NOTIFICATIONS
</button>

When visitors click this button, the browser subscription prompt will appear.

You can also trigger the subscription request using a link.

Example:

<a onclick="window.pagesense=window.pagesense||[]; window.pagesense.push(['optInForPushNotification'])">
GET NOTIFICATIONS
</a>

This allows you to integrate notification subscription requests into links, menus, or other interactive elements on your website.