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 your Reteno 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 Messages menu item and 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.
Web Push editor with the Main settings panel highlighted, showing Name, Title, Text, and Link fields, alongside a Chrome notification preview

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

Web Push editor with the emoji icon highlighted next to the Title field and an emoji picker open below the Text field
  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.
Web Push editor with the personalization icon highlighted next to the Title field, showing a Field search dropdown with Personal info and Other categories
  1. Link. Add the landing page URL.
Web Push editor with the Link field highlighted, showing a sample destination 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.
Web Push editor with the Logo section highlighted, showing an uploaded logo image and Replace, Edit, and Delete buttons, alongside light and dark Chrome notification previews
  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.
Web Push editor with the Tags section highlighted, showing promo and welcome tags

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.
Web Push editor with the Chrome settings Big image section highlighted, alongside a notification preview showing the big image across Chrome and Firefox tabs
šŸ“˜

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 image editing toolbar highlighted, showing Filter, Resize, Crop, Draw, Text, Shapes, Stickers, Frame, Corners, and Merge options
  1. Button. You can add one or two buttons with the following parameters:
  • Title — the text on a button.
  • Link.
Web Push editor with the Buttons toggle turned on and two button titles highlighted, shown in the notification preview

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 >
Web Push editor with the Additional settings panel highlighted, showing Subscription categories, Linked workflows, Time to Live, and Links

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.

Web Push editor top panel with the language/globe icon highlighted next to the 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.
Web Push editor top panel with the TEST button highlighted
  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 messages list with the message options menu open and Send test message highlighted

Creating Campaign

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

Important

Messages are sent to all domain subscribers. To send to segments, connect the GROWTH 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.
Web Push campaign checkout Domain section with the domain dropdown open, showing site options and an All domains choice
  • 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.
Web Push campaign checkout Domain section with the Hide notification automatically toggle highlighted, turned off
  • In the Segments section, you can select segments to include or exclude from the campaign.
Web Push campaign checkout Segments section with the Included in campaign and Excluded from campaign Select segments buttons 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.
Web Push campaign checkout review page with message details and a row of browser and OS preview tabs highlighted, showing the notification preview
  • 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.
Web Push campaign Send options section with the Batching dropdown, Test button, and Schedule and Start immediately buttons

Did this page help you?