The Checkout & Registration Manager provides the ability to wrap your checkout pages with HTML regions. Merchants can use the Checkout Regions fields to add HTML to any and all checkout pages.
Note: When adding a side bar region, the contents will appear between the header and footer regions and will push the main content to the right.
Add HTML header, footer, or side-bar regions to checkout pages
- Sign in to your My Services page.
- Click the Store link.
- Go to Checkout & Registration Manager.
- Go to Global Settings.
- From the Checkout Wrapper tab, enter or paste the HTML you wish to appear in the appropriate field of the Checkout Regions section (please review notes for possible issues):
- Top Navigation - Enter or paste HTML to appear along the top of checkout pages such as your logo, an image, or navigation links.
- Side Navigation - Enter or paste HTML to appear below the header, above the footer, and to the left of the main body contents of checkout pages such as your section or item page links.
- Footer - Enter or paste HTML to appear along the bottom of checkout pages such as copyright information or links to privacy or refund policy pages.
- Click the Save button when finished or the Save & Preview button to save and preview your changes.
- Return to Store Manager and publish your Order Settings.
Single-page checkout will display the HTML entered in the Checkout Regions fields. Multi-page checkout users can choose to display or hide checkout regions on specific pages.
Notes:
- Since your checkout pages are served securely (https), you need to upload any images or other files referenced in your checkout regions using a secure URL or your shoppers will see a warning that not all items on the page are secure.
- Enter absolute path to any links (for example http://www.acme.com/widgets.html) rather than relative paths (widgets.html) as the order servers on which checkout pages are served will not redirect to your domain.
- Enter only code that appears within the BODY tag of a page. Do not enter code that appears in the HEAD section of the page. Follow these instructions to enter code into the HEAD section of the page
- The default value for checkout regions is hide. If you switch checkout flows (from multi-page to single-page or separate shipping and billing to combined, you will need to go to those pages in the Page Configuration module and select the option to show your header and side bar regions. The footer region is always on.
See Also: