Preparing for an SAP SuccessFactors Career Site Builder Implementation

Designing the Career Site

Completing the Initial Setup of the Recruiting System

Building the Career Site

Moving the Career Site to Production

Engaging Potential Candidates

Implementing Source Reporting

Succeeding as a Consultant

Configuring Custom Job Layouts

Objective

After completing this lesson, you will be able to configure custom job layouts.

Job Layouts

When customers enable the Career Site Unified Data Model, the Custom Layouts Editor becomes available in Career Site Builder. This allows you to configure layout rules, where you can add multiple filters to limit the scope of jobs displayed in that job layout.

Because this filter uses all objects from the job requisition template, you are not limited to just a job category for the job layout, and you don’t need to organize job layouts by brand and locale.

A default layout is provided. This layout is used when a job doesn't match any of the category rules in your custom job layouts. The default layout has no rules and always appears at the bottom of your priority list.

Job Layouts Configuration

Job layouts are defined in Career Site Builder under Layouts→Job.

You don’t need to map fields when you create a custom job layout using the Unified Data Model. Instead, from the Layout Rules tab, select fields from the job requisition template and values for those fields, to determine which jobs the layout applies to.

Note

This is the same Add Filter button used to define the rules for category pages and landing page job alerts. You will not be able to activate the layout from the Details tab until layout rules have been defined.

On the Layout Rules tab, choose Add Filter and specify the field name and value.

Job Layouts Components

You can create a one-column or two-column layout. Many components available on other career site pages are also available for job layouts. The Apply Now component is required on job pages.

In addition to adding components to the columns, you can also add a job header and/or job footer to the layout, if desired.

On the Column 2 tab, add components to the columns.

Job Layouts Priority

If a job fits more than one layout, the highest priority layout that applies to it is used. Use the up and down arrows to reorder job layouts in the list. Click Save to save your order of priority. The Default Layout is always set to the lowest priority.

On the Custom Layouts List page, prioritize the priority.

Job Layout Example

Including a video of an employee describing their position with the company is popular on career sites. Customers often select the department or function (dept) as the job layout filter field in this case. Some customers configure a second column to display company information.

Cloud Skills Component for Job Page

If the AI-Assisted Skills Matching for Applicant Screening features have been enabled, you can now add a Skills Cloud component to the Job layout in Career Site Builder, so that job skills are displayed on the career site in the form of a word cloud.

The Skills Cloud component displays skills identified in the job requisition, and if using the AI-Assisted skills Matching for Resume feature, any job skills that match the candidate's skills are highlighted and listed first.

The Skills Cloud component can be added to the desired Job Page layouts created within Career Site Builder.

Job Skills Cloud Component for Job Pages

Configuration Requirements

The Unified Data Model is enabled.
The customer has purchased the AI unit license, and the Enable AI-Assisted HXM Skills switch is enabled in Provisioning.
Assisted Job Skills for Career Site Builder has been enabled on the AI Services Administration page, so that new job postings, in the future, are analyzed to extract skills from the job description, using AI.
The scheduled job Extract Skills from Job Description Using AI has been successfully run in Admin Center→Manage Scheduled Jobs, so that existing job postings, already posted, are analyzed to extract skills from the job description, using AI.

Configure Job Layouts

This video demonstrates how to configure job page layouts.

Business Example

Best Run would like to use the default layout for their jobs in the Best Run Brand. After configuring, copy that layout to create a custom job layout for the Red brand, plus a custom layout specifically for Best Run’s Engineering Jobs.

Reference this table to configure the Layout Rules.

Layout Name	Fields	Values
Default Brand
Red	Brand	Red
Engineering Jobs	Brand	default
(Engineering, continued)	Division	Engineering

Reference this table to configure the Column Components.

Component / Job Token	Header Size	Show Job Token Label	Enable Spacing	Top	Bottom	Left
Job Title	32, Blue	NO	YES	Medium
Onsite or Remote	16	YES	YES		Small
Job Location (Short)	16	YES	YES		Small
Division	16	YES	YES		Small
Brand	16	YES	YES		Small
Req ID	16	YES	YES		Small
Large Image	(see below)
Apply Now				Medium
Job Description	16	NO	YES	Small		Medium
Apply Now			YES	Small

Reference this table to configure the Background Image.

Layout Name	Background Image	Image Position	Max Height of Image	Enable Spacing	Top
Default Brand	2-col_Best_Run.jpg	Top Middle	333	YES	Medium
Red	2-col_red.jpg	Top Middle	296	YES	Medium
Engineering Jobs	2-col_engineering.jpg	Middle Left	333	YES	Medium

Task 1: Configure the Default Layout

Steps

In Career Site Builder, navigate to Layouts→Job.
Select the Edit (pencil) icon for Default Layout.
Select the Details tab.
1. Notice that the Active setting is disabled for the Default Layout.
2. For Two Columns, select YES.
3. For Column Width, move the slider until Left is 40%.
4. Select Save Draft.
Select the Job Header tab and notice that the Search Bar has been added.
Select the Column 1 tab.
Delete all existing components by clicking the Delete Component (trash can) icon.
Select Add Component and select Job Token six times. Click outside the component list.
Select the gray box for the first Token Component.
1. Select the T icon next to Job Token. Change the Size to 32, and change the Color to Best Run Blue, as shown in the Column Components table. Select Close.
2. Follow the instructions in the same table to set the Show Job Token Label and Enable Spacing options.
3. Select Save Draft.
4. At the top of the window, select the back arrow next to Job Token.
Select the gray box for the second component and follow the instructions in the table. For example, for the second component, for Job Token select Onsite or Remote. Change the Job Token Size to 16, leave the color black, set both the Show Job Token Label and Enable Spacing to YES, and for Bottom select Small.
Continue configuring all of the components in Column 1. To configure the last component, Large Image, add a Large Image component and refer to the Background Image table.
Select the Column 2 tab.
Select Add Component and select Apply Now, Job Token, and Apply Now again. Select outside the component list.
Select the gray box for the first component and follow the instructions in the Column Components table.
1. Select Save Draft.
2. At the top of the window, select the back arrow next to Job Token.
Continue configuring the components in Column 2.
Select Publish and preview.
Test by searching for and viewing a job in the Best Run brand. If necessary, make adjustments to the default layout.

Task 2: Configure the Red Brand Layout

Steps

On the Custom Layouts List under Layouts→Job, click the Duplicate Layout button (between the Edit and Preview buttons).
For Layout Name, enter Red and click Save.
Select the Layout Rules tab.
1. Refer to the Layout Rules table to populate the Add Filter options. For example, for the Red brand, for Field Name select Brand, and for Values select Red.
2. Select Done. Your filtering selection appears on the Define Job Layout Selection Criteria page.
3. Select Save Draft and preview.
Select the Details tab.
1. Configure the last component, Large Image, according to the Background Image table.
2. Select Save Draft and preview.
3. At the top of the window, select the back arrow next to Large Image.
Select the Details tab.
1. For Active select Yes. Note that you’re not able to make a custom job layout active until the layout rules are configured.
Publish and preview. Test by viewing a job in the Red brand.

Task 3: Configure the Layout for Engineering Jobs

Steps

On the Custom Layouts List under Layouts→Job, select the Duplicate Layout button for the Default Layout.
For Layout Name, enter Engineering Jobs and select Save.
Select the Layout Rules tab.
1. Refer to the Layout Rules table to populate the Add Filter options. Notice that for the Engineering Jobs layout, you will need to add two filters, one after the other.
2. Select Done.
3. Select Save Draft and preview.
Select the Column 1 tab.
1. Configure the last component, Large Image, according to the Background Image table.
2. Select Save Draft and preview.
3. At the top of the window, select the back arrow next to Large Image.
Select the Details tab.
1. For Active, select Yes.
Select Publish and preview. Test by viewing the Database Administrator job, which is in the Engineering division.
Notice the Priority column. You don’t need to make any changes, as Engineering Jobs are in the Best Run brand, so the Red layout does not apply. The Default Layout is always in the lowest position.

Summary

Enabling the Career Site Unified Data Model unlocks the Custom Layouts Editor in Career Site Builder, letting you create job layouts using flexible layout rules (filters) based on any fields in the job requisition template—not just job category, brand, or locale.
Each custom job layout must have rules defined before it can be activated; a Default Layout always exists and applies when no other layout matches, always with the lowest priority.
Job layouts are managed under Layouts → Job; you can build one- or two-column layouts, add common page components, and optionally add a job header/footer. The Apply Now component is required on job pages.
If a job matches multiple layouts, the highest-priority layout is used; you can reorder layouts with arrows and save the priority order.

Next lesson