Configuring the Checkout - Quote Complete system page design settings - Essentials

In the Quote Complete page, accessed via the PAGES tab of the Website Editor under the SYSTEM PAGES section, you can edit the design settings of the Quote Complete form. These settings allow you to configure the design options of the Quote Complete form.

To configure the Quote Complete 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 Quote Complete page tab.
   
4. Mouse over the Order Complete widget in the content area of the Quote Complete page.
5. Click on the down arrow beside the form icon.
6. Choose the Order Complete Settings item from the drop-down menu.
   

   The Order Complete Settings popup will be displayed, with the Settings Tab selected.

   
7. Configure the settings for the Order Complete Widget.
   • Continue Shopping Button Label: lets you modify the name that will appear on the Continue Shopping button.
8. Configure the design settings for the Order Complete Widget.
   
   • Heading: lets you configure the heading font style and color.
     • Click on the font name to configure the link font style using the Font popup. Click here for instructions.
     • Click on the color spot to choose a text color for the link using the Color popup. Click here for instructions.
   • Text: lets you configure the font and color of the text in the form.

     The procedure for configuring the text font is the same for editing the font style in the Style Editor. Click here for instructions.

     The procedure for configuring the text color is the same for editing an element's color in the Style Editor. Click here for instructions.

   • Standard: lets you configure the Standard button style. A Standard button links to another page on the website. In the case of the Order Completed form, the Continue Shopping button is the Standard button.

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

   • Important Action: lets you configure the Important Action button style. An Important Action button invokes a specific command. In the case of the Order Completed form, the View Order button is the Important Action button.

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

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