Modifying Your Hosted Career Page

A hosted career page is a public-facing, branded page specific to your company. It is an add-on product that gains your company additional features in addition to the job feed widget. Candidates can search for jobs, add their resume to your candidate pool, or sign up for an email group based on your candidate labels to focus your email communication when posting new jobs.

Out of the box, a hosted career page leverages a mobile responsive design, meaning candidates can search for and apply for a job from their phone or tablet. Your company will receive a custom URL. Our intuitive online editor gives you the options and tools you need to create a flexible design that’s always up to date with a list of your latest positions to create a great first impression and overall candidate experience.

For example, you can easily customize the page to include:

  • Company color scheme
  • Company messaging
  • Logo
  • Video
  • Page layout
  • Job feed layout
  • Menu or no menu
  • Add a custom footer
  • Add your Google Analytics for tracking
  • And much more!

On the Career Page, you can expand any of the available options by clicking the title bar such as for Header, Content, etc. If your career page does not appear like below, you may not have a Hosted Career Page. You can refer to the following article for more information.

ATS_-_Hosted_Career_Page_-_01.png

Navigating to your Career Page
  • Access the career page editor in your ATS by navigating to Administration. Click Career Pages on the left-hand side.

    ATS_-_Administration_-_01.png

    Administration_-_Menu_-_Career_Pages_-_00.png

  • Click Edit by the Career Page Name under the Action column.

    ATS_-_Career_Page_-_Edit_-_01.png

  • A modal like below will appear.

    ATS_-_Career_Page_-_09.png

Career Page Content

For more information about modifying your career page, expand any of the options below.

Header

ATS_-_Hosted_Career_Page_-_Header.png

  • Logo URL - Enabling 'Use Company Logo' with the checkbox, your career page will use the logo located within Administration > Account Information for the header. Otherwise, you can enter a URL into the Logo URL field.

    ATS_-_Hosted_Career_Page_-_Header_-_00.png

  • Header Text - The text that should display in the Header.

    ATS_-_Hosted_Career_Page_-_Header_-_01.png

  • Header Layout - The header layout if a menu is being utilized.

    ATS_-_Hosted_Career_Page_-_Header_-_02.png

  • Menu - If a menu is needed on the page, the below HTML code needs to be placed within the Menu Content Box (NAME should be replaced by the page name linking to and the URL will be replaced with the URL of the website to be linked. The URL must start with https://)
    <ul>
    <li><a href="URL/">NAME</a></li>
    <li><a href="URL/">NAME</a></li>
    <li><a href="URL/">NAME</a></li>
    <li><a href="URL/">NAME</a></li>
    </ul>

    ATS_-_Hosted_Career_Page_-_Header_-_03.png

  • Banner Image URL - URL for the image you wish to display in the Banner. The URL must start with http:// or https://.

    ATS_-_Hosted_Career_Page_-_Header_-_04.png

Content

ATS_-_Hosted_Career_Page_-_Content.png

  • Content Layout - controls the layout of the content on the page.
    ATS_-_Hosted_Career_Page_-_Content_-_00.png
  • Main Content - Input verbiage you wish to display above your listed jobs.

    ATS_-_Hosted_Career_Page_-_Content_-_01.png

    If you want to have jobs listed on the page as well as a search option, the job feed must be placed within the source <> in the main content. Refer to the Job Feed section for additional information about your Javascript Code and Div ID.

    ATS_-_Hosted_Career_Page_-_Content_-_01.5.png

    ATS_-_Hosted_Career_Page_-_Content_-_01.7.png

  • Video - Insert an embed code to add a video to the Hosted Career Page.

    ATS_-_Hosted_Career_Page_-_Content_-_02.png

  • Video Position - Determines the placement of the video on the page

    ATS_-_Hosted_Career_Page_-_Content_-_03.png

  • Google Analytics - Your Google Analytics code/script can be entered here. For additional information and/or assistance with Google Analytics, please refer to Google's resources such as their Analytics Academy or their Developer Resources.

    ATS_-_Hosted_Career_Page_-_Content_-_04.png

  • LinkedIn Widget, Position, and ID - Allows the ability to add a LinkedIn Widget and the placement of the widget on the page.

    ATS_-_Hosted_Career_Page_-_Content_-_05.png

Sidebar

The Sidebar determines the header for the Job Search Bar as well as what fields are needed to appear when searching for jobs.

ATS_-_Hosted_Career_Page_-_Sidebar.png

  • Search Header Title - The title of the Job Search area.

    ATS_-_Hosted_Career_Page_-_Sidebar_-_01.png

  • Talent Sign Up Title - The title that will display when ‘Allow job seekers to join as’ is set to ‘Candidate’

    ATS_-_Hosted_Career_Page_-_Sidebar_-_02.png

  • Outreach Title - The title that will display when ‘Allow job seekers to join as’ is set to ‘Outreach Group’

    ATS_-_Hosted_Career_Page_-_Sidebar_-_03.png

  • Allow Job Seekers to Join As:
    • Candidate - Allows a job seeker to upload a resume from your careers page. The candidate does not have to apply for a position to land within the Candidate Pool in the Arcoro ATS.
    • Outreach Group - Allows a job seeker to enter in their email address and opt in to receive notifications of future job opening for certain job categories

    ATS_-_Hosted_Career_Page_-_Sidebar_-_04.png

Branding

Allows you to customize the colors of your webpages. Within the fields on the branding page, the RGB color needs to be used. The color can be selected with the color selector or by entering the RGB code.  The RGB code is depicted as a sequence of six numbers and/or letters. For example, White would have the value #FFFFFF.

ATS_-_Hosted_Career_Page_-_Branding.png

Advanced Branding

ATS_-_Hosted_Career_Page_-_Branding_-_01.png

This is where CSS can be applied. Anyone familiar with CSS can apply custom styling to enhance the look and feel of the hosted career page. If used, you will be responsible for updating your own branding. Some common examples of CSS used within this page:

  • Button color text white - .button, button, input[type="submit"], input[type="reset"], input[type="button"] {background-color: #RGB; color: #ffffff;}
  • Banner image at 100% displaying across page - button, button, input[type="submit"], input[type="reset"], input[type="button"] {background-color: #RGB; color:
  • Removed or changing color of the EEO Statement - #EOEStatement {display: none;} #EOEStatement {color: #RGB;}
Footer

ATS_-_Hosted_Career_Page_-_Footer.png

  • Footer Layout - Determines the position and look of the footer.

    ATS_-_Hosted_Career_Page_-_Footer_-_00.png

  • Footer - The text entered here will be contained in the footer.

    ATS_-_Hosted_Career_Page_-_Footer_-_01.png

  • Footer Logo URL - Enabling 'Use Company Logo' with the checkbox, your career page will use the logo located within Administration > Account Information for the footer. Otherwise, you can enter a URL into the Logo URL field.

    ATS_-_Hosted_Career_Page_-_Footer_-_02.png

Job Feed

ATS_-_Hosted_Career_Page_-_Job_Feed.png

  • Heading - Will display above the job listings.

    ATS_-_Hosted_Career_Page_-_Job_Feed_-_00.png

  • Groupings - Determine how to group your jobs on the career page.

    ATS_-_Hosted_Career_Page_-_Job_Feed_-_01.png

  • Additional Options - Checkboxes that allow you to display additional items on your Hosted Career Page.

    ATS_-_Hosted_Career_Page_-_Job_Feed_-_02.png

  • Click here to see Javascript code - Clicking here will display the Javascript and Div ID needed for your job feed code. You can also reference the Main Content option under Content on how this can be used.

    ATS_-_Hosted_Career_Page_-_Job_Feed_-_03.png

    ATS_-_Hosted_Career_Page_-_Job_Feed_-_04.png

Was this article helpful?
0 out of 0 found this helpful