How to Create Click-Triggered Subscription Popups in Elementor

Click-triggered subscription pop-ups are an effective way to boost your website's email subscription rate. Compared to automatic pop-ups, this is a more user-friendly approach that only displays when the user actively clicks on a button or link to avoid interfering with the reading process.Elementor Provides a powerful popup builder that can easily accomplish this.

This article explains how to create click-triggered subscriptions with Elementorpop-up window, covering the complete steps from template creation, trigger configuration to page button connection.

I. Create a subscription pop-up template

1. Go to the pop-up template creation page

• log in WordPress Backstage;
• Go to Templates > Popups;
• Click "Add New Popup".

Name the popup, e.g. "Subscription Popup", and click "Create Template".

2. Selecting or designing a pop-up layout

• Elementor will provide a variety of preset popup templates;
• You can choose a suitable template, or click "x" to design your own using a blank template;
• Click "Insert" to open the template editor.

3. Adding a subscription form

• Drag the "Form (Form)" widget to the pop-up window;
• Setting the field contents is usually all that is needed:
  • Email(Required);
  • Optionally add Name fields to enhance the personalized experience;
• Simple designs usually help increase fill rates.

4. Configuring submission operations

• Modify button copy, such as "Subscribe Now" or "Get Updates";
• In "Actions After Submit", select:
  • Email;
  • Or integrate with MailChimp, ActiveCampaign, and more;
• Set up a feedback message or thank you prompt after submission.

5. Beautify the pop-up window style

• Use the Style tab to customize colors, margins, fonts, and more;

• AttractivecaptionSuch as "subscribe to the latest news" or "don't miss any updates".

6. Posting of pop-ups

Click "Publish" to enter the display condition setting interface.

Second, set the pop-up window display and trigger conditions

1. Setting display conditions (Display Conditions)

• Click "Add Condition";

• You can select "Entire Site" or specific pages.

2. Disabling automatic triggers

• Disable auto-trigger options such as "on page load" and "on scroll";
• The goal is to have the popup window only display when a specific element is clicked.

3. Saving of settings

• Click "Save & Close".

III. Creating click-triggered links or buttons

1. Edit the page where the triggering link is to be inserted

• Open the corresponding page with Elementor;
• Insert a "Button" or "Text" widget with a text that can be set to "Subscribe Now" or "Get Informed". Get Informed".

You can also set triggers on icons, images or other clickable elements.

2. Setting the trigger action

• Select the button and click "Link Settings";
• Set the link type to "Dynamic Tags";

• Select Actions > Popup from the drop-down list;

• Select "Open Popup" and associate the previously created subscription popup;

• A "Close Popup" action can be added to make it easier for users to close it manually.

3. Saving changes

Click "Update" to save the page settings.

IV. Testing the pop-up function

1. Preview page

• Open the actual page and click on the button or link to check if the pop-up window pops up properly.

2. Form submission tests

• Enter the mailbox to test if the submit function is available;
• If e-mail notification is set, check if the notification is received;
• If you connect the MailChimp, check whether the subscription was successfully written to the list.

v. additional recommendations

• Adding Animation: Go to "Advanced > Animation" settings to add fade-in, slide-in, etc. effects to the pop-up window;

• Optimize mobile display: Switch to mobile view and customize the popup layout;
• Limit the frequency of pop-ups: Avoid multiple pop-ups that interfere with access frequently;

• Add Privacy Statement: Use a text widget to briefly remind users that their email messages are secure.

VI. Summary

exist Elementor Creating click-to-trigger subscription pop-ups not only boosts email subscription rates, but also makes users more likely to fill out an actively engaged state of mindform (document). This form of pop-up is more natural and acceptable than an automatic pop-up.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off