Enabling Web-Push Notification

Web push notifications are clickable rich content messages sent to your device by a website or a web app. Push notifications are delivered to your mobile device or desktop, even when your browser is closed. These notifications can only be sent to users who have subscribed to these notifications from a specific website on Chrome, Firefox, Safari, Opera, and Edge.

Here is how they look across different devices and browsers.

Sending web push notification is easy with iZooto. Click on Sign up for Free on https://www.izooto.com/, add the website and account details and follow the integration instructions.

👍

Available Plugins

Ready to use plugins are available for Shopify, Magento, and Wordpress.

📘

For integration on specific platforms like Hubspot, SquareSpace, StoreHippo, WooCommerce, etc. Check this out for more.

📘

If you wish to migrate from another provider to iZooto, check this article.

For Websites on HTTPS

1. Insertion of the JS Code

The below code (sample) needs to be placed before the tag on all the website pages.

<script> window._izq = window._izq || []; window._izq.push(["init"]); </script>
<script src="https://cdn.izooto.com/scripts/abc123def456.js"></script>

You can avail this by logging into your iZooto dashboard and clicking on Settings >> Integration Instructions. This code using Google Tag Manager too. Click here to know how.

You can also add this code asynchronously in case you are worried about the load time of your website.

<script> window._izq = window._izq || []; window._izq.push(["init"]); </script>
<script async="true" src="https://cdn.izooto.com/scripts/abc123def456.js"></script>

2. Uploading Files

Two files - iZooto.html and service-worker.js need to be uploaded to the root folder of your website. They should be accessible as https://yourwebsite.com/izooto.html and https://yourwebsite.com/service-worker.js

2.1 Root Folder Not Accessible

If, in case you do not have access to the root folder, click on 'Don't have access at root directory'

425

Enter the appropriate non-root directory path and hit Save.

400

❗️

Placing the files in your CDN will not work as the domain/URL would become different

🚧

Some platforms like Blogger, do not have any provision for uploading files. In such cases, please follow the HTTP implementation given below.

Here is how the subscription prompt would look like after the integration is done.

999

For Websites on HTTP

Web Push Notifications work only on SSL websites (HTTPS). However, HTTP websites can avail web push notifications by creating a sub-domain on HTTPS. Unlike HTTPS websites, the subscription process is of 2 steps and involves the visitor clicking on 2 CTAs (Click to Action) before getting subscribed to a particular website.

In the first step, websites can set up the context with an interactive message on a custom dialog box while the actual subscription prompt appears in the second step on the HTTPS sub-domain.

643

The subscription flow on HTTP websites

Insertion of the iZooto JS Code

The below code (sample) needs to be placed before the tag on all the website pages.

<script> window._izq = window._izq || []; window._izq.push(["init"]); </script>
<script src="https://cdn.izooto.com/scripts/abc123def456.js"></script>

You can avail this by logging into your iZooto dashboard and clicking on Settings >> Integration Instructions. This code using Google Tag Manager too. Click here to know how.

You can also add this code asynchronously in case you are worried about the load time of your website.

<script> window._izq = window._izq || []; window._izq.push(["init"]); </script><script async="true" src="https://cdn.izooto.com/scripts/abc123def456.js"></script>

In case you wish to migrate your existing implementation from HTTP to HTTPS because your website has moved, check the FAQs here.

How can I integrate AMP?

AMP Integration