Working in Career Site Builder

Objectives

After completing this lesson, you will be able to:
  • Describe leading practices for updating a CSB Career Site.
  • Use versions and drafts when making updates in CSB.

Back-End Changes

Though the majority of the configurations for CSB career sites is done within the Career Site Builder admin center (under Admin Center within SAP SuccessFactors HCM), some settings are done in back-end applications: Provisioning and Command Center.

Your implementation consultant completes the configurations that are required in the back-end applications, but if you require changes after go-live, please contact SAP Support.

CSB Self-Serve Leading Practices

It is anticipated that most changes that customers make to their CSB career site will be relatively minor:

  • Maintain users and roles in CSB
  • Update content: text and images
  • Add content and landing pages to support recruiting initiatives
  • Update headers and footers
  • Update colors and fonts
  • Update translations

For these types of changes, we recommend that you work in the Production instance of the Career Site Builder:

  • Input the change
  • Save draft
  • Preview
  • Optional: Have it reviewed
  • Publish

Before making changes to your site, we recommend making a backup of your existing CSB configurations from Career Site BuilderToolsImport & Export.

For bigger changes, such as major updates to a brand, you may want to work in the stage environment. For more information, see the section Import and Export.

Tips for working in Career Site Builder

Help text is provided. Click the ? at the top right for overall information about that page. Where provided, click the ? next to fields for information about completing that field.

The Default Brand pages are created first, then duplicated for the other brands and locales. To use Duplicate, begin on the page that you will copy from.

You can preview what the actual site will look like by clicking Preview in the top right corner. This will launch the page you are working on, and you can navigate to other pages to preview if desired.

There is no Undo button.

A screenshot showing options: Cancel, Save Draft, Publish, and an option to view site in different display modes.
A screenshot of Home Pages including the Add Component option, among other options

To add components to a page, select the Add Component button. If a page has existing components, you can also select the plus sign icon of a configured component to add a new one below.

A screenshot of up and down arrows

After adding a component, it will appear at the bottom of the list. Control the component's location on the page using the up and down arrows on each component.

Select the component to adjust the style, appearance, or content. You cannot control the size of components, or the distance between them on the page. These are controlled by content and functionality of the component.

Screenshot including options to select desktop, tablet, and mobile views

You can control the appearance of the page for different devices (mobile, tablet, or desktop). Enable the checkbox next to your desired devices for each component. To see which components are enabled for each device, select the device name at the top right, next to Add Component.

Select the trash can icon to remove a component from the homepage.

To navigate to a different page or menu, use the back arrows at the top of the page.

A screenshot showing arrows to navigate to different pages

Versioning and Drafts

Two screenshots, one showing Status: Draft, and the other showing options to select Save Draft or Publish

When making changes to a page, you can save the page as a draft by clicking Save Draft. This allows the user, or a different user, to return and edit or publish the page. Draft pages can be previewed.

To make the updated page visible on the customer site, click Publish. When a page is published, a version is saved, up to 10 versions.

Option to View Previous Versions

A screenshot showing the Gear icon and an option to select View Published Revisions from a dropdown menu

You can view previous versions of the page by clicking the gear icon in the upper left of the page, then clicking View Published Revisions. This shows the previously published versions of the page, when they were published, and the user who published them.

Click Edit to revise a previous version of the page, or Preview to view how the page would appear on the customer site.

This allows you to revert to earlier versions. If you'd like to go back to a previously published version, you can select it to edit, make any adjustments, then publish the page.

Here is an example:

  • Paula has permission to edit Content pages.
  • She accesses Career Site Builder and edits one of the published content pages.
  • Paula would like Olivia to review her work, so she clicks Save Draft.
  • Olivia accesses Career Site Builder and navigates to the page that Paula edited.
  • Because there is a published version and a draft version of that page, Olivia sees the Published version by default. Olivia clicks on the gear icon and selects Edit Published to view Paula’s draft page.
  • Olivia is presented with the message shown in the figure below. It reads as follows: Any unpublished changes will not be saved. Are you sure you want to proceed? and clicks Yes. (She has not made any changes yet, and so is not concerned with changes being overwritten). Now Olivia can view and publish Paula’s content page, or she can make changes and save a draft or publish
A screenshot showing the message, Any unpublished changes will not be saved. Are you sure you want to proceed?, and the option to select Yes