Checkout & Registration Manager allows you to set global styles for your checkout buttons. This allows you to quickly set up styles for your primary and secondary checkout buttons. You can choose between default HTML form buttons or use custom CSS buttons where you select the font type and font color as well as button background color. If you want even greater control, you can customize individual checkout buttons including uploading your own images or switching to text links. You can also use a custom CSS file to have more control over the design of checkout buttons.

Your custom checkout pages contain various buttons that perform actions such as allowing a buyer to navigate through your checkout flow or edit the information on checkout pages. All buttons are grouped into two categories: primary or secondary. This grouping allows you to edit buttons that perform similar actions and apply a consistent style to all buttons in that category.

Primary Buttons - main buttons that help user navigate through your checkout pages

• Checkout - appears on the shopping cart page and takes user to shipping page.
• Continue - appears on shipping and billing pages and takes shopper to next step.
• Keep Shopping - appears on the shopping cart page and returns the shopper to the product page for the item last added to the cart.
• Place Order - appears on the order confirmation page or on the one-page checkout to complete the checkout process.

Secondary Buttons - auxiliary buttons that allow editing of checkout information

• Update Quantity - appears in shopping cart section and allows shopper to update item quantities.
• Edit - appears in shipping and billing section of order review page and allows shopper to return to edit this information.
• Apply - appears in shipping calculator and coupon section and allows shopper to update their zip/postal code or apply a coupon to their order.

Edit the global button style for primary or secondary buttons

1. Sign in to your My Services page.

2. Click the Store link.

   

3. Go to Checkout & Registration Manager.
   
4. Go to Visual Customization.
   
5. You will be taken to the Global Styles page in the Configurable Styles area.
   
6. In the Checkout Buttons area, select or enter options for the elements you wish to customize:
   • Default - Displays standard HTML form buttons.

   • Custom - Allows you to select colors and font type (a preview of the button style appears below these fields).

     • CSS Button Font:
       • Type - Select a font type for use in the button.
       • Color - A hexadecimal color value (for example #0000FF for blue) or click the color picker link to select a color from a limited palette of colors for the font appearing in the button.
     • CSS Button Background - Enter a hexadecimal color value (for example #0000FF for blue) or click the color picker link to select a color from a limited palette of colors for the background of the button.

     
     Note: A preview of each font type will automatically appear on the Preview button.

7. Click the Save button when finished or the Save & Preview button to save and view your changes.
   
8. Return to the Store Manager and publish your Order Settings.
   

See Also:

• Customize individual checkout buttons
• Using a custom CSS file