Creating a Web Push Notification

Setting up Web Push includes:

  1. Creating a Google Project to collect tokens for web push notifications.
  2. Adding a website to eSputnik account.
  3. Configuring permission request prompt.

See details >

After finishing all the necessary settings, you can create a Web Push campaign.

Creating New Web Push Notification

Go to Messages → Messages → Web Push. Click the New Web Push button

Messages page with the Web Push channel selected and the New Web Push button highlighted

Main settings

Fill in the following fields:

  1. Name. The system name that the recipient will not see.
  2. Title. Stick to no more than 30 characters for correct display on different devices.
  3. Text. The main content of the Web Push. The optimal number of symbols is 45-70.
Main settings panel with the Name, Title, and Text fields highlighted, next to a Chrome notification preview

Use emojis in the titleĀ and text fieldsĀ to improve interaction and capture users' attention.

Title field emoji icon highlighted with an arrow to the Text field icon, showing an open emoji picker panel
  1. Personalization. Use the dynamic variables to add a name, city, bonuses or any personal data available in the user profile. Click on the Personalization icon in the Text or Title field to select data.
Title field personalization icon highlighted with an arrow to an open field search dropdown showing Personal info and Other categories
  1. Link. Add the landing page URL.
Main settings panel with the Link field highlighted showing a landing page URL
  1. Logo. Upload JPEG or PNG file up to 128 KB. You can also use a variable or a link to the image. Use only the https protocol for direct references in expressions.
Main settings panel with the Logo field highlighted showing an uploaded logo and Replace, Edit, and delete options
  1. Tags. Select tags from the list or enter a new one and click Enter. Use tags to filter search results and set campaign frequency strategy.
Main settings panel with the Tags field highlighted showing promo and welcome tags added

Chrome settings

Fill in the following fields:

  1. Big image. Upload JPEG or PNG file up to 1.89 MB. You can also use a variable or a link to the image. Use only the https protocol for direct references in expressions.
Chrome settings section highlighted with the Big image field showing an uploaded image, next to browser preview tabs for Chrome and Firefox
šŸ“˜

Note

You can edit Logo and Big image directly in the editor when uploading (if it does not meet the requirements) or after uploading (the Edit button). After editing, the image is saved in PNG format.

Change image editor with the Edit button highlighted and toolbar options such as Filter, Resize, Crop, Draw, and Text
  1. Button. You can add one or two buttons with the following parameters:
  • Title — the text on a button.
  • Link.
Buttons toggle enabled with two button Title fields, New collection and All catalogue, underlined

Additional settings

Fill in the following fields:

  • Subscription categories. Manage subscription categories to send messages to your contacts based on their preferences.
  • Time to Live (TTL). TTL — the period after which the message will not be displayed if it has not been delivered by this time. By default, it’s 1 day, but you can select other options.
  • Links. Configure link settings for UTM tags. Learn more >
Additional settings panel highlighted showing Subscription categories, Linked workflows, Time to live, and Links options

Multilingual version (optional)

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.

Message editor top panel with the globe icon for language versions highlighted next to Save and exit and Create campaign buttons

Learn more about multilanguage >

Testing Message

You can test a message in two ways:

  1. In the message editor, click the TEST button on the top panel.
Message editor top panel with the TEST button highlighted next to Save and exit and Create campaign buttons
  1. From the message list — open the menu with three dots to the right of the message name and select Send test message.
Web Push message list with the three-dot menu open and Send test message highlighted

Creating Campaign

  1. Click on the Create campaign button.
Message editor top panel with the Create campaign button highlighted
šŸ“˜

Note

Messages are sent to all domain subscribers. To send to segments, connect the Advanced pricing plan.

  1. On the general checkout page:
  • In the Domain section, select the domain you want to send the message to. If you want to send the campaign to all domains, select the appropriate option from the drop-down list.
Campaign checkout Domain section with the domain dropdown open listing individual domains and an All domains option
  • The message will be on the screen until the contact clicks on it or closes it. You can activate the switcher to hide notification automatically.
Campaign checkout Domain section with the Hide notification automatically switcher highlighted
  • In the Segments section, you can select segments to include or exclude from the campaign.
Campaign checkout Segments section with Select segments buttons for included and excluded segments highlighted
  • See all the necessary information for verification: Subscription categories, Message activity time, Links, and Button titles. You can see how the message will look on different operating systems:
    • Windows – Chrome, Firefox browsers.
    • macOS – Chrome, Safari browsers.
Campaign checkout summary with subscription categories, message activity time, links, and button titles, plus operating system preview tabs highlighted
  • In the Send options, you can set the batching. Click the Start immediately button to launch the campaign. For a delayed start, select the Schedule button and set the date and time of sending.
Campaign checkout Send options section with Batching set to As soon as possible and Schedule or Start immediately buttons


Did this page help you?