Career Site pages and sections

This part of the career site builder is used to set up every visitor-facing element on the career sites.

Every platform can have several career sites with their own unique domains. Each career site will also create a new media that jobs can be published to. This makes it possible to have two sites, each one showing different jobs with their own unique layout and URL.

The different sites are shown on one list, when mousing over a page you get the option to view, duplicate, edit, and delete a site. The site marked with a green border and check mark is the primary career site.

The delete option will not appear if you are viewing the site that you wish to delete and a site with active jobs/talent pools published will not be deleted, until the positions are removed from publishing.

Career Site Pages

The pages area in the career site builder is used to set up specific pages on each career site. Each page has its own sections, sub-pages, and functionality meaning tht what is shown on each page is defined manually.

Icon explanation:

Plus: Create a new page on the career site.
Gear: Settings for the career site. Read more about this here.
Blue eye: The page is shown in the navigation bar of the career site.
Red Eye: The page is not shown in the navigation bar of the career site, but the page can still be accessed with the correct URL.

Page sections

Sections

There is no limit to how many sections a page can have, but every section added to the page will be shown to the visitors so adding many sections would also cause the page to be longer and visitors would have to scroll more though the page.
Each section can be edited, duplicated, and deleted from the career page. Changes done to a section that have been saved and published are not recoverable.

Banner

The Banner section is used to make a responsive banner on the page. The banner can have a solid color, photo or a looping video, with the option to add text at the same time.

The banner's Layout tab is used to define the width of the section.

The banners Styling tab is used to define the height and background of the banner section.

A defined height is required for anything to be visible.

The Background area is where the content of the banner is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole banner section one solid color.

The Content tab is used for text or for an embedded video to be visible above the defined background of the banner.

Embedding a video will embed the video player from the media platform.

If a looped background video is desired, without video player, then the video should be uploaded to the background area in the Styling tab.

The Link to page tab is used to create a clickable link button which goes above the defined background.

If Page is chosen, then a specific page or sub-page will be visible whenever the button is clicked.

If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Text image:

	The Text Image section is used for a header, sub-header, and plain text section. It is possible to have an inline photo with the text, just add a background and a link button to the section.
	The text image sections Layout tab is used to define text/inline photo placement or plain text placement without image. The sections width can also be defined here.
	The Styling tab of the text image section is used to define a height for the section and background image/color/video. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab is used to define the headline, sub headline, and text for the section. The Text part is a text box, so it is possible to use own formatting for content in this box. The Image area is used to define the inline image. If a layout without image is chosen, then no image will appear once uploaded to the tab. All fields in this tab are optional.
	The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen, then a specific page or sub-page will be shown whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Gallery:

	The Gallery section is used to make an image gallery. The gallery is displayed as a carousel slideshow and has the option to turn on/off auto-play.
	The gallery Layout tab is used to defined the width of the gallery.
	The Styling tab of the gallery section, is used to define a height for the section, the gallery and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab is used for defining a headline, sub-headline, and the images to be shown above the defined background of the gallery.
	The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen, then a specific page or sub page will be shown whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Video

	The Video section is used to define up to 3 embedded videos on the career site.
	The Layout tab of the video section is used to define the setup of the embedded video. Here we define how many videos to show. The sections width can also be defined here.
	The Styling tab of the video section, is used to define a height for the section, and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab is used for a headline, sub-headline, and the links to the embedded videos to be visible above the defined background of the banner.
	The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen, then a specific page or sub-page will be shown whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Perks and benefits:

	The Perks and Benefits section is used to show inline-blocks. These inline-blocks does not have to show perks and benefits, but can show anything desired.
	The Layout tab of the perks and benefits section is used to define the placement of the inline blocks. These choices do not limit the amounts of blocks that can be made and is only used to define placement. The sections width can also be defined here.
	The Styling tab of the Perks and benefits height section is used to define a height for the section and the height for each block and section background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab is used for a headline, sub-headline, and the perks and benefits (blocks). Each perk and benefit will be its own block on the page. There is no limit to how many perks and benefit blocks can be made.
	The Styling tab of a perk and benefit block is used to define a background image, video or color for the specific block. The Background area is where the background of the block is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab of a perk and benefits block is used to define what is shown on the individual block. An Icon will display with the headline and sub-headline if defined. An Image will display an image with the headline and sub-headline if defined. A Number will display a defined with the headline and sub-headline if defined.
	The perks and benefits section has two Link to page tab. Defining a link on specific perk and benefit will display the button in the same block while defining a link on the section will display the button at the end of the whole section. The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen, then a specific page or sub-page will be visible whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Team

	The Team section is used to show an image along with a name and title. Usually, this section is used to show the main team members. Each team member will have a photo, a name (headline) below the photo, and a title (sub-headline) under the name.
	The team Layout tab is used to define the width of the team section.
	The Styling tab of the team section is used to define a height for the section and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab of the team section, is used to define a headline and sub-headline for the section and the team members. A new team member is added by pressing Upload photo, uploading an image and optionally, and writing in the Name and Title.
	The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen, then a specific page or sub-page will be shown whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Quote

	The Quote section is used to define quote viewing sections on the page. This section would usually be displayed with a picture of a team member and a quote.
	The Layout area of the quote is used to define placement of text and image. This tab is used to define the width of the section.
	The Styling tab of the quote section is used to define a height for the section and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be shown. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab will allow you to define a headline, sub-headline and quotes. Each quote is made by pressing the Upload photo button. Only the image is mandatory, all other fields are optional.
	The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen then a specific page or sub-page will be shown whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Map

	The Map section is used to create a Google map section with pins to one or more locations.
	The map Layout tab is used to define the width of the map section.
	The Styling tab of the map section is used to define a height for the section, the height of the map, and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab will let you define a Headline and Sub-headline for the section. This area is also used for the map pins. Each location added will add a pin on the defined location. The title and address information will appear when hovering over each pin. Each pin goes on the same map, which will automatically zoom out based on distance between pins.
	The Link to page tab is used to create a clickable link button that goes above the defined background. If Page is chosen, then a specific page or sub-page will be shown whenever the button is clicked. If External is chosen, a URL for the external page will have to be defined after which the button will link to the defined URL.

Jobs

The Jobs section is used to show published positions and talent pools on the page.

Each job section can be filtered into different job elements, so only the correct positions show for each job section.

The Layout tab of the job section is used to define placement and how the jobs should appear when the list is loaded.

This tab is also used to define the width of the section.

The Styling tab of the jobs section is used to define a height for the section, and background image/color.

The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.

The Content tab is used to define a Headline and Sub-headline for the section.

Any filter option chosen will add the option to filter out jobs based on defined criteria for visitors of the site.

Information to be shown is defined in the Information area. This is used to choose what information about each job is displayed on the list.

The Settings tab is used to define how many jobs are loaded at a time, sort order and limitation.

The Jobs loaded area will show the number defined automatically, but the list will still lazy load the rest of the positions when scrolling down.

Sort by can be changed to sort by any element defined in the job template.

The Limitation function is used to limit what type of positions appear, and this way we can define that a job list should only show a specific type of job.

Job agent

	The Job Agent section is used to create a form that will sign candidates up for job agents and get direct messages when a new position is published to the site.
	The job agent Layout tab is used to define the width of the section.
	The Styling tab of the job agent section is used to define a height for the section and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab for job agents is used to define a headline and sub-headline for the section. The Options area is used to define what elements from the job templates the visitor can sign up for. If the option department is chosen, then the visitor will be able to sign up for a job agent and get direct messages when a position is published for a specific department.
	The Settings tab for job agents is used to define limitations on the options. If Department is selected in options and 3 departments are defined in the system, then it is possible to limit these departments so only 2 out of 3 can be selected for the job agent.

Contact form

	The Contact Form section is used to create a contact form on the page. Which information is to be filled out and sent via the form can be defined in the content area.
	The contact form Layout tab is used to defined the width of the section.
	The Styling tab of the contact form section is used to define a height for the section and background image/color. The Background area is where the background of the section is chosen. Upload an image or a video to the area and it will be visible. Choose the color overlay and opacity to overlay a color or make the whole section one solid color.
	The Content tab is used to define the headline, sub-headline for the section and form elements. In the Form area, a Text Answer or an Options answer can be set up and each element chosen can be set to either optional or mandatory. There is no limit to form elements.
.	The Settings tab is used to define the receiver of the form, turn on file upload, spam protection, send button text and post-send message. In the Receivers field you have to put in the email address(es) of the receivers, and press the enter button so the email gets a blue background. Select Upload file in form to get a file upload button on the form. Select Protect from spam to activate Google reCAPTCHA on the form. Defining a Button text and a thank you message is not mandatory.

Custom code

	The Custom Code section is used to insert a piece of code at the bottom of the HTML <body>. The CSS area will add a <style> tag to the bottom of the HTML <body>. The Java Script will add a <script> tag to the bottom of the HTML <body>.
	The HTML tab will allow you to create HTML code at the bottom of the HTML <body>.
	The CSS tab will allow you to define CSS for the HTML defined in the HTML area. CSS styling in this section will only do styling within the section.
	JavaScript tab will allow you to define JavaScript for a specific page. Any JavaScript created in this section will only be executed on pages with this section defined in the editor.
	The Files tab is used to upload files that can be used in the above blocks. After uploading a file with the link icon ( ), it can be clicked to get a URL to the specific file.