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.
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.
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 .
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 .
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).
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 .
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 .