Order Form: 2-Step

Modified on Wed, 11 Sep at 12:40 PM

The Single-Step Order Form feature is an effective way to gather customer shipping details and other relevant information. To customize it, select the element to access its settings in the builder’s right-hand panel.


General Settings


General Settings


Element Label
You can either keep the default element title or modify it to suit your preference.


Element Name



Text Alignment
Adjust the alignment of your text (left, center, right, or justified) using the Text Align option.


Text Align


Button Color
Choose from pre-set button colors, or enter a specific color code to add a custom shade.


Button Color


Button Text Color
Customize the text color on the button in the same way as the button itself—select from options or add a custom color via code.


Button Text Color


Button Size
Adjust the button's size with options ranging from Extra Small to Extra Large.


Button Size


Button Style
Select your preferred button design from Flat Color, Gradient, Subtle Style, or Border Bottom.


Button Style


Input Field Background Color
Customize the background color for input fields, choosing from a set palette or by adding a custom color code.


Input Background Color


Form Corner Radius
Adjust how rounded the corners of the form fields are.


Form Corner


Typography
Select a font for your form from the drop-down menu, using either preset fonts or a custom one from the list.


Typography Type


Button Actions


Sale Actions
Determine what happens when the button is clicked. You can choose to:

  • Proceed to the next step in your funnel or website.

  • Redirect the customer to a specified URL.

  • Navigate to a different step within the same funnel or website.

    Button Actions


Advanced Settings


Advanced Settings


Headline and Sub-Headline
You can modify both the headline and sub-headline or leave them as they are.


Headline
Sub-Headline


Company Name Field
Enable or disable the company name field depending on whether you need this information from the customer.


Toggle Company Name


Full Name Validation
Enable validation to ensure full names entered consist of at least two parts and disallow certain special characters.


Full Name Validation


Email and Phone Fields
You can modify the descriptions for both the email and phone fields or choose to hide the phone field entirely.


Email Address
Toggle Phone


Country Picker and Shipping Fields
Enable a country picker for customers, and decide whether to display shipping information fields like address, city, state, and postal code.


Shipping Headline


Payment Options

Customize payment-related fields, including headline text, product selection prompts, price summaries, and action button text.


Payment Options


Main Product and Order Bump Options
Enable options for adding multiple products to a cart or an order bump. Customize the description, pricing details, and call-to-action text for upsell products.


Order Bump


Coupons and Terms & Conditions
Offer customers the ability to enter discount codes and require them to accept terms and conditions before placing an order.


Coupon Options


Other Advanced Features

  • Sticky Contact: Retain customer information across form submissions.
  • New Contact on Every Purchase: Toggle this setting to create new customer records for every order.
  • Validate Disposable Email: Prevent the use of temporary or disposable email addresses.
  • Device Visibility: Control whether the form appears on mobile devices, desktops, or both.
  • Custom Classes and CSS Selector: Use these fields to add custom styling to the form.


Custom Class
CSS Selector

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article