1-Step Order Form
Using the 1-Step Order Form Element is a great way to obtain shipping details regarding your customer, along with other useful information. Select the element to open its settings on the right-hand side of your builder.
General Settings

Element Name
You have the option to keep the default title or rename it according to your preferences.

Text Align
Additionally, under the Text Align option, you can adjust the position of your text, either left, center, right, or justify it.

Button Color
To customize the button color of your order form, simply click on the desired color from the available options.
In case the desired color is not available, you can add a custom color by typing its code in the designated field and clicking Add Color.

Button Text Color
Similarly, under Button Text Color, you can customize the color of the text displayed on your order form button by selecting the desired color option.
If you cannot find the color of your choice, you can add a custom color by entering its code in the provided space and clicking Add color.

Button Size
Under Button Size, you can adjust the size of your button according to your preference. You can choose from Extra Small to Extra Large sizes.

Button Style
For Button Style, you can select a style for your button by choosing from the available options: Flat Color, Gradiant, Subtle Style, and Border Bottom.

Input Background Color
Under the Order Form Customization feature, you can add a background color to your order form input by selecting the desired color.
If the desired color is not available, you can add a custom color by entering its code in the provided field and clicking Add Color.

Form Corner
Under Form Corner, you can adjust the degree of curvature for the edges of your form fields.

Typography Type
For font customization, you can choose the font type for your form by selecting options from the dropdown. You can opt to use the headline or content font that was set up in the settings or select a custom font from the provided dropdown, giving you a vast selection of fonts to choose from.

Button Action
Sale Actions
Under Button Action, you have the option to choose between going to the next step, a website URL, or to another step within the funnel or website.
Go to Next Step: When selected, the customer will be taken to the next step in your funnel/ website builder.
Go to website URL: When selected, this option will require you to enter the website URL the order form should be redirected to when submitted.
Select a Step: This option allows you to choose another step in your funnel/ website which the order form should display when submitted.

Advanced Settings

Headline
You will see the default headline name here, and you can either keep it as is or rename it.

Sub-Headline
Similarly to the Headline, you can decide to change it or leave it as it is.

Toggle Company Name
You can decide to show a form field for the "Company name" or you can hide it.

Company Name
You can edit the description in the company name form field here.

Full Name
You can edit the description in the full name form field here.

Full Name Validation
Enable this option to check for valid full names. When this feature is enabled, names entered must consist of at least two parts. Additional validations will be applied, such as disallowing names with two consecutive special characters and restricting the use of certain special characters.

Email Address
You can edit the description in the email address form field here.

Toggle Phone
You can decide to show a form field for the Phone number or you can hide it.

Phone Number
You can edit the description in the Phone number form field here.

Enable Country Picker
You can toggle on or off the country picker here.

Toggle Shipping
You can decide to show a form field for the Shipping info or you can hide it.

Shipping Headline: You will find the default shipping headline name here, which you can choose to keep or rename as desired.
Address: You can edit the description in the Address form field here.
City: You can edit the description in the City form field here.
State/Province: You can edit the description in the State/Province form field here.
Zip/Postal Code: You can edit the description in the Zip/postal code form field here.

Payment Options
Payment Headline: Enter a concise, action-oriented headline here.
Select Item Text: Include clear instructions or prompts for selecting products or services.
Select Price Text: Customize the text to be shown as the header for the price column.
Summary Item Text: Create a headline suitable for providing a summary of the items or services the customer has selected.
Summary Price Text: Customize the text to be shown as the header for the summary price column.

Button Text
Under Button Text, you can customize the text displayed that allows customers to confirm the order.

Sub Button Text
You can add a sub-text to the button by inputting a text here.

Footer Text
You can add any other information you want your visitor/client to be aware of here. This text will be displayed below the button.

Enable Postal Code and Country
You can enable or disable the option to show the postal code and country here for Authorize.net and NMI connections. The zip code and country information that's collected will be forwarded to the payment provider as the billing details.

Main Product Options
Enable Cart Mode: This feature enables customers to add multiple products to a cart before proceeding to checkout.
Product Description: Provide detailed information about your product directly within the order form from the description set in the Products tab. This option is disabled by default in both new and existing order forms.
Pricing Information: Display the recurring and trial information by enabling this setting. This toggle is enabled for new funnels.

Order Bump Options
Enable Order Bump: Toggle this switch to enable order bumps to your order form.
Add Bump Product: Click this button to begin the process of adding a bump product to your order form.
Select Product: You can select the product you would like to add from the dropdown.
Headline: Create a compelling title for your order bump offer here.
(One Time Offer) OTO Headline: Encourage upsells by adding an attention-grabbing headline used to highlight a special, limited-time offer.
OTO Text: Add descriptive text to your One-Time Offer (OTO) in this section.
Image URL: Select an image from your media library or enter the URL of the image to be displayed.
Enable by default: "Enable by default" allows you to set the order bumps to turn on by default.

Coupon Options
Offer discounts to your customers using promotional codes by toggling the “Enable Coupon Codes” switch.

Terms and Conditions
Enabling this feature allows the terms and conditions checkbox to be present on both steps for 2-step order forms. Customers will have to agree to the specified terms and conditions to proceed with the order.

Sticky Contact
To add or remove the sticky contact, use the toggle button located under the Sticky Contact feature.

New Contact on Every Purchase
If you want to create a new contact for every purchase, toggle on or off the New Contact on the Every Purchase tab.

Validate Disposable Email
When enabled, the system checks if the email address entered belongs to a disposable email provider (e.g., temporary email services often used for spam or temporary purposes) to ensure that only valid emails will be entered into the system.

Visibility
You can decide if you want the order form to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Custom Class
In the Custom Class field, you can enter your preferred class to customize the form field.

CSS Selector
If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.

Last updated
Was this helpful?