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.