The form, as a pop-up feature, can work in two ways:
- As a custom pop-up button, or
- As a pop-up on an existing button
To enable form as a pop-up, after creating a form, follow the next steps:
- Go to the Edit form
Go to Form settings
Go to Form load as a pop-up
Check the Enabled form load as a pop-up checkbox
In case of enabling the form as a pop-up on a custom button, the next steps are:
Fill the Button text box. This is the text that will appear on the button. (Example: Form).
- Choose a pre-defined Position where the form will appear (top left/top right/bottom left/bottom right). In case you have multiple pop-up forms, please choose different positions for them. In case there are multiple pop-up forms in the same position, they will overlap.
- Or, choose a custom position on site. In this case, you need to enter the Class/ID of the Position box. To find it, go to the page on your store where you want the form to appear. Click on the specific text or section where you’d like the form displayed, then right-click and select Inspect. In the code inspector, locate and copy the Class or ID of that element, and paste it into the box.
- Optionally, you can customize button appearance.
- You can reset appearance values to the default ones by clicking the Reset to default values button.
If you want the form to appear when clicking on an already existing button within your store, you will need to:
- Check the Enabled form load as a pop-up checkbox
Check the Form load as a pop-up with the existing button checkbox
Enter the Form load as a pop-up with the existing button class/ID box. To find it, go to the page on your store where you want the form to appear. Click on the specific text or section where you’d like the form displayed, then right-click and select Inspect. In the code inspector, locate and copy the Class or ID of that element, and paste it into the box.
Don’t forget to Save your progress in the form editor and enable the app within the store.
Video as a reference of how the feature works: