Shopware 6 Web Push Notification is an amazing extension, the store owner can send real-time push notifications messages to its customers. The biggest advantage of using push notification is its ability to deliver messages immediately. These messages can contain any information such as new product launches, new offers, discounts, important news. Web push notification’s prompt and assured content delivery feature ensures that the notifications are for sure delivered and seen.
- Web Push Notification module is very easy to configure and set up.
- There is no monthly subscription fee required to send the notifications.
- The admin can create, edit and delete notification templates from the back-end.
- Redirect URL links can be added with the web push notification.
- Notifications can be sent by selected subscribed users.
Shopware provides two ways to upload the plugin to the server.
- Using Command
- Manual Installation
Installation using commands
Customers will get a zip folder, and they have to extract the contents of this zip folder on their system. After extracting the WebkulWPN folder, the customer needs to transfer these custom > plugins on the server, as shown in the image below:
After the successful installation, you have to run these commands in the Shopware root directory.
Go to your Shopware installation Root directory then run this command to install then activate the plugin –
Shopware Company ? Find out More
./bin/console plugin:install --activate WebkulWPN.
To installing the assets(CSS/JS)
To clear the cache run this command –
php bin/console cache:clear
Now refresh the administration.
After that, visit administration Extensions-> My Extensions, the Web Push Notification for Shopware 6 plugin will be listed there.
For the manual installation of the plugin follow the steps as mentioned below:
Step 1: In the Shopware6 Backend go to plugin manager by navigating to Extensions -> My Extensions.
Step 2: The existing plugins are visible here.
Click on the Upload extension to add a new plugin to the list. Select the zip folder of the plugin which has to be updated.
Step 3: After that, the recently uploaded plugin will be visible at the top of the list of plugins.
Further, in the newly added plugin, Uninstall action can be performed.
Step 4: After the installation, the admin will activate the plugin by turning the radio button ON.
After the installation, run this command to clear the cache:
php bin/console cache:clear
How to Get API Credentials?
To use Web Push Notification for Shopware 6, you need to have Firebase Project Credentials. It is required during module configuration. Please click here then create a new project with your Google account.
1. After opening the Firebase page. Please create a project by clicking the Add project button.
2. A small pop-up window will appear with the name of Create a project. Here you have to enter your Project Name then select your Country/Region.
Then click the Create Project button.
3. After creating your new project click the Settings menu icon.
Then select Project Settings option. After that a new Settings page will open.
4. After entering the Settings page, go to the Cloud Messaging tab. From here you will find your Project Credentials. Copy then save your Server Key and Sender ID as visible below.
After installing this module please login to your Shopware backend admin panel then follow Settings-> Extensions->WPN Configuration.
Here you have to enter your Firebase project credentials. Enter the Server key and Sender ID as shown in the below screenshot.
Now, click on the Save button to apply changes.
After that click on the Test button to verify the credentials.
Creating A New Manage Template
After clicking the settings-> Extensions, you will find Web Push Notification.
Now to create a new push notification message, click on Add Templates
After clicking the Add Templates button you will arrive at the Template Fieldset page. Here you need to fill out all the necessary information about your new template.
Then click to Save button
Title – This will be the title of your notification message.
Template Message – This is where you have to enter the content of your message.
Redirect URL – The web page link will display on the notification message.
Display Image- Here, the admin can add a display image.
Send Web Push Notification
After creating the template there will be two options edit and send. With the help of the edit, you can edit the created template.
Click on the Send button to send the notification.
User Front-End view
After the installation of the module when a user visits your website, it will see a push notification. This first push notification will ask users whether to allow or block notifications. The users have to click the Allow button to receive notifications from your website. Please refer to the below screenshot:
Sample Push Notification
Please see the below screenshot to see how your push notification will appear on the front-end. Template Title, Template Logo, Template Message, and the Redirect URL are visible to the users.
That’s all about Web Push Notification for Shopware 6 Share extension, still, you have any queries, please raise a ticket at https://webkul.uvdesk.com/en/customer/create-ticket.
Current Product Version - 1.0.2
Supported Framework Version - Shopware 22.214.171.124