Incorporating a form into your webpage is a simple procedure! To start, locate the form element and drag it to the preferred position within your editor’s workspace. Next, select the form to be added, or create a new form.

After positioning the form, customize its design and functionality to suit your specific needs, ensuring a seamless user experience and cohesive integration with the rest of your website content.

General Settings #

Element Name #

The editing toolbar for the selected element appears on the right side of the editor, and you can rename the default name displayed at the top of the screen for ease of navigation as you create your funnel page.

Form #

If you need to replace the form you have selected at any time, you can do so in the Form section by selecting an option from the drop-down menu.

Edit #

Access the form editor by clicking the “Edit Form” button. This will open the selected form as a 90% screen modal, allowing you to make any necessary adjustments. Once you have saved your changes, the funnel preview will display the updated form, and upon refreshing, changes made will also be visible in the builder.

Button Action #

The Button actions section provides options for what should happen when the customer clicks the submit button on the form. Here you can choose to open a URL, go to the next step in a funnel, or use the form submit options. A Redirect Action lets you send users to a specific destination after submission.

Style #

Spacing Option #

To adjust the position of your content, you can use the available spacing options, which only apply to the specific part of the page you are editing. Modify the content’s top or bottom margins and position using the toggle bars for Padding Left, Right, Top, and Bottom, as well as Margin Top and Bottom.

• Padding Left, Right, Top, and Bottom: These four toggle bars move the content to either the left, right, top, or bottom depending on the toggle bar you click on.
• Margin Top and Bottom: You can adjust the top or bottom margin of your content by toggling its bars.

Visibility #

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Custom Class #

You can add a Custom Class by typing a desired class name in the Custom Class field.

CSS Selector #

You can copy the CSS Selector reference number by clicking the copy icon located on the right side of the number you want to copy, saving you time and hassle.

This element will help you increase lead generation and collect data that improves your sales.

Frequently Asked Questions #

How do I add a form to my page? #

Drag the form element into your editor’s workspace, then select an existing form or create a new one.

Can I change which form is displayed? #

Yes. In the Form section, select a different form from the drop-down menu to replace the current one at any time.

How do I edit the form fields? #

Click the “Edit Form” button to open the form editor as a 90% screen modal, make your changes, and save.

What happens when a user submits the form? #

Use Button Action to control submission behavior, such as opening a URL, going to the next funnel step, or using form submit options.

Can I redirect users after they submit? #

Yes. Use the Redirect Action option to send users to a specific destination after they submit the form.

Can I hide the form on mobile or desktop? #

Yes. Use the Visibility setting to display the form on mobile, desktop, or both.