How to Connect Button to Popup in EComposer

In EComposer, you can easily connect a Button element to open a Popup template, allowing you to display any content you want, such as a Contact Form, a Newsletter Signup, or a Promotional Message.

This setup is a great way to increase user engagement and encourage interaction on your website. For example:

• A “Get Discount” button opens a popup with a form to collect emails.
• A “Contact Us” button opens a popup containing your contact information or inquiry form.

Follow the steps below to connect a button to your desired popup.

Step 1: Create a Popup Template

First, you need to create a Popup template that includes the form or content you want to display. To do this, go to EComposer → Templates → Create New → Popup type.

You can follow this guide for detailed steps: How to Create a Popup Template in EComposer

Once created, save & Publish your popup template.

Step 2: Connect the Button to Open the Popup

On your page, select the Button element that you want to trigger the popup. In the Button Settings → Button type, choose the option “Open Popup.”

Then, in the Popup container option, select the specific popup template you created in Step 1.

After that, Save & Publish, and view your live page. You can test by clicking the button, your popup should appear instantly.