Loading...

Your privacy choices

Google Analytics 4 measures site visits and Google Ads measures advertising clicks and checkout completions, only for the purposes you accept. Neither is required to buy. Necessary checkout services remain available.

Your privacy choices

Google Analytics 4 measures site visits and Google Ads measures advertising clicks and checkout completions, only for the purposes you accept. Neither is required to buy. Necessary checkout services remain available.

These optional Google services may set audience or advertising cookies after your acceptance. Analytics and advertising are separate choices. Acceptance and refusal are remembered in this browser for a fixed 180 days, without extending the period when read. You can withdraw or change your choices at any time using Privacy choices in the footer. Withdrawal removes optional first-party Google cookies and reloads the page if Google has already loaded (using session storage in this tab if persistent storage refuses the withdrawal; a blank page opens only if both stores cannot safely record the withdrawal and a stale approval remains). Checkout, external demos, videos, support and newsletter services have their own privacy information.

Build your form

Edit a step and arrange its fields

Use the step editor to add components, organize columns, edit step settings and check the layout on small screens.

Updated v10.6.772 min read
On this page
Where to find it

Edit a form → Steps manager → Edit a step

Before you start

Create the step first. Use short labels and one main question per step. The visual builder and the list editor work on the same form components.

Visual editor of a step with website and mobile choicesOpen full-size screenshot
Select a step, then use the row, column and item controls to edit its layout. Screenshots use the English plugin interface; translated labels can differ.

Step-by-step instructions

  1. Open the step and set its title and any introductory content. Keep instructions next to the field they explain.

  2. Add a component in the intended column, then open its settings. Choose the field type before configuring its price or quantity.

  3. Arrange related fields together. Use columns for short choices and a wider area for descriptions, addresses or custom content. Remove empty decorative columns.

  4. Review step options and visibility rules, save, and preview the full form. A component moved to another step may affect when its value becomes available to a calculation.

Check the result

At phone width, labels remain readable, controls do not overlap and the next action is reachable. Navigate using the keyboard as well as the mouse.

If it does not work

If an editor change is missing on the public page, save at each open editor level and reload the page without its cache. Check custom CSS and the page builder’s column widths if the layout differs from Preview.