Order Form: 2-Step

The Dual-Step Order Form helps collect essential details such as customer contact information and shipping preferences. This form is divided into two parts: one for contact details and another for shipping information. By selecting the form, you can access its settings on the right-hand side of the builder interface.

Basic Configuration

Element Title
In the basic configuration settings, you'll see the default title for the element you're working on. You can either keep this name or customize it to fit your needs.

Text Alignment
Adjust the text alignment to left, center, right, or justify, depending on your preference.

Button Color
Change the button color by selecting the desired shade from the available options. For a custom color, input the hex code and click "add color."

Button Text Color
Modify the button text color in a similar way by choosing from the palette or entering a specific hex code.

Button Size
You can resize the button to suit your form, choosing from Extra Small to Extra Large.

Button Design
Select a button design from the available styles, such as Flat Color, Gradient, Subtle Style, or Border Bottom.

Background Color
For the form's background, pick from the preset colors or input a custom color using the hex code field.

Corner Styling
You can round the corners of the form fields to your preference.

Font Selection
Choose a font style from the dropdown, either using the default settings or opting for a custom font.

Button Actions
This option lets you define what happens after the button is clicked—move to the next step, redirect to a website URL, or navigate to another part of the form.

Advanced Configuration

Step 1:
This part of the form collects essential customer details.

Headlines
Customize the main and sub-headlines or keep the default text.

Company Name Field
Toggle this option to show or hide the Company Name field.

Full Name Field
Add a field for Full Name and enable validation to ensure the input follows standard naming conventions.

Email Address
This option lets you modify the email field description.

Phone Number
Display or hide the Phone Number field as needed.

Shipping Information
Toggle the shipping fields on or off, and customize fields such as Address, City, State, and Postal Code.

Button Text
Customize the text on the button that advances users to Step 2.

Additional Features

Order Bumps
Enable order bumps to add more products or offers during checkout.

Coupons
Add a field for customers to apply discount codes during the purchase.