Web Push notifications

Web Push is a new way of communication with users who visit your website at least once and agree to receive these unique notifications. In this case, you do not even need to have their email addresses, as Web Push notifications can be sent even to anonymous contacts!

1

(an example Web Push notification)

Furthermore, a contact does not need to be on your website to get such a notification. It is necessary that the contact is in front of the computer and that their browser is open. This solution lets you communicate efficiently with recipients in real time. It is a perfect way to send them the current news, interesting offers, status updates and other important events – depending on your business profile. Your notification would be displayed if a contact confirms the subscription on your website and agrees to be shown the messages by the browser. if a contact does not agree, you can have the agreement form displayed again, after a set time.

3

(an example Web Push notification)

The only requirement for Web Push to appear is an open browser. A contact does not have to use it at the moment, but it is important for to be active, even minimized on the taskbar. Apart from feature settings, you can preview click statistics.

Web Push in the mobile channel

Web Push notifications work normally on mobile devices (as do agreement forms). Notifications appear on screen until they are turned off by the user. Web push notifications work on PC tablets and smartphones and are supported by popular browsers (Chrome, Opera, Mozilla Firefox) and are fully responsive.

What are the benefits of using Web Push notifications:

  • a new way of communication with contacts from your database,
  • capable of reaching anonymous contacts (ones you do not have an email address to, but who agreed to get notifications) with the message,
  • displaying notifications outside the monitored website,
  • segmenting the database according to user’s confirmation and subscription,
  • increasing CTR (clicked to sent notification ratio),
  • improved sales results and an option to insert personalized content about particular products along with a redirecting link to each product’s subpage;
  • easy implementation of Web Push notification on your website.

IMPORTANT: Remember that on the one WWW page there can be only one agreement form, but the number of sent notifications Web Push is unlimited.


[A] Web Push notifications analytics

2

[A1] Number of sent, displayed and clicked Web Push notifications – at this place the chart with data on sent, displayed and clicked notifications is shown. The scale adjusts to the number of Web Push notifications and set time period.

[A2] Set the time period from which data will be displayed

3

[A3] Displayed Web Push notifications – the total number of displayed notifications.

[A4] Average CTR – sent to clicked notifications ratio.


[B] Add new agreement form

Before creating a Web Push notification you need to create an agreement form. The form’s appearance and content can be set in the system. If a contact agrees to receive notifications via a form, they also need to let their browser display notifications. The agreement form is necessary to make sure each contact wants to see your notifications. It always appears in the middle, upper part of the screen, on the main page of your website.

2

[B1] Settings

3

[B1a] Agreement form name – enter the Web Push notification name to identify it easier in the system.

[B1b] Add tags to contacts who confirmed push messaging subscription – you can add a tag to contacts that accepted the subscription. This tag will be assigned only to monitored contacts that subscribed.

[B1c] Re-send agreement form, if the contact did not confirm their messaging subscription – If you select this checkbox, It is going to be possible to display agreement form again. Contact that has rejected the subscription at the first time can receive the form again. You can also choose a particular time since the last display, for an agreement form to appear again. Select a number of hours, days, months or years.

After adjusting the settings click Next.

[B2] Form

3

[B2a] Title – enter the name of the agreement form. Max 48 characters.

[B2b] Content – enter the content of the agreement form. Max 200 characters.

[B2c] Logo – if you want you can add graphics to agreement form. Suggested size 150×150 px

[B2d] Text confirmation – enter confirmation text that is going to be visible on the button. Max 20 characters.

[B2e] Background color and text color – you can change the background and font color of confirmation button.

[B2f] Subscription refusal message – enter the refusing subscription text that is going to be visible on the second button. Max 20 characters.

[B2g] Agreement form preview – at this place while entering the changes the preview of agreement form will appear.

4

[B2h] Confirmation window – enter confirmation text. This text along with the previously uploaded picture will appear in the confirmation window preview. Here you can personalize the window appearing after agreeing on getting the notifications. Max 200 characters.

The suggested size of a confirmation window logo is 450×450 px.

In order to maximally simplify Web Push notification implementation, It is necessary to double agree on receiving the notifications. After a user agrees to receive the notifications, another window will appear. This agreement form comes straight from the browser. Here, a user has to click “Allow”.

[B2i] Confirmation window preview – at this point, you can preview the appearance of the confirmation.

[B3] Integration

5

[B3a] Download the code – in the end, the agreement form will be generated. Copy and paste the code onto the website.

[B3b] Paste the code on the website just below your monitoring code – on the right side of the screen, you can see the instruction how properly paste the code. Remember to paste it just below the monitoring code.

After adjusting the setting and pasting the code click Save.


[C] Add new Web Push notification

1

[C1] Settings 

1

[C1a] Web Push notification name – enter the name of new Web Push notification. This name will help you identify It in the system.

After entering the name click Next.

[C2] Web Push 

1

[C2a] Title – enter the Web Push notification title. Up to 48 characters.

[C2b] Content – enter the Web Push notification content. Up to 100 characters.

[C2c] Logo – upload the graphic to Web Push notification. Suggested size is 150×150 px.

[C2d] URL – It is necessary to add the URL address to the Web Push notification. For example, if you want to create a notification with a recommendation of a certain product, you can add it’s subpage so a user can be redirected straight to the offer.

[C2e] On the right side of the screen the preview of Web Push notification will appear.

After adjusting the settings click Next.

[C3] Contact group

2

[C3a] Agreement form selection – at this place It is necessary to choose agreement form. That way you can get the Web Push notification group of recipients. If you have more than one agreement form and you use them alternately, you can choose that this Web Push notification will appear for contacts that agreed via these forms. In order to choose more forms click “+”.

[C3b] Group of recipients – select contacts based on criteria:

  • identified contacts – monitored contacts
  • anonymous contacts – not monitored contacts and not saved in SALESmanago system (anonymous),
  • all contacts.

[C3c] Send on a date – set particular date and time for Web Push notification to appear.

[C3d] Push time validity – set the time of Web Push notification validity. The validity is counted from the set date of sending. If a contact opens the browser after set validity time, the Web Push notification will not show up.

Example: if you set the time at 10:30 and validity time for 5 minutes then between 10:30 and 10:35 contact would get the notification. If a contact opens browser after 10:35 the notification would be outdated and It would not appear.

Important: Maximum time of validity is 4 weeks. The Web Push notification content can be displayed only in the language it was created in.

After inserting the Web Push notification settings click Send.


[D] Web Push notification 

2

[D1] you can display a preview of all created Web Push notifications, just sent or planned ones.

[D2] Agreement form – clicking this button you can change preview from Web Push notifications to agreement forms.

3

[D3] Preview – on the left side you can see the appearance of Web Push notification.

[D4] At this place, details of a particular notification such as name, creation date, sending date, the number of sent Web Push notifications and website URL are displayed.

[D5] You can also see the status of a particular notification – sent or scheduled.

[D6] Apart from a simple preview, you can also manage particular Web Push notifications:

  • duplicate it,
  • view its details,

4

After going to details you can view the number of recipients, the number of views and the number of clicks.

2

After clicking the all recipients button, you can see the number of identified contacts and preview their list (by clicking who?) and also see the number of anonymous contacts.

  • edit it,
  • delete it.

[E] List of agreement forms

3

[E1] Web Push notifications – clicking this button you can change preview from agreement forms to Web Push notifications.

4

[E2] Preview – on the left side, you can see the appearance of an agreement form.

[E3] At this place you can see the details of a particular form such as name, creation date, tags that are going to be assigned after a contact agrees, and the website URL .

[E4] Except simple preview you can also manage particular agreement form:

  • generate code of the form,
  • a list of contacts for whom the form will appear,
  • edit the form,
  • delete It.

Important:

  1. Web Push notifications display via Chrome, Opera and Mozilla Firefox browsers.
  2. In order to make the Web Push notifications work you need to remove old monitoring code and paste new one. The new monitoring code you can find in the Settings -> Integrations tab.

3

to subscribe
our newsletter

Follow us