Subscription to web push notifications

Use visits to your website as an opportunity to increase your push notification subscriber base by showing users a slide-in a few seconds after they visit the page. 

In this article you’ll learn how to create a web push subscriber acquisition strategy.


Objective: Acquisition.
Difficulty: Beginner.
When to use it: In acquisition campaigns. 


This strategy is part of our pool of templates. To implement it in your account, access your Connectif account and go to “Workflows Create new workflow”. In the Create from template section, enter the name of the workflow in the search engine (Subscription to push notifications) then click Select and Create.


How it works

To create this strategy, in the workflow we will configure a slide-in with the subscription form, which will appear 5 seconds after accessing the website. This content will have a daily limitation so that, once displayed, it will not appear on subsequent pages visited until the next day. Once the contact agrees to receive communications through this channel, a welcome push notification will be sent to them.

Suscripción a notificaciones web push-min.png


Workflow configuration


Before configuring your workflow, create the following elements:
— A slide in, to show the subscription message.
— A push notification, to show the welcome message.

STEP 1. "Start" node

(In this node, you’ll set the target audience for the action).

1. Click (Edit node settings) for the “Start” node.

2. Under Select limitation, check "All my list".

3. Under Select data source, check “All existing and new”.

4. Click Update.

Suscripción a notificaciones web push inicio-min.png


STEP 2. First “On page visit” node

(This node will detect contacts who visit the website).

5. Click (Edit node settings) in the “On page visit” node.

6. Under Limitations, uncheck the "Deactivate after triggering" box.

7. Click Update.

Suscripción a notificaciones web push al visitar página-min.png


If you’d like to learn more about node limitations, click here.


STEP 3. “Check value” node

(This node will identify if the contact is subscribed to push notifications).

8. Click (Edit node settings) of the “Check value” node.

9. Drag the "Has push subscriptions" field from "Contact" to the left block.

10. Under Operator, select "Is equal to".

11. Drag the "Literal" field to the block on the right and activate the "Yes” box.

12. Click Update.

Suscripción a notificaciones web push comprobar valor-min.png


If you want to learn more about the "Check value" node, click here.


STEP 4. “Send web content: slide in” node

(This node will send a slide in with the button to subscribe to web push notifications).

13. At the junction of this node with the previous one, click on the circle until "No" appears.

14. Click (Edit node settings) in the “Send web content” node.

15. Select the corresponding Slide-in and click Next .

16. In this case, check "After a few seconds" and, in "Show when elapsed", type "5" Seconds.

17. In the Variables step, link any variables there may be.

18. Click Complete .

Suscripción a notificaciones web push enviar contenido web-min.png


To learn more about Slide-in web content, click here.


STEP 5. “On opening of web content” node

(In this node, the on page visit node will be limited so that it doesn’t react to each visit for one day).

19. Click (Edit node settings) in the “On opening of web content” node.

20. Click One specific content and select the “Slide-in” content shown in the previous node.

21. For Limitations, in the section Add external limitation, choose "On page visit" from the drop-down menu and, in the next one, "Deactivate for a period". Next, indicate "1" Day.

22. Click Update.

Suscripción a notificaciones web push al abrir contenido web-min.png


STEP 6. “On push notification subscription” node

(This node will detect the exact moment the user subscribes to web push notifications).

23. Click (Edit node settings) in the “On push notification subscription” node.

24. In Limitations, one of the fields shown is "Temporarily deactivate after event, write “1” in the “Day” field.

25. Click Update.

Suscripción a notificaciones web push al suscribirte a push-min.png


STEP 7. “Show push notifications” node

(This node will send a welcome push notification).

26. In the “Show push notifications” node, click (Edit node settings).

27. Select the web push you want to send and click Next .

28. In Mappings, click Finish .

Suscripción a notificaciones web push mostrar push-min.png


If you want to learn more about the Web push notification editor, click here.



Your workflow to set up a web push notifications acquisition strategy is now ready.


Do you have questions?
Don’t forget, our Connectif specialists are here to help you. To contact them, just open a Support ticket by clicking the blue “Help” button on your dashboard.


Keep learning!

To make the most of your Connectif account, we recommend reading these articles next: 

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0