MailerLite-Thrive Themes Connection Using HTML Code
0 likes1,263 views
This document provides step-by-step instructions for syncing subscriber lists between MailerLite and WordPress using HTML code. It describes how to create a signup form in MailerLite, embed it into a WordPress landing page using Thrive Content Builder, and link it to confirmation and thank you pages to complete the double opt-in subscription process.
MailerLite-Thrive Themes Connection Using HTML Code
- 1. How to sync subscriber lists between and using HTML code
- 4. Enter your email address and password.
- 5. Choose account if there is more than one.
- 6. Click Login for selected account.
- 7. For this tutorial, we are going to create a new subscriber group.
- 9. Click Add new group.
- 10. Enter the Group name and click Create.
- 11. The new subscriber group has been created.
- 12. Click Webforms.
- 13. Click Add new Webform.
- 14. Enter the Form name and click Save and continue.
- 15. There are several webform types to choose from.
- 16. For this tutorial, we are going to use the Embed Form.
- 17. Scroll down to Embed Form and click Create Embed Form.
- 18. Choose a subscriber group then click Save and continue.
- 19. The embed form has been created.
- 20. Since there is only one field, i.e. Email, click Fields.
- 21. Click the desired field; in this case, Name.
- 22. If this is a required field, make sure it is indicated as such.
- 23. You may also drag a field/s to any location on the form.
- 24. The Name field is now above the Email field.
- 25. Click Save.
- 26. Make sure that Double opt-in is on.
- 27. Double opt-in means that the user confirms the subscription request twice.
- 28. The first time is when the user submits an email address.
- 29. A confirmation email is then sent to the email address.
- 30. The second time is when the user clicks the link inside the confirmation email.
- 31. This second opt-in confirms that the user who entered the email address actually wants to subscribe.
- 32. In the WordPress dashboard, click Add New under Pages.
- 33. Enter the name of your new page then click Publish.
- 34. Click Edit with Thrive Content Builder.
- 35. Click the Thrive Landing Pages dropdown menu.
- 36. Click Choose landing page.
- 37. Select Big Picture Video Page then click Load Landing Page.
- 39. Since we will be doing a double opt-in, we will create a confirmation page.
- 40. Add a new page in the WordPress dashboard.
- 41. Enter the name of your new page then click Publish.
- 42. Click Edit with Thrive Content Builder.
- 43. Click the Thrive Landing Pages dropdown menu.
- 44. Click Choose landing page.
- 45. Select Big Confirmation Page then click Load Landing Page. 1.4
- 46. Edit Subject Line and From Name Here.
- 47. Close the window and click Save Changes.
- 48. Copy the URL of the confirmation page.
- 49. Paste it in MailerLite and click Save.
- 51. Click Edit for Subject.
- 52. Modify the Subject and click Save.
- 53. The Subject should coincide with the Subject Line of the confirmation page.
- 54. Click Edit for Sender.
- 56. Change Sender Email if necessary and click Save.
- 57. The Sender Email should coincide with the From Name Here of the confirmation page.
- 58. Click Edit to modify the email content.
- 59. Use the elements on the right side to edit/design your email.
- 60. For this tutorial, we are only going to change this.
- 61. Click this part or the edit icon.
- 62. Change the text using the editor on the right.
- 63. Click Save.
- 65. Lastly, we are going to create a thank you page.
- 66. A thank you page is important to continue interaction with a user.
- 67. Use the thank you page to prod a user to engage further with your brand.
- 68. Add a new page in the WordPress dashboard.
- 69. Enter the name of your new page then click Publish.
- 70. Click Edit with Thrive Content Builder.
- 71. Click the Thrive Landing Pages dropdown menu.
- 72. Click Choose landing page.
- 73. Select Big Picture Download Page.
- 74. Click Load Landing Page.
- 76. Copy the URL of the thank you page.
- 77. In MailerLite, click Confirmation Thank You page.
- 78. Scroll down until you see Or use your own landing page.
- 79. Paste the URL of the thank you page and click Save.
- 81. Click Show HTML.
- 82. Press CTRL+C to copy to clipboard.
- 83. Edit your landing page with Thrive Content Builder.
- 84. Scroll down and click any portion of the signup form.
- 85. Click Connect with Service.
- 86. Click Create a new Connection.
- 87. Choose HTML form code.
- 88. Click Go to the next step.
- 89. Paste the HTML code here.
- 91. Scroll down to see all the fields.
- 92. Edit Field Label / Description.
- 93. Edit Validation for applicable fields; in this case, Email.
- 94. Tick the check boxes under Required Field if applicable.
- 95. Click Save.
- 96. Click any part of the form to fix the layout.
- 97. Change Horizontal to Vertical.
- 98. Click Edit Components then Submit Button.
- 99. Change Button Text from βDownload nowββ¦
- 100. to βSign me up!β then close the window.
- 101. Click Save Changes.
- 102. Click Close Thrive Content Builder.
- 103. Let us now test our work.
- 104. Fill up the form and click Sign me up!.
- 105. You should now be in the confirmation page.
- 106. Scroll down to see the instructions further.
- 107. In your inbox, you should see this email .
- 108. Open it and click Yes, subscribe me to this list.
- 109. You should now be in the thank you page.