How to add a newsletter

You are here:
Estimated reading time: 2 min

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 Rey theme > Plugins Manager 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: . After you dragged the element into the canvas, make sure to select the Form ID eg: .

Do know you can always make use if it’s shortcode too eg: .

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 .

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 .

You can also import a predefined newsletter modal from Rey’s template library eg: .

Keep in mind, you can also create a simple Button element and link the modal id (eg: ) into the Button so you can trigger it manually (eg: ).

Editing/removing Athens demo newsletter popup

The first thing you’ll need to do is to edit the Footer in Elementor eg: 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: .

Was this article helpful?
Dislike 0
Views: 1100

4 Replies to “How to add a newsletter”

  1. Ahmed

    I purchased the rey theme
    Paid 61us
    Cannot activate

    1. mariushoria[ Post Author ]


      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 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!


  2. Merry

    Can we connect the newsletter with something other than MailChimp?

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


Suggest article improvements

Please use this form to suggest improvements and report missing or outdated content. Support requests will most likely not be answered and it's best to use the Support Request Form instead. Thanks!