Embed the Form on Store: Pop-up

Pop-up setup is now found directly on the Forms page: click Insert to page → Pop-up (alongside the Inline embed option).

1. Make sure that the app is enabled (Can be enabled from dashboard page).

2. Go to forms page and for the form that you want to insert make sure that the form's status is Active (this is default initial state). 

3. Click Insert to page.

4. In Embed type choose Pop-up.

5. Choose the page where you want to insert form to.

Pop-up on a new button

6. Select where you want the form button to be among the 4 position options or place it anywhere in the page by choosing Custom placement option. You can place the form as a popup anywhere in the page by going to the storefront, clicking Inspect and then copying the class id into the Class ID field. When placing a form as a popup button on a custom part of your page, first right-click and select Inspect. Then, hover over different parts of the code to see them highlighted on the page. This helps you confirm you've selected the correct section. From the highlighted div class, copy only the text within the quotation marks up to the first space, and paste it in the Class / ID of Position field.

7. Click Insert form. 

Pop-up on an existing button

You can add a form to appear as a pop-up on any button on the page you want. To do so, 

1. Enable the Trigger with the existing button checkbox. 

2. Go to the storefront, hover over the button where you want the form to appear. Right-click and select Inspect. From the highlighted div class, copy only the text within the quotation marks up to the first space.

3. Paste it in the Form load as a pop-up with an existing button class/ID field

4. Click Insert form.