The Web Push block allows you to create and send a push notification to website visitors who have enabled web push notifications. These notifications appear directly in the user’s browser, even when the website isn’t actively open.

The Webpush block is a wizard that allows you to quickly create and schedule a webpush notification in a single workflow. Within this block, you’ll go through the following steps:

Select a target audience
Compose the content
Schedule the delivery

Requirements
Before you can send web push notifications, you must first create a web push domain via General Settings. Only web push domains that are correctly configured will be displayed in the block.

Add a Web Push Block

Drag the Web Push block onto the workspace; the block will open automatically.

Overview of the editor

The web push editor consists of several components.

Icon	Component	Function
	Title	At the top left of your screen, you'll see the block's title (default: Web Push). Click the pencil icon next to the name to edit the title.
	Advanced Mode	At the top right of your screen, you'll find the “Advanced Mode” toggle for additional menu items and functionality.
	Editor	In the center of your screen is the editor where you compose the content of the web push.
	Menu	On the right side of your screen, you’ll find a drop-down menu with additional options.

Menu items

The menu contains various sections that allow you to configure and manage web push notifications. Which menu items are visible depends on whether Advanced Mode is enabled.

Icon	Section	Description
	Contacts	Set whether a contact interaction is recorded after the web push is sent. (Visible only in Advanced mode).
	Preview & Test	View what the push notification looks like and test it before sending it.
	Schedule & Send	Schedule when the web push is sent, for example, as a one-time event or according to a recurring schedule.
	Settings	Configure additional options for the web push, such as confirmations and delivery settings. (Visible only in Advanced Mode).

By default, only icons are displayed. Clicking the expand icon shows the detailed view.

Advanced mode

When Advanced Mode is disabled, only the following options are available:

Preview & Test
Schedule & Send

When Advanced Mode is enabled, these additional options become visible:

Contacts
Settings

You can also save the block as a block template.

The Save button displays three dots that allow you to open an additional option to save the block as a template.

Error Messages

In the middle of the screen, you'll see an error message icon. If there is an error message, you cannot preview, test, or send the message.

You can view the messages by clicking the down arrow.

There are three categories:

Target audience
Message
Settings

Hover your cursor over the i icon to view the corresponding error message.

Create a web push notification

Select a target audience

At the top of the editor, you can select the target audience.

Open the dropdown menu Select from: Web Push
Choose the desired Web Push target audience

The size of the target audience is displayed in the gray bar next to the name of the web push.

Create the message

Fill in the fields below to create the web push notification.

Icon	Field	Description
	Title	Push notification header (max. 30 characters)
	Message	Push notification content (max. 175 characters)
	Website URL	Link the user will be directed to when opening
	Edit buttons	Customize the Open and Ignore action buttons
	Upload image	Optionally add an image to the notification

Contacts

Under “Contacts,” you can optionally configure whether a contact event is recorded after the web push is sent.

After sending, you can select these contacts from a selection block in the Audience Manager under the “Campaign Information” source.

Toggle the switch to record contact moments.

Select a channel for recording your contacts

Choose a contact date.

run date (the date the block is executed)
run date + (a number of days after the run)
fixed date (on a specific, customizable date).

Note: This menu item is only visible when Advanced Mode is enabled.

Preview & Test

Under Preview & Test, you can review the push notification before sending it.

View Web Push

Check the content of the notification on the left.

Test Web Push

Run a test on the right before sending the actual notification.

If a message appears stating that notifications are blocked, you must first enable notifications before you can receive web push notifications. You can do this by clicking the button in the message and allowing notifications.

No prompt to enable notifications?

Sometimes the prompt to allow notifications no longer appears. This can happen if you have previously declined or blocked them. In that case, you can reset the website settings via your browser.

Reset settings

Click the lock icon next to the website URL in the address bar
Open the site settings
Find the Notifications option
Set this to Ask (default) or Allow
Refresh the page

After resetting the settings, the prompt to allow notifications will reappear.

Note: Also check that notifications aren’t completely disabled in your general browser settings.

Schedule & Send

Under Schedule & Send, you can schedule the delivery of the web push.

Choose a delivery frequency:

Option	Despriction
Off	The web push has not (yet) been scheduled
One-time	The notification is sent once at a specific time
Daily	The notification is sent every day at a fixed time
Weekly	The notification is sent every week on a set day and time
Monthly	The notification is sent every month on a set day and time

Once you select a sending frequency, the Save button changes to Save and Schedule.

NL---Wizard---NB---I%26V---O%26I---Punt-5.png

Note: When you click Save and Schedule, the notification is sent immediately.

Settings

Under Settings, you’ll find two sections.

Confirmation

Automatically send a confirmation after sending via:

Additional

Specify how long the web push service should attempt to deliver the message. Enter the desired delivery period in days.

The message will be displayed to all subscribers who have been online during this period.

Note: This menu item is only fully visible when Advanced Mode is enabled.

Apply/Save/Cancel

Use the options below to save your changes.

Option	Description
Apply	Save the settings without closing the editor
Save	Save the settings and close the editor. If “Advanced Mode” is enabled, you can also save the block as a template by clicking the three dots.
Cancel	Close the editor without saving any changes.

Scheduled Web Push Block

Once the Web Push block has been scheduled, a blue bar appears in the block showing the scheduled send date and time.

The size of the target audience is displayed next to the block name.

The name of the target audience is shown in the gray bar. If no target audience has been selected yet, the message “No target audience” appears.

Opening a Web Push block

The first time you drag a Web Push block into the flow, the block opens automatically. To open an existing Web Push block, double-click the block or click the three dots in the top-right corner of the block.

A context menu appears with the following options:

Option	Description
Send	Send the web push notification
Delete	Remove the block from the flowchart
Cut	Cut the block to paste it elsewhere
Copy	Make a copy of the block
Settings	Open the block's settings

Web Push wizard