Header & Footer
Overview
You can customize an HTML Header and Footer that will be visible across all pages of the site. Sometimes, you can use this to your advantage by placing JavaScript code that you will need to access from other pages of the site in the header or footer.
Navigation: Admin Home Page > Styles and Templates > Header and Footer
Administration
Creating a Header or Footer
- Click Admin to go to the Admin Home Page.
-
Click Header & Footer in the Style and Templates section.
The Header & Footer page opens.
- Do one of the following:
- To create a header: Click Edit for the Header HTML field.
- To create a footer: Click Edit for the Footer HTML field
-
Make changes to the HTML content for the header (or footer), using text and images, by either directly entering the HTML into the boxes, or clicking Edit to open the HTML editor.
- Click Preview to see how the new page will look, click Accept to save the change, or click Cancel to return to the Admin Home page.
Inserting JavaScript into Head element of HTML document
JavaScript can be inserted into the sales user side Head Element of a HTML Document. This allows third party analytic links to be inserted onto the site page so admins may track sales users through the system.
-
Click Admin to go to the Admin Home Page.
-
Click Header & Footer in the Style and Templates section.
The Header & Footer page opens.
-
Click the Use HTML Head checkbox.
The HTML Head section appears below the checkbox area.
-
Enter the text that will appear on the sales side into the HTML Head.
JavaScript cannot be inserted into the admin side Head Element of an HTML Document.
- Click Preview to preview the changes, Accept to apply the changes, or Cancel to discard the changes.
Best Practices
-
In addition to providing consistent branding throughout your site, the Header and Footer can also be used to your advantage by placing HTML to create: menus, navigation bars, drop-downs, rollover effects, floating boxes, or sidebars.
All of this can be done through CSS and does not require any JavaScript.
-
You can use an external editor such as Dreamweaver or Notepad ++ to create your HTML content, and then copy/paste it directly into the text area.
Using an external editor assists with syntax formatting and allows you to save backup copies of your work.
- If you include images in your Header and Footer, upload the image file to the File Manager. Avoid using external images.For more information, see the topic File Manager.
Notes
Notes:
- When a site administrator switches on Alta navigation, the new global header will display at the top of all site pages. Any header content on the Header and Footer settings will be ignored when Alta navigation is enabled.
- If Javascript has been included in the header, the site administrator should move this to the HTML head or footer and thoroughly test all functionality.
Custom headers and footers display on all pages, including pop-up windows.
Header and footer changes take effect immediately after clicking Accept
If you include JavaScript for other areas of the site in the header and footer, make sure that you have designed it carefully so it will not interfere with performance for pages other than the intended.
Related Topics
See Also
