Creating a Web Push Notification

After completing integration with Google Firebase / Safari, you can proceed to create Web Push campaigns.

Create a New Message

  1. To create a web push notification, go to Messages > Messages, select Web Push and click Create Web Push.

  1. Enter the message name. It will be used for search within the system and won’t be visible to users.
  2. Enter the title. Stick to no more than 30 characters.
  3. Enter the text. Stick to 45 to 60 characters. More characters may distort the web push display in the browser.

You can personalize the title and text by adding dynamic variables through Velocity. They will be substituted by personal contact data at the moment of the message launch. You can add any personal data available in the contact profile as a variable. It’s especially useful for transactional messages like an order confirmation, account report, reactivation, etc.

  1. Enter the site link.
  2. Optionally add tags. They help filter messages and statistics and manage sending frequency.
  3. Add a logo. Upload a JPEG or PNG, up to 128 KB, or add a dynamic variable. Uploaded logos are saved in your account, and you can switch to them in a click.
  4. Optionally select subscription categories.

  1. For Chrome, add a banner and one or several CTAs.
  2. Set Time to Live (TTL). This is the time during which the web push is stored at the provider’s server if the recipient isn’t available for delivery.
  3. Enable UTM tags, and they will be automatically added to your URL.

In our platform, you can create a multilingual version of any message. Click the globe icon in the top panel, specify the default language and add language versions. Fill each version with the content in the corresponding language. You can switch between versions within one template in one click.

Read more on how to create and launch multilingual web push campaigns.

To test a web push notification, click Test in the top panel.

📘

Important

To test web pushes, you need to be subscribed to notifications from our site. If you aren’t subscribed, click the lock icon on the left of the URL line and enable Notifications.

After all settings are done, click Save and exit to save the notification or Create campaign to go to campaign launching.

Creating Campaign

  1. In Messages > Messages > Web Push, click Create campaign or open the message and click Create campaign inside.

  1. Optionally, enable Hide notifications automatically. The notification will remain on the screen from 8 to 20 seconds, depending on the browser. With the disabled option, it will remain on the screen until the user clicks it to open or close.
  2. Select segments.
  3. Check the notification details and preview it in different browsers.

  1. In Send options, schedule the message or start it immediately.