Detect users who are about to leave the website with products in their cart and/or users who haven’t interacted with the site for a while, in order to re-engage them using a popup that invites them to subscribe to the newsletter.
In this article you’ll learn how to create a subscription popup for users about to leave the website with an active cart.
Objective: Acquisition.
Difficulty: Intermediate.
When to use it: Anytime.
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 (Anonymous cart recovery and newsletter subscription) then click Select and Create.
It is important to check that it does not overlap with other abandoned cart strategies.
Video explanation
How it works
To display the popup, we will configure popup web content in the workflow that will appear on any page when a contact is about to leave the site or spends more than 15 seconds on it and has products in their cart.
Workflow configuration
Before configuring your workflow, create the following elements:
— Two pieces of popup content, to display the sent message for the cart email.
— An email, to send the products from the cart.
STEP 1. "Start" node
(This node will set the target audience for the action).
1. Click (Edit node settings) for the “Start” node.
2. Under Select limitation, check "All my list" and select "Contacts without email".
3. Under Select data source, check “All existing and new”.
4. Click Update.
STEP 2. “On page visit” node
(This node will detect contacts who visit any page from desktop).
5. Click (Edit node settings) in the “On page visit” node.
6. Under Limitations, uncheck the "Deactivate after triggering" box.
7. Click Update.
If you want to learn more about node limitations, click here.
STEP 3. First “Fetch last cart” node
(This node will fetch the contact's last active cart).
8. At the junction of this node with the previous one, click on the circle until "No" appears.
9. Click (Edit node settings) in the “Fetch last cart” node.
10. In Select cart status, choose the “Active” option from the dropdown.
11. Click Update.
STEP 4. First “Check value” node
(This node checks if the size of the returned list of recommended products is greater than 0).
12. Click (Edit node settings) of the “Check value” node.
13. Drag the "Total Price" field from "Fetch last cart" to the block on the left.
14. Then under "Operator", select "Is equal to".
15. Drag the “Literal” field to the block on the right and set a value of "0".
16. Click Update.
STEP 5. Second “Check value” node
(This node checks if the website visit is from a mobile device.)
17. Click (Edit node settings) of the “Check value” node.
18. Drag the "Is mobile" field from "On page visit" to the left block.
19. Then under Operator, select "Is equal to".
20. Drag the "Literal" field to the block on the right and activate the "Yes" box.
21. Click Update.
If you want to learn more about the "Check value" node, click here.
STEP 6. First “Send web content: popup” node
(This node will send a mobile-friendly popup to the contact so that they can subscribe to receive the cart in the email.)
22. At the junction of this node with the previous one, click on the circle until "Yes" appears.
23. Click (Edit node settings) in the “Send web content” node.
24. Select the corresponding Popup content and click Next .
25. In Settings, locate the field Specify when to show content, select “After a few seconds” and set "15" seconds. Click Next .
26. In the Variables step, link any variables there may be.
27. Click Complete .
If you want to learn more about Popup web content, click here.
STEP 7. First "On opening of web content" node
(This node will limit the "On page visit" node so that it doesn’t react to each visit for one day).
28. Click (Edit node settings) in the “On opening of web content” node.
29. Click "One specific content" and select the Popup content shown in the previous node.
30. 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.
31. Click Update.
If you want to learn more about node limitations, click here.
STEP 8. Second “Send web content: popup” node
(This node will send a mobile-friendly popup to the contact so that they can subscribe to receive the cart in the email.)
32. At the junction of this node with the previous one, click on the circle until "No" appears.
33. Click (Edit node settings) in the “Send web content” node.
34. Select the corresponding Popup content and click Next .
35. Under Settings, locate the Indicate when to display content field, select “When leaving the page” and click Next .
36. In the Variables step, link any variables there may be.
37. Click Complete .
STEP 9. Second "On opening of web content" node
(This node will limit the "On page visit" node so that it doesn’t react to each visit for one day).
38. Click (Edit node settings) in the “On opening of web content” node.
39. Click "One specific content" and select the Popup content shown in the previous node.
40. 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.
41. Click Update.
STEP 10. First “On form submission” node
(This node will detect the exact moment the form is submitted from a mobile device.)
42. Click (Edit node settings) in the “On form submission” node.
43. Click on A specific form.
44. Next, select the form you want the workflow to react to. In this case, the form displayed in the popup of the mobile device.
45. Click Limitations and uncheck the "Deactivate after triggering" box.
46. Click Update.
STEP 11. Second “On form submission” node
(This node will detect the exact moment the form is submitted from a desktop device.)
47. Click (Edit node settings) in the “On form submission” node.
48. Click on A specific form.
49. Next, select the form you want the workflow to react to. In this case, the form displayed in the popup of the desktop device.
50. Click Limitations and uncheck the "Deactivate after triggering" box.
51. Click Update.
STEP 12. Second “Fetch last cart” node
(This node will fetch the contact's last active cart).
52. Click (Edit node settings) in the “Fetch last cart” node.
53. In Select cart status, choose the “Active” option from the dropdown.
54. Click Update.
STEP 13. “Send email” node
(This node will send the email with the active cart).
55. Click (Edit node settings) in the “Send email” node.
56. Under Limitations, uncheck the "Limit per contact" box.
57. In Settings, select the email you want to send and click Next .
58. In the Send to section, select "Contact".
59. Indicate the "Newsletter" type of email.
60. Configure the parameters section of "Send to contact".
61. Under Google Analytics, click "Enable Google Analytics" then Next .
62. Click Complete .
Success!
Your workflow to establish a cart recovery popup with newsletter subscription 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:
- Cart recovery, to send an abandoned cart email to contacts who abandon a cart on the site.
- Subscription to newsletter in footer, to attract subscribers to the newsletter from the footer.
- Push subscription using browser notification, to attract subscribers to the web push notification channel.
- Double subscription: newsletter and push, to attract subscribers to the newsletter and web push notifications.