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 Yespo 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 Create Web Push button

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.

4. 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.

5. Link. Add the landing page URL.

6. 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.

7. Subscription categories. Manage subscription categories to send messages to your contacts based on their preferences.

8. 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.

Chrome settings

Fill in the following fields:

1. Big image. Upload JPEG or PNG file up to 5 MB. You can also use a variable or a link to the image. Use only the `https` protocol for direct references in expressions.

2. Button. You can add one or two buttons with the following parameters:

• Title — the text on a button.

• Link.

Additional settings

Fill in the following fields:

• 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.

• UTM tags. UTM tags are enabled by default. The switch activates the setting for all language versions when sending multilingual messages. You can manually add custom UTM tags to the message URL.

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.

Testing Message

Test the messages by clicking the Test button on the top panel.

Creating Campaign

1. Click on the Create campaign button.

2.  On the general checkout page:

• In the Domain section, you can see the total number of domain subscribers. 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.

• In the Segments section, you can select segments to include or exclude from the campaign. 

• 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.

• 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.

How to Send a Triggered Campaign

You can create a triggered campaign and notifications will be sent to users in response to their activity. Any activity (subscription, registration, order, password reset) can trigger a notification.

As an example, let’s see how to send a campaign triggered by a subscription confirmation.

1. Go to Automation > Workflows and click New workflow.

2. Create a workflow with a required Web Push block. In settings on the right, select a message to be sent. Click Save.

3. In Automation > Workflows, click Trigger configuration.

4. In On event, select the event type and how often to process unique events. You can create a new event in Automation > Event types.

5. Click Apply.

6. In the general workflow list, click Start. The workflow status will change to active. The workflow will now be automatically sending messages to all subscribers after subscription confirmation.