MoEngage now supports push notifications to Google Chrome & Firefox on Windows, Android, Mac OS X and Linux (iOS does not support Chrome/Firefox Push). Before you start sending Web Push notifications, do make sure you have configured Web Push Settings.
Navigate to Campaigns-> Create Campaign from the sidebar. Click on Create Button in General Push Campaign under Push Campaign tab.
Step 1: Segmentation
Name the campaign, select target platform as “WEB” and define the campaign target audience
Select a name that helps you identify the campaign while managing the campaigns later. Campaign name must have minimum of 5 characters.
Next, select the Target Platform as "WEB"
select the Target Audience or the target segment for the campaign which can be selected in three ways:
- All Users: This selection will send the push to all the users of the app. The count of All users will be shown when this option is selected.
- Custom Segment: You can target any of the custom segments saved during segmentation by selecting this option. It gives you an option to search the custom segments by name. Learn more about custom segments here.
- Create a new segment: Alternatively, you can create a new user segment on-the-fly similar to creating a segment through user attributes/events in segmentation. Learn more about creating a segment in this article.
After selecting the desired target segment, click on Next to move to "Messaging" tab
Step 2: Messaging
You can create the message you wish to show in the web push notification. A preview of the message is shown on the left half of the screen.
The various parts of the web push message are as below:
- Message Title & Body: Enter the content as you wish to be displayed
- Redirect URL: On notification click, the user will be redirected to this URL
- Icon Image: This is the icon displayed in the push message - you can either select the default icon (present in Web Push settings) or upload a new icon
- Notification Dismiss: You have an option to auto-dismiss the message automatically after 20 sec. or display the push message until the user has interacted with message (either swiped the message or clicked on it)
Once again, you are advised to verify your push message as being shown in the preview before moving over to Scheduling & Goals.
You can also add Action Buttons and Images to the messages. Click here to understand, how to create such messaging.
Step 3: Scheduling & Goals
Select a scheduling type and conversion goal for the campaign.
There are three types of scheduling available for General Push Campaigns:
- As soon as possible: This starts the campaign as soon as it is created.
- At a particular date and time: Enter the date, time and timezone for this scheduling
- Periodic/Recurring: This scheduling creates multiple campaigns scheduled at a particular time in a time-zone after every defined number of days. This requires an expiry date to stop the recurring campaigns.
After deciding on the scheduling, you can set the campaign conversion goal to understand the conversion activity tracked from running the campaign. Through this, you can tie the success of the campaign to conversion activities such as Item Purchased. You can also associate an attribute such as "Revenue" with the conversion goal
For Web platform, in case you wish to stop the push notification after a particular time, you can enter the no. of hours in "Expire Push".
(Optional) Running Test Campaigns
Test campaigns enable previewing the campaign on a test device to make sure your intended message is being conveyed in your desired way. You can test the campaign you have just created by selecting a custom attribute and it's value for a test user.
Your campaign is now ready to be sent. Click on Create button, confirm in the dialog box and your campaign is created. Upon successful campaign creation, you will be taken to the campaign info page where you can view the campaign performance stats such as impressions, clicks, conversions and other details mentioned in this article.
Images & Action Buttons
Images add rich and eye catching context to your push messages. In the messaging tab, select the image icon, to add an image to your message. You can see the preview of the message on the left half of the screen. Image support is available on 56+ version chrome browsers. Heavy images in size, can lead to bad experience while loading. So we recommend to limit the image sizes to as less as possible and an aspect ratio of 1.5 : 1 (Width : Height).
Action buttons enable you to add a maximum of 3 call to actions to your messaging. You can access this by clicking on the Buttons icon in the messaging tab. Action Buttons are supported with 50+ version chrome browsers. You can also add a small icon to the action buttons, adding visual context to the action. You can also specify the redirection url, the user will be taken to that page, when he clicks on the action button. If you do not mention the redirection url, nothing happens on user click on action button. While action button text is mandatory, icon and redirection url are optional. You can add up to a maximum of 2 action buttons in a push message.
Do reach out to email@example.com in case you are facing any issues