How To: Send Push Notifications to Users of Your App

Updated on 20. December 2023 by Jan Bunk

A robot sitting in a comfortable chair, looking at its mobile device with a glowing orb representing a push notification floating above it.

The features described on this page require a plan that includes push notifications.

We have previously discussed the benefits of push notifications. Now, let's take a look at how you can easily send push notifications if you created a mobile app for your website.

Sending a push notification to your webtoapp.design app users is very easy. Either follow the steps below, or watch this 1 minute video:

  1. Open the push notification page in your app dashboard.
  2. Fill in the fields in the form. You can leave the optional fields empty if you want. A screenshot of an example of how you can fill the form to send a push notification in your app's dashboard.

That's it already! You can take a look at this example notification to see how the information you enter in the form will be displayed:

A push notification in the 'collapsed' state.
A push notification in the 'collapsed' state.
A push notification in the 'expanded' state.
A push notification in the 'expanded' state.

Tracking Push Notification Clicks

You can use UTM parameters in combination with your website analytics tool (e.g. Google Analytics) to see how many times your push notifications get opened.

Adding UTM Parameters

To do so, add the UTM parameters to the URL you want to be opened when the push notification is clicked. If you don't have a specific URL you want to be opened, add the parameters to the URL of your homepage. The easiest way to add the UTM parameters to your URL is the Campaign URL Builder.

We suggest filling out the fields like this:

  • campaign source (utm_source): app
  • campaign medium (utm_medium): push-notification
  • campaign name (utm_campaign): The title of your notification

You can then copy the link and use it as the link that will be opened when the push notification is clicked.

Alternatively, if you're fine with our recommended values for the campaign source, medium and name, you can just click the button next to the URL field.

The URL input field with the add tracking parameters button.

Analyzing the Results

The analytics tool you use on your website should allow you to filter for these UTM tags. For example in Google Analytics, you should see the campaign source and mediums in your acquisition report.

Common Reasons for Not Receiving Notifications

  • Make sure you check the notification center to see if the notification is there. You can open the notification center by swiping straight down from the top left corner of your screen.
  • The notification permission wasn't granted yet. The app requests the permission after it has been opened 3 times. Alternatively, if your app layout supports it, you can open the app settings to check the permission status (and grant notification permissions if necessary). You can also use this JavaScript function to request notification permissions manually at other times.
    This is only relevant on iOS if your app does not use provisional push notifications, which is the default.
  • The notification permission was removed. This could've either been intentional or on accident. It can even happen automatically, when the app was not used for a long time. The easiest way to fix this is going to the app settings, where it will let you know if this is the case. If your app layout does not include the settings page, you can manually grant notification permissions via the settings app on iOS and the app info screen on Android.

Related Articles


Image with text: Common Mistakes: App Store

Common Difficulties with App Store Requirements

Common mistakes and things to keep in mind before submitting your app for review in the Apple App Store

Image with text: Show Your App's License Page

How To: Show Your App's License Page

A short explanation on what licenses are in the software world and what you need to do about them when you created your app with webtoapp.design.

Image with text: Updating and Editing Parts of Your App

When, Why, and How to Update Your App

In this article we'll take a look at when you have to submit an update to the app stores, when you can do it optionally and what benefits that has. We'll also talk about the recommended update frequency and how to actually publish an app update.


Author Jan Bunk
Written by
Jan Bunk

Hi, I'm Jan! I created webtoapp.design in 2019 while studying computer science in university. A lot has changed since then - not only have I graduated, but it's also no longer just me running webtoapp.design. We've grown to a global, fully remote team and have gathered lots of experience around app development and app publishing. We've created and published hundreds of apps in the app stores, where they've been downloaded hundreds of thousands of times.