Incorporating a form into your webpage is an uncomplicated procedure. To start, locate the form element and drag it to the preferred position within your editor's workspace. After positioning the form, customise its design and functionality to suit your specific needs, ensuring a seamless user experience and cohesive integration with the rest of your website content.

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

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.

This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.

You can adjust the top or bottom margin of your content by toggling its bars.

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.

Redirect 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.

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.

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

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.