please wait

Steps For Creating Web Push Notifications – A Beginner’s Guide

March 11, 2021
Steps For Creating Web Push Notifications


Why web push notifications, when there are many time tested channels like emails, short messages and web overlays? The Unique Selling Proposition for Push notification on web as a digital communication channel is its capability to convert website visits into subscriptions and revisits.

Moreover, web push notifications help website owners to reach out to their subscribers any time they open their browsers, be it either a desktop or a mobile device. 

Are you new to the world of  Web push Marketing? If yes, this blog is an easy-to-understand guide explaining steps for creating web push notifications using cmercury platform.


Steps for Creating a Web Push Notifications


Step 1: Choose your website 

Login to cmercury platform. Go to the web push module, select the campaign drop-down menu and click on send campaigns. As the new window opens up, choose the website you are planning to deploy your web push campaign. 

Step 2: Decide your Campaign Audience 

You can either deploy your campaigns to your entire subscriber base or to specific segment that best fits your campaign. So, simply select the segment you created or bypass this step, which means your campaign will be served to your entire subscriber base.

In addition, website owners can create segments based on their subscription details (date, device type, subscription page etc), campaign engagements (click-based), and other information (send date). In case if you don’t know how to create a segment.

Step 3: Add your Campaign Name

Now it’s time to add your campaign name. Campaign name helps you for an easy recall later when you revisit the campaign reports module. 

Step 4: Add your Campaign Title 

Ensure you create a catchy, attractive campaign  title that entices the campaign  recipient to respond to  your campaign.

Step 5: Create your Campaign Body 

Campaign copy communicates the story you want to share within the 120 character limit. Meanwhile, the body text can be either news, promotional offer, coupons or any content which you want to grab the eyeballs. 

Step 6: Add Campaign Icon

You can either use the default bell icon or add any icon of your choice. As a result, the icon could be your logo or some image that attracts campaign recipient attention.

On the other hand, the standard recommended size for the image icon should be less than or equal to 20KB.

Step 7: Decide the Landing Page for your Campaign

Choose the landing page, you want the users to be driven from your web push campaign. Landing pages could be any page in your website or a specific page hosted for lead generation or booking a demo etc.

Step 8: Add Banner Image for your Campaign

Upload the banner image from any local library ( example from your desktop folder) or you can easily upload any image with a file size less than or equal to 100KB saved from the web.

If you have a creative design team, better they create a few design options in advance so that you can choose the one which best fits your campaign.

Most importantly, note that images are supported by  Chrome, Edge, Opera, and few other mobile browsers.

Always ensure there is a proper connection between the Campaign title, Campaign body, Banner Image and landing pages.

Step 9: Set the  CTA( Call  to Action) Button for your Campaign

The next step is to add campaign CTAs ( Example: Book Now or Reserve Now ). cmercury supports two CTA buttons and custom landing page URLs.

Step 10: Setting up  your campaign Notifications – Campaign Expiry, UTM Tracking and Welcome Template

  • Notification Auto Expiry: Helps the marketer to set the shelf life of their campaigns. You can set the campaign expiry for minutes, hours or days and if the subscriber visits the browser within the pre-set expiry limit, the campaign will be showcased. Notification  Auto expiry ensures the subscribers are not bombarded with multiple notifications which get queued up and showcased in a  go, once they open up their browsers.
  • Add UTM parameters: Track the customer actions right from the first click to the landing page, by adding a UTM parameter.   In addition to it, you can also assign the Medium, Source and Campaign values specific to your campaign. 

UTM Medium: Medium represents the channel that is driving traffic to your website. Example: Email, Mobile or Web etc.

UTM Source: Source represents the individual site within the channel. For example, Web push is a source within the Web.

UTM Campaign: The specific campaign that you’re running. You can label it based on your choice which identifies your campaign. Example: Christmas Promotions.

  • Set campaign as a Welcome template –  You can choose this option if you prefer to use your campaign as a welcome message for new web push subscriptions. Once you check the option ‘Use my Campaign as a Welcome Template’, don’t forget to click the ‘Save Welcome Template’ button in order to activate your welcome message.

Step 11: Notification Preview 

Notification preview lets you know how your web push campaign will be showcased across different browsers for Windows & Android Operating systems.  

Web push notifications preview

Step 12: Test your  Web Push campaign before you go live!

To ensure an error-free campaign deployment to your audience, it’s always advised to test your campaigns.  You can either initiate a quick test of your own browser or you can send it to a preset group of test subscribers.

Once happy with your test results, you are all set to go live! You can send your notification right away or schedule it for a later time frame. 


Hope you enjoyed reading this guide for starting your first web push campaign with cmercury! Kick start your campaign now and win more customer visits to your website! 


The following visual summarizes the steps for creating web push notifications campaign.


Steps to create web push notification


If you have not signed up for cmercury web push notifications, Book a 30 Minutes Demo Now! 

Looking to improve your website conversion rates?

cmercury web push free






Recent posts