Yahoo! Small Business
>
Yahoo! Small Business Help
>
Merchant Solutions
>
Store Manager Help
>
Checkout Manager Help
Adding Headers, Footers, and Side Bar regions
The Checkout Manager provides the ability to wrap your checkout pages with HTML regions. Prior to Checkout Manager, such customization required editing RTML templates and then merchants could only customize the shopping cart page. Merchants can use the Checkout Regions fields to add HTML to any and all checkout pages (see figure 1).
Figure 1: Example checkout page with top and footer regions called out. 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.
To add HTML header, footer, or side-bar regions to checkout pages:
- From the Store Manager, click the "Checkout Manager" link under Order Settings.
- Click the "Global Settings" link.
- Click the "Checkout Wrapper" link.
- 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.
To display the Checkout Regions:
- Return to the Checkout Manager hub and select the "Page Configuration" link.
- Select the option to display your top (header) and/or left (side bar) regions.
Figure 2: Checkout Manager > Page Configuration module > Shopping Cart tab showing the controls for displaying or hiding checkout regions.
- Select other tabs and repeat step 2 for all pages on which you wish to display the top and left regions.
- Click "Save" or click "Preview" to save and view your changes.
- Return to the Store Manager and publish your changes when ready.
All checkout pages will display the HTML entered in the Checkout Regions fields unless you choose to 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 to a secure directory 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