The right push notification can have high open rates, but sending too many irrelevant notifications will backfire and make users stop using your application. PageSense provides you the option to create a customized opt-in message that enables visitors to either allow or disallow notifications to their browser. Once the users choose to allow notifications, their information will be tracked and saved under the subscriber repository, and they'll start sending and receiving future messages from your website. This is one of the easiest ways to explain the value of your notifications before prompting with unwanted alerts that might leave your customers annoyed.
To allow users to opt-in or opt-out of notifications:
1. Click Project Settings at the top-right corner, and choose Web Push Notification.
a.2. Click Copy to copy the script inside the text box, and paste it in the service-worker.js file under the root directory of your website.If you're Zoho Sites to create your website, then follow the steps below to easily add the service-worker.js file to your site:
1. Copy the JS code from the One-step opt-in (PageSense) and save it on your computer's text editor with name as 'service-worker.js'
2. Log in to your Zoho Sites account and choose your website to enable the opt-in.
3. Click on the Settings option in the top bar, go to Content section and click on Files.
4. Next, click upload and select the server-worker.js file saved on your computer.
5. Finally, click Publish.As shown below, the one step opt-in will display the native browser prompt at the top left corner of your browser window with the options to Block and Allow notifications from your website.
b.5. Enable the Allow Notification on Mobile button to show your notification banner on a visitor's mobile browser.
b.6. Enable the Child Window Setting button to add a customized notification messages to users, nudging visitors to subscribe to your notification:
Once the user clicks the Allow button in the custom notification prompt, they will be shown the child window on your website page with the native browser prompt containing the subdomain name that you entered as shown below and from there:
- The user will need to confirm their subscription by clicking the Allow button on the native prompt.
- If a user clicks Allow on the Box Prompt and Don't Allow on Native Browser Prompt, then they will remain unsubscribed.
c. Custom Opt-In: This method will trigger the opt-in box when the user clicks a button or link placed on your website. You can customize the name, color and position of your button and link text as required.
To do this:c.1. Within the Subdomain text box, enter the name of your own domain that should be displayed to users in the native browser's prompt.Note: By adding a subdomain name, you let users know that the notification was actually sent from your business site. For example, if you add the subdomain name as Zylkerfashion, then once the user clicks on the 'Allow' button, you will see the prompt opt-in box displays the zylkerfashion.cdn.pagesense.io on it as shown below.c.2. Click Copy to copy the button or link code and paste it within your website's HTML. You can further style your code snippet as required using CSS.As shown below, in custom opt-ins the users will first see a the GET NOTIFICATION button on your website. If the users clicks this button, users will get a custom notification prompt on the top-center of their screen, asking permission to display notification from your website.
Once after the users click the Allow button on the prompt, they will be shown the Native Browser Prompt in the child window containing the subdomain name you entered and from there:
- The user will need to confirm their subscription by clicking the Allow button on the native prompt.
- If a user clicks Allow on the Box Prompt and Don't Allow on Native Browser Prompt, then they will remain unsubscribed.
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.