From Appearance→Styles→Headers, configurations are made for each language and brand. Several options are configured on the Details page.
Choose whether to have the header always displayed on Desktop devices, select where the logo is displayed, and determine whether the header is to extend the full width of the site or centered.
From Header Style, you can choose to configure a custom header. Details are included later in this section.
If a custom header is not selected, you also enable the sign in the widget and local selector.
Header Logo
From the Logo page, upload the logo for the header.
When a candidate clicks the logo, they should be returned to the home page of the career site. For the Click URL (href) field, we recommend using the relative link (/) to represent "Home".
Header Menu
From the Menu page, build the links for the header.
Hint
Header Links
To add the header links, choose Add and select the type of link you want to add:
Category link – Links to existing category pages.
Content – Links to existing category pages.
Cookie Consent Manager – Opens the Cookie Consent Manager.
External – Links to external sites or other pages in the career site.
Home Page – Links to existing home page. When brands are enabled, the home page link takes the user to that brand’s home page.
List – Displays a dropdown link.
TC Join – Links to subscribe page (Join Talent Community).
Top Jobs – Only used in the footer. The Top Jobs page contains system generated pages that correspond to the top job searches that directed users to the career site.
View All Jobs – The out-of-the box setting is only used in the footer.
External Link Types
Use the External type to link to external site or to other pages on the Career Site Builder site.
When linking to an external site, always select YES for New Session, so that the page opens in a new window.
To link to another page on the CSB career site, select NO for New Session. See more information under View All Jobs.
Relative Links
When linking to another page on the career site, use relative links whenever possible so that the URL does not need to be replaced when moving the site from Stage to Production.
Some examples of relative links include the following:
/ = Home pages: Often used for headers, footers, and logos, when placed on a different branded page.
/Red/ = Home page for the Red brand
/search/ = View All Jobs: Used in the Header, Featured Jobs component
/Red/search/ = View All Jobs for only the Red brand
The first screen capture in the figure above shows how to create a header link to the Default Brand home page. The second screen displays how to link to the Red home page.
Note that locale is sticky, meaning that the locale does not need to be called out when using a relative link.
List Link Type
When you select the List link type, a dropdown list appears in the header. You can choose any Type link to add below this list.
For example, add "Career Opportunities" as a header link by using the List type, then choose +Add, and select the Category type link. All of the category pages are displayed and can be added to the dropdown list.
Another example is for a Why Work Here list link. When you choose +Add and select the Content type, all existing content pages display in the list to choose from.
View All Jobs Link Type
Note that the View All Jobs link type is only used in the footer. To add a link to view all jobs in the header or on the home page, such as the View All Jobs button in a Text or Featured Jobs component, use an external link, not the View All Jobs option. Do not open in a new session and use the relative link /search/.
Landing Page Links
Most customers do not link to landing pages on their career site from within the site. For this reason, a link type is not provided for landing pages, so you will not be able to use a relative link. Use the External link type and link directly to the landing page URL.
When moving the site to production, you will need to manually replace any non-relative links from the stage environment, for example, links to landing pages.
