Increase the number of contacts who subscribe to your newsletter by showing them inline content when they visit your site and using the double opt-in technique. With this technique, you’ll avoid adding contacts who have mistakenly provided their email address to your subscriber list, thereby improving deliverability.
In this article, you’ll learn how to create a newsletter subscription popup with the double opt-in technique.
How it works
To create this strategy, we’ll set up inline content in the workflow with the subscription form, together with a daily limitation so that once it has been displayed, it won’t appear on subsequent pages visited.
After submitting the form, a popup will be displayed indicating that the form has been submitted, and a first confirmation email will be sent to the contact.
Finally, when the contact confirms the subscription, a welcome email will be sent and, on the website, another popup will appear that will also welcome the contact to the newsletter.
Workflow configuration
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.
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. Click on Limitations and select the limitations you want for your strategy.
7. Click Update.
STEP 3. “Check value” node
(This node will check if the contact is subscribed to the newsletter).
8. Click (Edit node settings) in the “Check value” node.
9. Drag the "Newsletter subscription status" field from "Contact" to the block on the left.
10. Then, in the "Operator" select "Is equal to."
11. Drag the "Literal" value to the block on the right and select "Subscribed".
12. Click Update.
STEP 4. First “Send web content: inline” node
(This node will show the inline content you have just created to contacts who are not subscribed to the newsletter when they visit the website).
13. At the junction of this node with the previous one, click on the circle until "No" appears.
20. Click (Edit node settings) in the “Send web content” node.
21. Select the corresponding inline content and click Next.
22. In Configuration add the appropriate selector to display the content.
23. In the Variables step, link any variables there may be.
24. Click Complete .
STEP 5. “On form submission” node
(This node will detect the moment when the form is sent).
23. Click (Edit node settings) in the “On form submission” node.
24. Click on A specific form.
25. Next, select the form that should be reacted to. In this case, the form displayed in the popup.
26. Uncheck the box for "Deactivate after triggering".
27. Click Update.
STEP 6. Second “Send web content: popup” node
(In this node a popup will be shown to contacts when they subscribe to the newsletter, to confirm the sending of the form).
28. Click (Edit node settings) in the “Send web content” node.
29. Click on the content you want to display and adapt it to your style. In this case, popup content .
30. Click on Limitations and select the constraints you want for your strategy.
31. Click Update.
STEP 7. “Set field” node
(This node will record the information obtained in the inline form).
32. Click (Edit node settings) for the “Set field” node.
33. Drag the "Name" field from "On form submission" to the block on the left.
34. Then, under "Operator", select "Assign".
35. Click Update.
STEP 8. First “Send email” node
(In this node you’ll send the contact the email with the subscription button to the newsletter).
36. Click (Edit node settings) in the “Send email” node.
37. Under Limitations, uncheck the "Limit per contact" box.
38. In Settings, select the email you want to send and click Next .
39. In the Send to section, select "Contact".
40. Indicate the "Transactional" type of email.
41. Configure the parameters section of "Send to contact".
42. Under Google Analytics, click "Enable Google Analytics" then Next .
43. Click Complete .
STEP 9. “On link click” node
(This node will detect the exact moment the confirmation link is clicked.)
44. Click (Edit node settings) in the “On link click” node.
45. Click One specific email.
46. Next, select the email that should be reacted to. In this case, the email with the confirmation link.
47. Go to the bottom of the settings and, under Select a link, choose the link that confirms the contact's subscription.
48. Under Limitations, in the Temporarily disable after event field, type "1" in the “Day” field.
49. Click Update.
STEP 10. Second “Send email” node
(This node will send the email with the welcome to the newsletter message after confirmation).
50. Click (Edit node settings) in the “Send email” node.
51. Under Limitations, uncheck the "Limit per contact" box.
52. In Settings, select the email you want to send and click Next .
53. In the Send to section, select "Contact".
54. Indicate the "Transactional" type of email.
55. Configure the parameters section of "Send to contact".
56. Under Google Analytics, click "Enable Google Analytics" then Next .
57. Click Complete .
STEP 11. Second “On page visit” node
(This node will detect contacts that arrive on the website after confirming the subscription).
58. Click (Edit node settings) in the “On page visit” node.
59. Under Limitations, uncheck the "Deactivate after triggering" box.
60. Click Update.
STEP 12. Third “Send web content: popup” node
(In this node a popup will be shown to contacts at the moment they visit the website after confirming their subscription to the newsletter).
61. Click (Edit node settings) in the “Send web content” node.
62. Click on the content you want to display and adapt it to your style. In this case, popup content .
63. Click Update.
Keep learning!
To make the most of your Connectif account, we recommend reading these articles next:
- Newsletter subscription after purchase, to acquire subscribers who have just purchased.
- Double subscription: newsletter and push, to attract subscribers to the newsletter and web push notifications.
- Push subscription using browser notification, to attract subscribers to the web push notification channel.
- ABX test to optimize newsletter subscriptionto compare different popups with subscription forms