How to connect EComposer Form to Popup/Spin Wheel?

Author: Anna Nguyen 1172 views

A plain “thank you” message is easy to miss after someone submits a form. With the Contact form by EComposer element, you can do more: open a popup with a discount or a friendly note, or let visitors spin a prize wheel as soon as they sign up. Both options take just a few settings, and this guide walks you through each of them.

1. How to connect the contact form to a popup

Use this when you want a popup, such as a thank-you message or a discount offer, to appear right after someone submits your form. You’ll set up the popup first, then link it to the form.

Step 1: Create your popup in the builder (Build > Create > Other Templates > Popups) and design it the way you like. Then click Publish to open the Save template window, go to the Popup settings tab, and set Popup show when to Button click/Form submit. This way the popup waits for your form instead of showing up on its own after a few seconds.

Now click Save & publish so the popup is ready to use.

Step 2: Open the page that contains your form and click the + icon to open the Elements panel. Search for “contact form”, then drag the Contact form by EComposer element onto your page.

Step 3: Select the form and open the Content tab. Scroll down to Form action after submit, click it, and choose Show Popup from the list.

Step 4: A Popup container box appears below. Click Select popup and pick the popup you just published. Then confirm with the button at the bottom of the box (it says Select the first time and Update when you change it later).

Step 5: Save and publish your page, then open it on your store and submit the form. After the success message appears, your popup opens right away.

2. How to connect the contact form to a spin wheel

A spin wheel turns a simple sign-up into a small game: visitors enter their email, submit the form, and then spin for a prize. The form and the Spin Wheel element need to sit together, for example in the same popup.

Step 1: Add a Contact form by EComposer element and a Spin Wheel element to the same popup (or page). Keep an Email field in the form, because the form only works when it has one.

Step 2: Select the form, open the Content tab, click Form action after submit, and choose Spin Wheel. Unlike the popup option, there’s nothing else to pick here, since the form connects to the wheel next to it.

Choose Spin Wheel in the Form action after submit list

Step 3: Save and publish the popup. On your store, enter an email address and submit the form. Your success message appears, and the wheel is ready for the visitor to spin.