Configuring the Checkout - Order Complete system page design settings

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

To configure the Order 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 Order Complete page tab.
   
4. Mouse over the Order Complete widget in the content area of the Order 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.
   • View Order Button Label: lets you modify the name that will appear on the View Order button.
8. Click on the Design tab to 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. See the Configuring Font Settings for Links article for instructions.
     • Click on the color spot to choose a text color for the link using the Color popup See the Using the Color Popup article 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 as for editing the font style in the Style Editor. See the Style Editor article for instructions.

     The procedure for configuring the text color is the same as for editing an element's color in the Style Editor. See the Style Editor article 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. See the Style Editor article 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. See the Style Editor article 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.