Using MailChimp
Connect MailChimp
First you’ll need to make sure MailChimp for WordPress plugin (MC4WP) is installed and active. If it’s not, access Appearance > Install plugins and install it there.
Next you will need to setup a new MailChimp account and create an API key to add in the plugin’s settings to connect with it. Get your API key here.
How to create a form
Access Form in MC4WP plugin, and you should be able to just edit the form. Throughout my demos, i use this HTML markup here:
<p><input type="email" name="EMAIL" placeholder="Your email address" required /></p>
<p><input type="submit" value="JOIN" /></p>As you can see, it’s mostly the same, with different text strings.
How to add the form into a page
If you’re editing the page with Elementor, you should be able to find the Newsletter Form element in the left editor eg: https://d.pr/i/y8WgbM . After you dragged the element into the canvas, make sure to select the Form ID eg: https://d.pr/i/lPt6ds .
Do know you can always make use if it’s shortcode too eg: https://d.pr/i/oMZlhg .
How to send newsletters
You should be able to find plenty tutorials how to use MailChimp interface and how to send newsletters. Here’s a good starting video https://www.youtube.com/watch?v=Wr-mw_cAn2c .
Using other 3rd party newsletter plugins (SendInBlue, AcyMailing etc.)
It’s recommended to just copy the form shortcode generated in these kind of plugins and simply paste them into the Shortcode widget in Elementor.
It’s in the backlog to add some support for these plugins to be supported inside the Newsletter Form widget in Elementor (mainly to have more form customisation options).
Adding a newsletter popup
Assuming you already have setup MailChimp plugin, you can now create a modal section, add the newsletter element and content inside and just configure how the modal should behave.
In case you want the popup to be shown in every page, you will need to edit the Footer global section in Elementor, create the modal section and configure how to display and add the form inside. Here’s a quick video how https://d.pr/v/bdKXyM .
You can also import a predefined newsletter modal from Rey’s template library eg: https://d.pr/v/1zcV3M .
Keep in mind, you can also create a simple Button element and link the modal id (eg: https://d.pr/i/Bez2pK ) into the Button so you can trigger it manually (eg: https://d.pr/i/65SLP0 ).
Editing/removing Athens demo newsletter popup
The first thing you’ll need to do is to edit the Footer in Elementor eg: https://d.pr/i/bkqpBA and inside you’ll find the modal section that holds the newsletter widget.
Here you can either remove the entire section or edit the contents of it including the Newsletter Form element eg: https://d.pr/i/jxJCIQ .
4 Replies to “How to add a newsletter”
Ahmed
I purchased the rey theme
Paid 61us
Cannot activate
mariushoria[ Post Author ]
Hey!
Just sent you a direct email on this email address. If you haven’t received it (hopefully it didn’t went into spam), than please contact me through my profile page’s contact form at https://themeforest.net/user/themefuzz#contact and let me know what exactly you’re not able to do (eg: you can’t find the purchase code, the activation is not working, etc.). Thanks!
Marius
Merry
Can we connect the newsletter with something other than MailChimp?
Marius H[ Post Author ]
Hi there!
No, sorry, at the moment the Newsletter element is only compatible with MailChimp for WP plugin. However most other newsletter plugins have some sort of shortcode or way of inserting into a page, the only difference however it would be that there won’t be customisation options available, like there is with the Newsletter element.
Marius