Web push tab

Design web push notifications for Safari, Chrome and Firefox

In the Web Push tab, you can design the web push notification that will be sent out to users on the supported browsers.

Browsers

Select which browsers you would like to send your notifications to.

All supported browsers are selected in this example (Safari, Chrome and Firefox).All supported browsers are selected in this example (Safari, Chrome and Firefox).

All supported browsers are selected in this example (Safari, Chrome and Firefox).

Build your web push

The notification must include a message title, body and a URL. Optionally an icon and a picture that will be displayed alongside the message can be included too (read best practices).

Additionally there is an option to select what push category your message falls under. Each category allows users to set up default action and a list of buttons for your message. Read this guide for more information about push categories.

📘

Safari push icon

On Safari your icon cannot be updated from the default website icon setup.

Using content elements

You can add emojis and dynamic content to your web push, for both the title and the body of the message.

Click the smile icon to display a list of emojis and click the one you want to add to your message.

Click on the user icon to add data from your user attribute fields. Type the name of the field you want to use, or select it from the presented pick list.

Click on the code icon to add content snippets. Type the name of the field you want to use, or select it from the presented pick list.

Preview the message

The right menu shows a preview of how the push notifications will look like in the different browsers. If you are using dynamic data, you will need to send a test message to see the data included.

Multi-language message

If you are creating a multi-language campaign, you can create new titles and messages based on the languages you selected in the Setup tab.

Example of multi-language campaign which addresses English and Italian speakers.Example of multi-language campaign which addresses English and Italian speakers.

Example of multi-language campaign which addresses English and Italian speakers.

A/B Testing

If you have selected A/B testing from the Setup tab, it is possible to send out different different variations of the same message from a single campaign to a portion of the targeted users. You can then compare them and determine which method was most successful. Each variant can be created by clicking on the variant key (A, B, etc).

Updated 3 months ago


Web push tab


Design web push notifications for Safari, Chrome and Firefox

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.