Explaining Career Site Builder Page Components

Objective

After completing this lesson, you will be able to provide an overview of available career site page components for integration.

Page Components

Below is a list of component types that can be added to pages created with Career Site Builder.

This screenshot shows a list of the page component types.

Custom Plugin

  • The Custom Plugin component is ideal for introducing unique, standalone layout components on pages. It enables customers to differentiate the functionality and styling of their career site from other sites.
  • Possible examples:
    • Create page components with different layouts than the standard Career Site Builder components.
    • Integrate custom gadgets or widgets and interactive elements such as videos, sliders, and animations.
    • Provide custom forms.
    • Customize the search bar by embedding it in a "hero" image or expand picklist search options by default.
    • Integrate a third-party application to add a Chatbot or an X, formerly known as Twitter, feed, integrate Qualtrics, enable analytics (pixel tracking), etc.
    This screenshot shows an example of a career site with custom plugin components.
    This screenshot shows an example of expanding picklist search options by default, another use case using custom plugin components.
  • The Custom Plugin component is not intended for:
    • Modifying the header or footer
    • Overriding universal CSS styling
    • Re-writing platform functionality
  • The third-party developer who codes the custom plugin can use any standard web language, such as JavaScript and HTML.

Featured Jobs

  • The Featured Jobs component allows you to display categories of high-profile or hard-to-fill jobs on Career Site Builder pages, usually the Home page.
  • The Featured Jobs component has three configuration tabs: Details, Menu, and Styles.
  • Header text is entered in the Details tab. You can also add an optional button that links to all jobs, other parts of the career site, or external web pages.
  • Add the links to category pages from the Menu tab. Links are displayed in three columns within the component; this is not configurable.
  • In the Styles tab, configure the color of the links, the header text, and the component's background.
This screenshot shows an example using the Featured Jobs component.

Google Job Map

  • For jobs to appear on the Google Job Map component, the location data must be correctly configured.
  • Some of the available options for the map are shown below.

This screenshot shows the Details tab settings on the Google Job Map component.
This screenshot shows the Styles tab settings on the Google Job Map component.
This screenshot shows an example of a job search using the Google job map component.

Image and Text Carousel

  • The Image and Text Carousel component allows you to add a rotating gallery of images to career site pages.
  • The text appears on the left and the image on the right.
This screenshot shows an example of an Image and Text Carousel.

Image Carousel

  • The Image Carousel component displays images only, no text.
  • In the first example, candidates select from the Image Carousel to view jobs for each of the company’s brands.This screenshot shows an example of an Image Carousel.
  • In the second example, the company has included many links to social sites in a carousel.This screenshot shows an example of an Image Carousel with links to social sites.
  • Some customers set the Display Interval to 0 to display a static set of images (does not rotate).

Info and Subscribe Form

  • The Info and Subscribe Form component displays an image or information about the company side-by-side with the Talent Community Subscribe form. Text can be entered to display in the left column of the component, or an image can be selected.
This screenshot shows an example using an Info and Subscribe Form component.

Large Image

  • The Large Image component supports what web designers call "Hero" type images on a website: one image displays across the page. Select the Image Position and Height.
This screenshot shows an example of a career site using the large image component.

Search Bar

  • The Search Bar component is a global setting added at the component level.
  • You can enable the option to Search by Location and change the background color (or image) for each brand.
This screenshot shows an example of a career site using the search bar component.

Subscribe Form

  • The Subscribe Form component adds an email sign-up form for the Talent Community.
  • The Subscribe Form is a smaller page element within a box that’s the full width of the page. You cannot change the orientation or size of the Subscribe Form inside the box.
This screenshot shows an example using a Subscribe Form component.

Text

  • The Text component is a single column of text. You cannot change the size or orientation of the component.
  • As described earlier, in the Details tab, you will enter the text and an embedded link or button if desired.
  • From the Styles tab, set the color of the text and background, or if desired, add a background image.
This screenshot shows an example using a Text component.

Three Column Images with Caption

  • The Three Column Image with Caption component uses a set layout for information on the career site.
  • Each of the three columns in this component has several available features. In each of the columns, you can:
    • Upload an image.
    • Enter header text and/or body text.
    • Display a link by enabling the Show Link option. You can then use the Edit Link menu to choose what type of link you would like to add and the text that will display for the link.
This screenshot shows an example with the Three Column Image with Caption component.
This screenshot shows an example with the Three Column Image component.

Two Columns

  • The Two Columns component consists of an image and text. The options for Image Position normally apply to the full width of the component. For example, if you select Center, the image appears centered across the width of both columns.
  • But if the Refine Image Alignment setting is enabled, the image never extends beyond 50% of the available screen, so it is never wider than half the page. Depending on your Image Position setting, this could mean that the image appears on the left or right half of the page or the center 50% of the page.
This screenshot shows an example with the Two Columns component.

Video

  • The Video component allows you to add videos to Career Site Builder pages.
  • Videos may be embedded from YouTube, Vimeo, and Wistia.
  • From the Details tab, choose whether the video is full width or left or right-justified with text.
  • Also, decide whether you would like the video to auto-start.
  • Select the background and font colors from the Styles tab.
This screenshot shows an example with the Video component.

Log in to track your progress & complete quizzes