How to create an automatic Newsletter popup

You are here:
Estimated reading time: 1 min

First, make sure to install/enable the MailChimp for WordPress plugin. This plugin has built-in styles made in Rey, but you could also use a different type of newsletter and use its public form shortcode.

Now we’ll need to create the actual popup. There are various ways of doing this, but i prefer to just edit the Footer global section, add a new Section, transform it into a Modal section and adjust its settings eg: https://d.pr/i/kMWWWz . This will load this popup in any page.

To make the modal automatically open, choose an option in Auto Popup setting – either on Page scroll, on page load (after specific time) or on Exit intent. Select the one you prefer the most. You can also disable nagging (to stop showing up).

Markup 2020-09-01 at 13.43.41.png

An alternative is to access Rey theme > Global Sections and create a new Global section as Generic and edit it with Elementor, and create a modal section (like in the scenario above). Lastly you’d need to make sure to access Customizer > General > Global sections and publish this global section for example After Site container.

Adding an “Already subscribed” button

Many visitors will subscribe to your newsletter, however there’s no way of detecting if they did that, so one of the best ways of dealing with this is to provide a button that will ask if they already subscribed, and when clicking the modal will close and never prompt them again.

Create a Button element and in the Advanced > CSS Classes option, add u-close-modal-forever class eg: https://d.pr/i/sUCFEf .

This is however something that will be adjusted automatically in the future.

Was this article helpful?
Dislike 0
Views: 792

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!