What you will need:

Step 1: 2-Step Order Element Settings

  • Hover your mouse over the 2-step order element and click on the Gear icon on the orange border.
  • Edit the element and adjust the Settings as desired.
  • Top Margin - Add space above the element.
  • Preview Steps - Click on show Step #1 or Step #2 of the 2-step order form in the editor.
  • Edit Step #1 - Select whether to show or hide Step 1 Settings.
  • Edit Step #2 - Select whether to show or hide Step 2 Settings.
  • Back to Shipping Text - Enter text to return back to step 1.
  • Font Family - Select a font.
  • Button Text - Select a color for the button text.
  • Button Color - Select a color for the button.

Step #1 Settings

  • Step #1 Headline - Enter the headline.
  • Step #1 Sub Headline - Enter the sub headline.
  • Full Name - Enter helper text for this field.
  • Email Address - Enter helper text for this field.
  • Phone - Enter helper text for this field.
  • Address - Enter helper text for all address fields.
  • Step #1 BTN Text - Enter text for the button on Step 1.
  • Step #1 BTN Sub Text - Enter sub text for the button on Step 1.
  • Button Footer Text - Enter footer text below the Step 1 button.

Step #2 Settings

  • Step #2 Headline - Enter the headline.
  • Step #2 Sub Headline - Enter the sub headline.
  • Select Item Text - Enter text above the item name area.
  • Select Price Text - Enter text above the price area.
  • CC Text - Enter helper text for all credit card form fields.
  • Summary Item Text - Enter text above the summary item area.
  • Summary Price Text - Enter text above the amount area.
  • Bump Headline - Enter headline for the order bump.
  • OTO Headline - Enter headline for the paragraph text.
  • OTO Text - Enter paragraph text for the order bump.
  • Step #2 BTN Text - Enter text for the button on Step 1.
  • Step #2 BTN Sub Text - Enter sub text for the button on Step 1.
  • Button Footer Text - Enter footer text below the Step 1 button.
  • Back to Shipping Text - Enter text to return back to step 1.
  • Button Text - Select a color for the button text.
  • Button Color - Select a color for the button.

Advanced Style Settings

  • Toggle Phone - Select whether to show the phone number field in Step 1.
  • Toggle Shipping - Select whether to show the shipping fields in Step 1.
  • Toggle Order Bump - Select whether to show the order bump in Step 2.
  • Form Style - Select the style for the order form.
  • Form Corners - Select square edges or the amount of rounding for the order form.
  • Form BG Color - Select the background color for the fields on Step 1.
  • Form Text Align - Select the alignment of the helper text in the fields.
  • Button Size - Select the size of the buttons.
  • Button Style - Select the style of the buttons.
  • Button Icon - Select an icon for the button.

If you have any questions about this, please contact our support team by clicking the support icon in the bottom right-hand corner of this page.

Did this answer your question?