Web Push Notifications for Magento

Here's how to setup iZooto on your Magento store

A. For Magento 2 - Using Plugin

Step 1 : Click on Find Partners and Extensions from the left hand menu of your admin panel and search for iZooto

Step 2 : Click on Add to Cart, Checkout and Place Order to avail the plugin

Step 3 : Click on Install

Step 4 : Copy the public and private keys and keep them handy

Step 5 : On the admin panel, click on System > Tools > Web Setup Wizard > System Config and enter both the keys. Click on Save Config once done

Step 6 : Go to Component Manager and click on Install under New Purchases

Step 7 : Look for izooto/pushnotification and click on Install

Step 8 : Click on Start Readiness Check and follow the instructions in the wizard

Step 9 : After the installation is complete, you should see IZOOTO appearing on the left hand menu bar

Step 10 : Click on activate iZooto to enable we push notification on your store

Step 11 : Post successful activation, the status would get changed to "activated on your website"

B. For Magento 2 - Using Command Line Interface

Step 1 : Click on Find Partners and Extensions from the left hand menu of your admin panel and search for iZooto

Step 2 : Click on Add to Cart, Checkout and Place Order to avail the plugin

Step 3 : Download the ZIP files

Step 4 : Upload contents of installation package to WEB-ROOT/app/code/Izooto/PushNotification folder (we recommend that you take a backup of your web database before proceeding with this step)

Step 5 : Open the SSH console of your web server.

Step 6 : Change your current directory to Magento WEB-ROOT (<cd path_to_the_magento_WEB-ROOT_folder>)

Step 7 : Run the following commands from console (<php bin/magento setup:upgrade; php bin/magento module:enable Izooto_PushNotification; php bin/magento cache:flush; php bin/magento setup:static-content:deploy>)

Step 8 : Login to your Magento store admin panel and click on iZooto from the left hand menu.

Step 9 : Click on activate iZooto

Step 10 : iZooto should be enabled on your store. Notice the ‘Activated’ status

C. For Magento 1 - Using JS Code

Step 1 : Log on the administrator panel of your Magento CMS.

Step 2 : Select System > Configuration from the top menu.

Step 3 : In the next step. Select ‘Design’ from the left side bar.

Step 4 : Add the scripts provided by iZooto as (<script window._izq = window._izq || []; window._izq.push(["init"]);> </script>) and (<script src="//cdn.izooto.com/mySDK.js"> </script>) in Miscellaneous HTML section and click on Save Config.

Similarly, for HTTPS websites you can add the JS code using the same steps mentioned above and then add izooto.html and service-worker.js file ( as provided by iZooto in zip file format at the time of SDK generation ) in your root directory (which you have to access through either of your c-panel , or File-server).