Recruitment Marketing Public

A theme determines the overall look and feel of your career site. It encompasses those elements that are central to your brand aesthetic, such as colors and fonts. When it comes to attracting and engaging candidates, first impressions count - which is why it's important that you take some time to get your theme right. Recruitment Marketing allows you to create themes to your own brand specifications, ensuring that your online visitors enjoy a cohesive and consistent brand experience - from your corporate site homepage right through to your career site and jobs pages.

This is not to be confused with the Recruitment module Job Pages.

Creating a theme

1. From the side menu, under Organisation, click Themes.
2. Click the New button.
3. On the New Theme page, complete the following:
   1. Theme Name: Enter a name.
   2. What kind of theme would you like: Whether you are creating a theme for use with pages on your career site, or with email.
   3. What existing page theme is this based on: Select which version of Bootstrap should be used as the basis for this theme (we recommend Modern - Bootstrap 5).
4. Click the Save button.
5. On the Edit Theme page, click the Colours tab
   1. Using the individual drop-downs and paying attention to your brand guidelines, set the hex colour code for each of the following theme components:
      1. Text (including Header H1, Header H2, Header H3, Link, and paragraph/body Text)
      2. Header/Footer (including Footer Background Colour, Footer Foreground Colour, Header Background Colour, and Header Foreground Colour)
         
6. Click the Save button to keep the settings.
7. Click the Fonts tab to determine which fonts will appear on your career site and jobs pages. Fonts can also be added through the CSS, using the import method. Alternatively, the @font-face CSS rule can be used by uploading the font files to the Hosted Files section.
   Recruitment Marketing supports the use of 3rd party fonts. To import custom fonts, refer to the W3 Schools guide.
8. Click the CSS tab to add any custom CSS code and styling. This will automatically override the default theme it was based on.
9. Click the Javascript tab to add custom Javascript.
10. Click the Layouts tab to add any custom headers and footers
    1. Header and menu HTML to be added under <!-- custom headers and menus -->
    2. Footer HTML can be added under <!-- custom footer -->
       
11. Click the Hosted Files tab to upload logos and/or social media icons, or fonts as mentioned above. The files must be zipped in a folder for upload, and it is best to separate the fonts from the images.
12. Click the Third Party Analytics tab to enter:
    • Google Tag Manager Tracking Code or Google Analytics UA code: e.g., UA-1234567.
      Related: Google Analytics
    • Meta Pixel Code / ID
    • LinkedIn Partner ID
13. Click the Save button to keep the settings.

Applying a theme to a page

There are two ways to add a theme to a page:

Outside the page editor

1. From the side menu, under Content, click Web Pages.
2. Click the name of the relevant web campaign.
3. Next to the relevant page, click the more actions (ellipses) icon and select Settings.
4. In Edit Page Settings, click Appearance & Behaviour.
5. From the Theme drop-down, select the relevant theme.
6. Click the Save button.

Inside the page editor

1. For the relevant page, access the Page Editor.
2. From the top right corner, click on the Settings button, then select Settings from the drop-down.
   
3. In Edit Page Settings, click the Appearance & Behaviour tab.
4. From the Theme drop-down, select the relevant theme.
5. Click the Save button.

Setting the default page theme

If required, you can set a default page theme as follows:

1. From the side menu, under Company, click Settings.
2. Under Web, click Page themes & routing.
3. From the Default Theme drop-down, select the relevant item.
4. Click the Save button.