Advanced Form

The Advanced Form widget introduces a new way to build forms by giving you a flexible layout canvas instead of a fixed structure. Design forms the same way you design your pages, with full control over layout, spacing, and supporting content.

Perfect for contact forms, lead capture, signups, surveys, and more, this widget lets you combine fields with text, images, and other elements to create forms that feel like a natural part of your site — not an embedded afterthought.

Note: this widget is available in Editor 2.0 only.

Preview: https://demo.wocode.com/advanced-form

Tutorial Video

Setup

WIDGET PLACEMENT

• Drop the widget onto your site, and place it in a row where you would like the Advanced Form widget to be seen.

FORM CONTENT TAB

The Advanced Form widget includes three editable states, each fully customizable and able to include additional widgets and content.

• Form Fields: This is the main view users see before submitting. It includes all form inputs and elements.

• Thank You Message: Displayed after a successful form submission. You can customize this screen to guide users on next steps or provide confirmation details.

• Error Message: Shown when a submission fails to send. You can personalize this content to help users resolve errors and resubmit.

FORM SUBMISSION SETTINGS TAB

The Submission Settings tab includes all configuration options for handling form submissions.

• Form Name: Set a recognizable name to identify submissions in your inbox and submissions list.

• Email Settings: Control the email notifications sent to both the site owner and the form submitter, including sender details, subject line, and recipient addresses.

• After Submission Settings: Choose what happens after a user submits the form. Redirect to a specific page on the site or send them to an external URL.

MODIFYING THE FORM LAYOUT & CONTENT

The Advanced Form widget gives you full control over how your form looks and how information is organized.

• Adding New Fields: Open the widgets panel, locate the Form Elements category, and drag the fields you want directly into your form.

• Editing Form Elements: Select any element to access its Content settings, where you can update its text, settings, and behavior.

• Adding Widgets: Drag any widget from the panel and drop it into the form. Once placed, you can position and organize it just like content inside a standard column.

• Rearranging Content: Resize or move elements within the form the same way you would manage any content in a regular column layout, giving you maximum flexibility in design.

DESIGN SETTINGS

The Advanced Form widget does not include its own unique styling controls beyond basic layout and sizing. Each widget added inside the form, whether a form field or any other widget, includes its own individual content and design options. This allows you to control the look and feel of every element independently.