Configuring the Checkout - Confirm system page design settings - Essentials

This article applies specifically to the Essentials plan. Users on higher plans should read the Configuring the Checkout - Confirm system page design settings help article instead.

In the Confirm page, accessed via the PAGES tab of the Website Editor under the SYSTEM PAGES section, you can edit the design settings of the Checkout Confirm form. These settings allow you to configure the layout and design options of the Checkout Confirm form. You can also edit the settings of the Shopping Cart that is on the page. Click here for instructions on how to edit the Shopping Cart settings.

To configure the Confirm system page design settings:

1. Click on the PAGES button in the Website Editor Toolbar.
   
2. Click on the + icon at the left of the Checkout tab to expand the Checkout pages menu.
   
3. Click on the Confirm page tab.
   
4. Mouse over the Checkout Confirm widget in the content area of the Confirm page.
5. Click on the down arrow beside the form icon.
6. Choose the Checkout Confirm Settings item from the drop-down menu.
   

   The Checkout Confirm Settings popup will be displayed, with the Design Tab selected.

   
7. Select a Login Layout style for the form.
   • Label Above: displays labels above fields in the Checkout Confirm form.
   • Label Left: displays labels to the left of fields in the Checkout Confirm form.
8. Configure the design settings for the Checkout Confirm Widget.
   • Step Number Total: lets you choose whether to display the total number of steps of the checkout process.
     • Show: displays the total number of steps of the checkout process.
     • Don't Show: hides the total number of steps of the checkout process.
   • Breadcrumb Display: lets you choose if/where the breadcrumb is displayed.
     • None: hides the breadcrumb.
     • Standard: displays the standard breadcrumb - a linkable path of the checkout process steps.
     • Numbered: displays the breadcrumb with the step number before each step name.
     • Worded: displays the breadcrumb with labels above the step name.
   • Previous Step Link: lets you choose whether to display a link to the previous step of the checkout process.
     • Show: displays a link to the previous step of the checkout process.
     • Don't Show: hides the link to the previous step of the checkout process.
   • Heading: lets you configure the heading font style and color.
     • Click on the font name to configure the font style using the Font popup. Click here for instructions.
     • Click on the color spot to choose a text color using the Color popup. Click here for instructions.
   • Label: lets you configure the label font style and color.
     • Click on the font name to configure the font style using the Font popup. Click here for instructions.
     • Click on the color spot to choose a text color using the Color popup. Click here for instructions.
   • Button: lets you configure the submit button style.

     The procedure for configuring the submit button style is the same as for editing the button style in the Style Editor. Click here for instructions.

   • Button Label: lets you modify the name that will appear on the Submit quote request button.

   You can configure the font properties of the text style for the Step Number Total, Breadcrumb Display and Previous Step Link by clicking on the brush icon beside the drop-down box. The Font Popup will be displayed. Click here for instructions on how to configure the properties in the Font Popup.

9. Click OK.
10. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.