1 / 11

Magento 2 Push Notifications

When it comes to E-commerce, it becomes extremely important to manage customer engagement for driving more attention to customers.<br><br>The web push notifications are displayed on the web browser to all the users who have subscribed to it. Therefore, Meetanshi has developed the Magento 2 Push Notification that allows the merchants to send web push notifications.<br><br>For more information<br><br>Visit : https://meetanshi.com/magento-2-push-notifications.html<br><br>

Meetanshi
Download Presentation

Magento 2 Push Notifications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Push Notifications for Magento 2 User Guide Table of Content 1.Extension Installation Guide 2.Firebase API Registration 3.Configuration 4.Manage Push Notifications 5.Give Push Notification Consent from Frontend 6.Manage Subscribers 7.Push Notifications to Subscribers Push Notifications for Magento 2 © Meetanshi

  2. 1.Extension Installation •For Magento Marketplace Customers oFind the Composer name and version of the extension in the extension’s composer.json file. oLogin to your SSH and run: ▪composer require meetanshi/magento2-push-notifications oEnter your authentication keys.Your public key is your username; your private key is your password. oWait for Composer to finish updating your project dependencies and make sure there aren’t any errors. oTo verify that the extension installed properly, run the command: ▪php bin/magento module:status Meetanshi_PushNotification oBy default, the extension is probably disabled. oEnable the extension and clear static view files: ▪php bin/magento module:enable Meetanshi_PushNotification --clear-static-content ▪php bin/magento setup:upgrade ▪For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy ▪For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f ▪php bin/magento cache:flush •For Meetanshi Customers oExtract the zip folder and upload our extension to the root of your Magento 2 directory via FTP. oLogin to your SSH and run below commands step by step: ▪php bin/magento setup:upgrade ▪For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy ▪For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f ▪php bin/magento cache:flush Note: Immediately after installing the extension, paste API Key, auth domain, database URL, project ID, storage bucket, sender ID, app ID and measurement ID to firebase-messaging-sw.js file and upload it to the Magento root folder to make the extension work. Push Notifications for Magento 2 © Meetanshi

  3. 2.Firebase API Registration The extension uses Firebase API to send push notifications. •To get the Firebase API details, go to https://console.firebase.google.com/and click on “Create a Project”. Push Notifications for Magento 2 © Meetanshi

  4. •Enter the project name, accept the Firebase terms and click Continue. •Enable or disable Google Analytics for the project and click Continue. Push Notifications for Magento 2 © Meetanshi

  5. •Once the settings are done, you can see the message, “Your New Project is Ready”. Click “Continue” to view the project details. •Click on the gear icon and move to the “Project Settings”. Push Notifications for Magento 2 © Meetanshi

  6. •In the “General” tab, under the “Your Apps”, click </> to create a new web app. •Add the app nickname and click “Register App”. Push Notifications for Magento 2 © Meetanshi

  7. •On registering the app, you can see various web app details. Copy web API key, auth domain, database URL, project ID, sender ID, app ID, and paste it in the Magento 2 push notifications extension configuration under the respective fields. Click “Continue to Console”. •From the console, move to “Cloud Messaging” tab and find the server key, copy it and paste the same in the Magento 2 push notifications extension configuration under the respective field. Push Notifications for Magento 2 © Meetanshi

  8. 3.Configuration For configuring the extension, login to Magento 2, move to Stores → Push Notifications where you can find various settings to enable the extension. •Push Notifications: Enable the Push Notifications extension from here. •Web API Key: Enter the web API key you got while registration with the Firebase API. •FCM Auth Domain: Enter the Auth domain you got while registration with the Firebase API. •FCM Database URL: Enter the database URL you got while registration with the Firebase API. •FCM Project ID: Enter the project ID you got while registration with the Firebase API. •Messaging Sender ID: Enter the messaging sender ID you got while registration with the Firebase API. •FCM App ID: Enter the App ID you got while registration with the Firebase API. •Server Key: Enter the server key you got while registration with the Firebase API. → Configuration → → Meetanshi > 4.Manage Push Notifications The admin can manage and add push notification templates from a separate grid at Push Notifications > Manage Push Notifications.Here, all the already added push notification templates seen enlisted. Push Notifications for Magento 2 © Meetanshi

  9. •Add New Push Notification Click“Add New Notification” button to add new notification template. Add the details and click to save the notification template. oStatus: Enable the push notification template from here. oTitle: Enter the title of the new push notification to show in the notification dialog. oDescription: Enter the description of the push notification to show in the notification dialog. oRedirect URL: Enter URL where you want users to get redirected on click of the notification dialog. oLogo: Upload the brand logo to show in the notification dialog. oTags: Enter the tags to identify and filter the push notifications. Push Notifications for Magento 2 © Meetanshi

  10. 5.Give Push Notification Consent from Frontend Once the extension is enabled, whenever the users visit the website, push notification dialog will open up and ask them to allow or block notifications. The users have to click the “Allow” button to receive web push notifications from the website. Push Notifications for Magento 2 © Meetanshi

  11. 6.Manage Subscribers Immediately after the users have subscribed to receive the push notifications, a backend grid at Push Notifications > Manage Subscribers list them with the details like name of the subscribers, browser from which they have subscribed, and time and date of the subscription. The admin can multi select subscribers, select the mass action “Send Notification” and select one of the notification templates to send push notifications to the selected subscribers. The admin can also delete the subscriber from here. 7.Push Notifications to Subscribers Once the admin sends push notification to the subscribers, they immediately receive the push notification having the details like title, description, logo and redirect URL. Users can click the notification to get redirected to the URL specified from the backend. Push Notifications for Magento 2 © Meetanshi

More Related