8Site Builder Configuration

Site Builder Configuration

Site Overview

Each implementation of Sourcing includes a single default site. A site in Sourcing is a website, your Career Site, which for clarity we'll refer to simply as, "site". It is important to note the difference between your site and your Career Sections (CS). Career Sections reside in Recruiting and contain your job requisitions. Career Sections from Recruiting are integrated with Sourcing and tethered to your sites; your site will contain one or more Career Sections.

The image depicts how the Career Sections integrate with the sites.

A Sourcing site can be used in addition to a company's Recruiting site, or in place of, and can provide an experience that may be different and more personalized than what is possible using their core Recruiting product alone. A site attracts many different types of populations and generally contains content for those populations whether someone is looking for an internship, internal jobs, external jobs or is interested in a particular line of business, brand, location, etc. A site is broad and contains general information as its goal is to attract as many users as possible.

Sourcing offers several features that will help you to compose your site. The architecture of your site should be based on your individual business needs. Before working on your site architecture using Site Builder, you should review the functional business cases you would like to support. Following is a list of considerations:

  • Should your employees access the application and share jobs in order to provide referrals?

  • Do you want to support internal mobility and allow employees to apply?

  • Do you need to segregate your job offers and create several sites?

  • Do you need to support several brands that use their own graphics?

  • What languages are you planning to support?

  • Do you want a different interface per country?

  • Would you like to highlight specific job categories or job locations on the Home page?

  • Do you want to add branded content about your entire company or just for some business lines?

  • Do you want to bolster your brand ?

Once you will have defined your needs you will be able to select the elements you need and will want to use to create your site or sites.

Site Maintenance and Accessing Site Builder

By default, a single site is created for each client and this default site persists and cannot be deleted. Administrators can create new sites using this instance, or can clone the default site. Individual sites can be deleted within Site Builder by clicking the trash can icon. Once an individual site is deleted, all incoming links that formerly went to the deleted site will be rerouted to the default site. Site names and URLs can be edited in the Site Settings of the Site Builder. Clicking the pencil opens up the Site Name and Site URL fields for editing. Once the changes are saved, the changes are reflected both in the Site Settings and on the Site Builder main page (Site Builder - All Sites).

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site Settings

The image shows the setting for editing site URLs.

Whether a site is deleted, or the Site URL is changed, the original URL is stored. If an Administrator attempts to add a site with the same name as a deleted site, a warning message displays informing the user the URL is one of a previously deleted site, which means that the links and the bookmarks to the former URL will now go to the new URL. Users will receive this same warning message when they change a site's URL within the Site Builder's Site Settings.

The image shows the warning message that is presented when editing a URL. It reads, “You are about to re-use a URL that has been previously used. This means that links and bookmarks to the former URL will now go to this URL. Please authorize this new redirect.” Users have the option to click Confirm or Cancel.

Users going to the original URL are redirected to the new URL. In the case of a deleted site, users will be taken to the default URL.

Note: All deletions are recorded in the Change Logs.

Listed in the table below are the different entry points of editing when accessing the Site Builder.

Setting
Name Location
  • Create New Site

  • Edit Site Settings - General settings, enabling Landing pages, Home page parameters, TEE account URLs, etc.

  • Edit Site Branding - Colors and fonts

  • Edit Site - content blocks, enabling modules, preview site, language view, etc.

  • Create Clone of Site

  • Delete Site

[Sourcing] Administrator login > User Settings (Name) > Configuration > Site Builder

The image shows the different icons used for editing in Site Builder. These icons are the Gear icon, the Paintbrush icon, the Screen icon, the Clone icon and the Trash Can icon.

Sites and Home Pages

Sites and the Home Page

The central access point to a site is its Home page, meaning that when a user first logs into a site, the page that displays is this Home page. A Sourcing site is delivered with Pages, Landing pages and Modules and each of these elements can be accessed via the site's Home page.

The default Sourcing site is delivered with, or the ability to create, the following pages:

  • Home page (referred to as the Jobs page in the navigation) - central access point to a site; job opportunities are typically listed here.

  • Job Details page - when a job is selected, the Job Details page opens. This describes individual job opportunities in detail.

  • Help page - typically contains company FAQ's, contact information, etc. Some configuration is required to use the following pages to your site, but the functionality to do so is delivered:

  • Category and Location Landing pages - a page that groups job opportunities either by their location or by job category.

  • Combination Custom Landing pages - a page that groups job opportunities by both their location and job category. Up to 200 Custom Landing pages per site are allowed.

  • Custom (Global) pages - can contain any HTML content. Custom pages are limited to 3 across all sites, meaning only 3 custom pages total are available for each Sourcing instance, not per site. An additional page, the Rewards page, is available but can only be accessed and implemented by creating a Service Request.

  • Site pages - Administrators can create and configure multiple content pages associated to specific sites.

The image below is likely how the Home page of your delivered default Sourcing site will look upon implementation:

The image shows what a typical Sourcing site looks like at implementation without any branding or customizations applied.

Later in this chapter we'll discuss in detail how you can take advantage of Site Builder to clone and brand the default site to meet your business needs and represent your company and all of its brands, if applicable.

Landing Pages

Landing Pages

While a Home page is the central access point to a site and is broad in its content, Landing pages narrow the focus of the content presented. Landing pages group jobs by job category, job location, or a combination of both, which helps reduce navigation for users. A Home page may contain links to several Landing pages. Landing pages have a narrower focus than the Home page and are directed at targeted populations of users, as opposed to the broader populations that a site's Home page is designed to attract.

A Landing page is one component of your site. For example, you may be a global organization with jobs in many different categories, however, you have more openings that need to be filled in your retail stores. You could create a Category Landing page within your site that contained only jobs that are in you retail stores. You could put a link to this Landing page on your site's Home page. Then, users that are interested only in those retail store jobs could click on that link and be taken to that Landing page saving them time and providing a user experience with fewer clicks. Using Landing pages allows you to better target the appropriate populations to match the right people to the right jobs.

The image below is the Home page of a site that has been branded for a company named, "Vision Fashion." Notice that the hand icon displays as we hover over some of the images on the Home page. This indicates that this image is actionable and that if clicked, the user is taken to another page within the site; this secondary page is an example of a Landing page.

The image highlights the Hand icon on one of the images on the Home page. This shows that the image is actionable and if clicked, takes the user to a Landing page for job opportunities within Fashion stores.

Landing pages ease the navigation for a user as they reduce the number of clicks they need to perform to get to the information that's relevant to them. For Vision Fashion, if a candidate is only interested in opportunities in their retail stores, they could click on the image beside Join our Fashion Stores. This would bring the user directly to the jobs within the retail stores instead of having to navigate through the entire site via the Home page to search for those retail store jobs.

The image below is the result of clicking on the image next to Join our Fashion Stores from the site's Home page. You can see that the page that opens speaks to and lists only those jobs within Vision Fashion's retail stores.

The image shows a summary of the store positions offered at Vision Fashion as well as individual job listings within retail stores.

There are three different types of Landing pages:

  • Location Landing pages - a page that groups and displays job search results by the location of the job, e.g., all available jobs in Northern California.

  • Category Landing pages - a page that groups and displays job search results by the category of the job, e.g., all available jobs within retail stores. The example from the image above for retail store jobs within Vision Fashion is a Category Landing page.

  • Custom Combination Landing pages - a page that groups and displays job search results by a combination of both the location and the category of the job, e.g., all available Retail Store positions (category) that are also located in California (location).

Creating and maintaining Landing pages is discussed in detail later in this chapter.

Custom (Global) Pages

In addition to the delivered pages in the site, Administrators have the option of creating up to 3 Custom pages per Sourcing instance; these 3 pages are global, meaning that they must be shared among all sites.

Note: While in the Sourcing Configuration these pages are referred to as Custom pages, in Site Builder they are listed as Global pages.

While the Custom pages are not created using the Site Builder, they are displayed and accessible in the Site Builder under Global Pages. Again, this is to give the Administrator a complete picture of the site in one place; every page and module contained within a site is displayed in Site Builder. The content of the custom pages is managed in the Custom menu in the Configuration, however, the content blocks and modules that surround the Custom page content can be added, moved, edited, deleted, etc. in Site Builder.

Path: [Sourcing] Login as Administrator > Configuration > Custom > [Custom Page 1, Custom Page 2, Custom Page 3]

The image shows the configuration for creating a Custom page.

The image below shows the Custom page titled Working at Vision (Navigation Label = Working) enabled in Site Builder:

The image shows the Working at Vision Custom page within Site Builder to show how what a user enters in the Custom page configuration determines how that page displays in the site.

Note: The navigation links to Custom pages are not displayed to the Administrator, however, we know the page exists because it's listed under Pages. To view the navigation links, in this case, Working, the user role needs to be changed to either Referral or External Candidate using Preview As in Site Builder.

Disabling a Custom page removes the navigation link from the page, but the page still exists. This is useful if you'd like to embed the link to your Custom page within an image and have users navigate to the page that way instead of having the page as part of your top navigation links. To do this, you go to the page, copy the URL from the browser and then edit a content block entering the URL on the image.

The image shows the configuration options available for images on a site, specifically showing how to link a URL to an image to make the image actionable.

Now, when users will know the image is actionable as it will display the hand tool when they hover over it. If they click on the image, the Working page will open.

The image shows an actionable image on a site.

The image shows that page that users are directed to after clicking on the actionable image.

You must delete the HTML used to create the page to remove the actual content from the page. This is good to keep in mind if for example, you have previously sent someone a link to that page. If they use that link, they will still be able to access it even if it's disabled. If you don't wish the page to be accessible after you disable it, you need to delete the HTML. You may want to replace the HTML with a message stating the page is not longer available, or something of the like, to better inform your users.

Site Pages

Sites in Sourcing tend to be aligned by brand, vertical, or other recruitment segment to differentiate audiences. Using Site pages allows each of these audiences to have multiple supporting content pages.

Administrators can create and configure multiple content pages associated to specific sites. These Site pages:

  • Leverage existing multilingual content blocks which include an RTF editor and the ability to display images.

  • Share the Custom Branding and Advanced CSS with the rest of the site.

  • Share the header, footer and all navigation components and styling with the rest of site.

  • Leverage the existing Site Builder Configuration toolbar and its functions, but at the page level, rather than the site level.

When a site is created in Site Builder, the site automatically displays in the Site Pages tab. A Create New Page button allows Administrators to create site pages tailored to each site. The site must be published within Site Builder first to be able to begin creating Site Pages.

The image shows the Site Pages tab.

Each page has several attributes. Page Name and Page Link are unilingual while Title, Keywords, and Description are multilingual. Multiple site pages can have the same page link across different sites, however, a single site cannot contain pages with duplicate links. For the multilingual page attributes, there is a usability benefit included in the system in that values will get propagated to all locales from the default locale. If values have been entered into the other locales, other than the default locale, those values will remain and the default locale will not propagate over the top of what has already been entered.

The image shows the Create New Page screen used for creating Site pages.

Once a Site Page is created, Administrators can edit the page in Site Builder. Content blocks can be added to the page using the same content block functionality as elsewhere in Site Builder. Referencing the image below:

  • The three Plus icons on the page Indicate places where content blocks may be added.

  • Multiple content blocks can be stacked within each of these three areas.

  • Site Pages share the same layout dimensions as other system-delivered pages.

The image shows where the Site pages are displayed in the Site Builder.

A Site Page can be edited, cloned and deleted. When a Site Page is cloned it can be used again within the same site using a different name, or the cloned page can be tethered to other sites. If a page is deleted, links to that page that may still remain will be redirected to the Home Page of that site. Page links that were previously deleted can be reused.

Note:
  • The three legacy Custom pages are still delivered and are now referred to as Global pages within Site Builder.

  • To add the Site pages to the navigation bar custom branding work is needed at this time.

  • It is recommended that customers review any Custom CSS and Branding HTML for rendering on Site pages.

Site Builder

The Site Builder provides Administrators access to all of the pages that exist within a site to enable them to easily and simply build, brand and manage one or more targeted sites. Site Builder allows customers to build up to 100 different sites.

The Site Builder allows Administrators to centrally access all of the many different experiences and content that are presented to candidates, employees and referrals and to easily customize these experiences with consistent branding, different languages, customized Landing pages, and so on. Many different sites can be created from one Sourcing instance.

Again, we refer to the image below to illustrate how your delivered default site may look upon implementation:

The image shows how your delivered default Sourcing site may display.

Using Site Builder, Administrators can configure and brand this default site to best fit and represent their organization's needs. In this example, we've taken the default site above and branded it for Vision Fashion. We've transformed the default site into Vision Fashion's site using Sourcing's Site Builder. Administrators can freely customize their sites without worry of corrupting their Sourcing instance because for each instance, a default site is delivered which cannot be deleted.

The image below is Vision Fashion's Home page, which we created using the default site and all of Site Builders capabilities. This is what users are presented with when they login to Vision Fashion's site:

The image shows how the delivered Sourcing site looks after branding and customizations using Site Builder have been applied. The background colors, font colors links and other items have all been customized using Site Builder and the site is now specific to a Fashion entity.

The image shows some of the different areas of a site that can be branded. The text following this image goes through five specific areas on the site’s Home page.

For the image above:
  1. Jobs page - This is also a site's Home page. Remember, the Home page is the central access point to a site, so when users first login, this is the page that displays.

  2. Link to the Help page.

  3. Link to the Working page - This is an example of a Custom page that was created by Vision Fashion for their site. We know it's a Custom page because Working is not listed as one of the pages that Sourcing delivers.

  4. Search Banner - This is useful for users to initiate their job search. This is an optional item as it can be hidden from view, however, if an organization chooses not to list their job opportunities on their Home page, this Search Banner is a method that candidates can use to view job opportunities.

  5. Featured Jobs Module - Because sites are highly configurable, organizations may choose not to list their job opportunities on their Home page. In this example, however, the Featured Jobs Module is enabled and jobs do display on Vision Fashion's Home page.

The Vision Fashion site in our example has been branded. That is to say that company colors and logos have been used, content has been edited, images have been uploaded, their company story has been told, etc. All of this branding has been done to Vision Fashion's default site using the Site Builder.

Site Builder allows clients to build their own sites which can be branded and customized to best fit and represent their organization, its brands if applicable, and its business needs. Multiple sites can be created from one Sourcing instance. Home pages, Landing pages and Site pages are configured at the site level, so that these pages can be unique to each of your sites.

The site builder opens by default on the home page. By default the home page will contain a search bar, some job category tiles and a list of featured jobs. Using the site builder tools, the administrator has full flexibility to customize this home page and start from a white page.

The image below is how the Vision Fashion site that we've been working with displays when opened in Site Builder. The left pane in the site builder provides a collection of tools that will give the administrator a full control on each page of the site: advanced branding, language selection, user type selection, landing pages branding, other pages branding and modules activation.

The image shows the Vision Fashion site within the Site Builder. Some of the elements on the page have arrows pointing to the area within Site Builder that these elements are configured.

This image is a continuation of the previous image and shows the seven elements that are listed next.

  1. Branding elements

  2. Language

  3. Preview As

  4. Landing Pages

  5. Pages

  6. Modules

  7. Content Blocks

Each of the elements listed above are accessible in Site Builder and used to build, brand and customize sites.

Content Blocks

Administrators can easily customize sites by adding, deleting, hiding, moving and editing content containing text and images using pre-defined content blocks. Content blocks are available on all the pages of your sites.

The look and content of your site's pages can be configured, customized and branded quickly and easily using one of Site Builder's most powerful features, configurable content blocks. Different content layouts are available to the user depending on what page they are configuring and where on the page they are placing the content. Content blocks can contain text that can be enhanced with a rich text editor and images that can contain links to other pages. Content blocks can be deleted, hidden and moved to customize the layout of a site.

Custom content blocks are multilingual enabling Administrators to configure the content blocks in Site Builder with content that can be translated to each locale and can be unique to each locale. When site users toggle their language preference, the content in the custom content blocks will display in that language, provided the blocks have been configured in the locale/language selected.

If for whatever reason content is not entered into an active locale, these locales with missing content will borrow the content from the Default Locale. This ensures that users will see actual content, although perhaps not in the language of their choice, instead of the placeholder Lorem Ipsum text and the placeholder image delivered with the blocks.

All of the system locales, including inactive ones, are available to select in Site Builder to allow Administrators to immediately configure the multilingual content blocks. Content blocks in inactive locales can be pre-configured to make efforts more scalable. Administrators can freely create content in inactive locales without risk of exposing incomplete or inaccurate content as that content remains internal until that locale is activated.

Adding Content Blocks

To add content, users click on the [+] symbol and the available content block types display.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site

The image shows the different content block formats available to choose.

Users get presented a series of relevant content blocks to choose from for creating the new content. The following content formats are available:

  • Paragraph Text

  • Text with Heading

  • Heading

  • Content with Image Left

  • Content with Image Right

  • Two Columns, Image Left

  • Two Columns, Image Right

  • Image

  • Three Columns, Images and Text

Note: Which of the content block types are available for selection is dependent on what page and area of the page is being edited. Not every block will have the option of all eight block types.

When a block is selected, the content template is created and ready to edit and format. A rich text editor is available on all content blocks enabling content font type, color, size, orientation, styles, etc. to be customized for each individual block.

The image shows the rich text editor.

Images and Redirection Links

When you choose to create a content block that includes an image, clicking on the white space of the image displays upload options where you can select and crop the image. To keep a more concise and organized list of images, you can delete images by selecting the image in the list and pressing delete on the keyboard.

The image shows the confirmation message given when a user deletes an image. The message reads, “Are you sure you want the delete the file ‘locations.jpg’? The user can select OK or Cancel.

Clicking on the gear icon of the image enables you to configure the image to include hover text as well as embed a link within the image. A link could potentially be a URL to a specific Landing page or another site, so that clicking on the image would take users directly to that Landing page or site. The link embedded in an image will open a new tab in the user's browser.

The image shows the image configuration options which include alt text, title text and a URL link. The image is of a jelly fish with hover text ‘Clean Energy.’

If you want to keep your user within the same tab, you can place a link using the rich text editor. A hyperlink in the text redirects the user to the URL set up within the same browser tab.

The image shows the configuration for placing a link using the rich text editor.

This example below is composed of one Image block with one Heading block placed beneath it. The link is placed on the Paris Heading block so that the Landing page for Paris will open within the same browser tab.

The image shows an Image block with a photo of Paris and a Heading block with the word Paris displayed.

Once a new content block is added to a page it can be edited, moved, hidden or deleted.

The image shows the different editing icons available for editing content blocks. These include an up arrow, down arrow, eyeball, pencil and trash can.

Changes are saved as the user works and saves throughout the Site Editor. Flipping the blocks triggers a refresh that allows the user to see the content in the Site Builder mode, but these changes are not published to the live site until the user selects Publish.

Deleting and Hiding Content Blocks

One of the benefits of this feature is the ability to create a clean site or whitespace where you can begin creating a customized site. This is accomplished by hiding or deleting content blocks and disabling modules. Disabling modules is detailed in the next section of this chapter.

For example, the image below is an example of the default site accessed through Site Builder:

The image shows the Home page of the default site delivered with Sourcing. It has several content blocks and modules displayed on the page.

Very quickly the site shown above can be transformed into the site shown below with a few clicks.

The image shows how the Home page of the default site appears after deleting or hiding most of its content blocks and modules. A blank site is essentially what is presented to show how quickly users can brand their own sites.

To hide content, users click on the Eye icon. To delete content, users click on the Trash Can icon.

The image shows the different icons available to edit content on the sites. The Eye icon and Trash Can icon are highlighted.

Note: Not all content blocks can be deleted. The option to delete the block depends on the placement and content contained in the block. Most blocks can be hidden.

While not a necessary starting point, users can continue to hide and disable content until they are left with a white space to begin their custom site if that's their preference.

Modules

In addition to being comprised of pages (the Home page, Job Details page, Help page, Custom pages, Site pages and Landing pages), the default Sourcing site is also comprised of and delivered with modules. Modules are system delivered. What you see on Site Builder is an exhaustive list and while you cannot create additional modules, you can disable and enable and move them to customize the pages within your sites. Modules provide additional content and more configuration options for your site and can be used throughout its different pages. The default Sourcing site is delivered with the following modules:

  • Promo - enables the management and creation of Landing pages and Widgets. This must be enabled to create Custom Combination Landing pages. The content displayed on this module depends on the user's profile.

    External Candidate

    The image shows how the Promo block displays to an external candidate.

    Employee

    The image shows how the Promo block displays to an employee.

    Recruiter

    The image shows how the Promo block displays to a recruiter.

    Which promo displays is determined by the following logic:

    if logged in user is an Admin show landing page promo

    else

    if site mode is REFERRALS ONLY or site mode is JOBS SITE PLUS REFERRALS if likely user isTrustedReferrer if taleoUploadFriendResumeEnabled show recommend friend promo

    else

    show facebook quickshare

    else

    if showJobAlertsPromo likely user show talent community promo

    isTrustedReferrer: determined by looking at the Property TrustedReferrer.RelationshipId

    taleoUploadFriendResumeEnabled is true if both Properties Taleo.EnterpriseEdition.enabled is true and Taleo.AllowGeneralCandidates is true

    showJobAlertsPromo is true if all of these are true:
    1. Job Alerts/Talent Community feature is enabled
    2. User is a not a trusted referrer
    3. User hasn't already signed up for Job Alerts (don't show promo again if they have)
    4. User is eligible to sign up for Job Alerts (either referred by a trusted referrer, or ANYONE if property ShowModule.TalentCommunityLimitAccess is disabled)

    In config zone->Users: Trusted Referrer Relationship ID(s) determines who are considered trusted referrers.

    10 - employee

    20 - alumni

    30 - other

    40 - referral

  • Top Referrers

  • Hero Image - the main image for your site.

  • Previous Searches - displays the previous job searches performed.

  • Categories - enables Landing page tile capabilities. This must be enabled for your Home page to display tiles.

  • Share - only displays on Landing pages. It allows you to share the Landing page URL to Facebook, Twitter and LinkedIn with a single click.

  • Social

  • Featured Jobs - on the Home page only. Hot jobs and new jobs are listed.

  • Hero Image - the main image for your site.

  • Previous Searches - displays the previous job searches performed.

  • Categories - enables Landing page tile capabilities. This must be enabled for your Home page to display tiles.

  • Share - only displays on Landing pages. It allows you to share the Landing page URL to Facebook, Twitter and LinkedIn with a single click.

  • Featured Jobs - on the Home page only. Hot jobs and new jobs are listed first with the most recent posting listed first and then in reverse chronological order. Also, the user's locale is taken into consideration and jobs that are within their vicinity are also listed here.

  • Activity Feed - tracks and displays the activity on the site. Items included are which jobs have been applied to, which jobs have been referred, etc.

  • Landing Page Image Blur - allows the image on the Landing pages to display blurred.

Modules displayed on the Home page:

This image is the first in a series of three that show the different modules that are displayed on a site’s Home page. The Promo and Hero Image modules are highlighted here.

This image is the second in a series of three that show the different modules that are displayed on a site’s Home page. The Categories and Activity Feed modules are highlighted here.

This image is the third in a series of three that show the different modules that are displayed on a site’s Home page. The Featured Jobs and Previous Searches modules are highlighted here.

In the image below, the Activity Feed is displayed as you can see that it is toggled on in the Module menu.

This image shows the Home page within Site Builder. It demonstrates that the Activity Feed module is a toggle that can be enabled and disabled to determine whether it’s displayed on the Home page. In this image, the Activity feed is toggled on and as such, the Activity Feed module is displayed on the Home page.

In the image below, the Activity Feed is missing as it has been toggled off.

This image shows the result of toggling the Activity Feed module off which is that it is not displayed on the Home page.

Landing Page Management and Landing Page Tiles

Although aspects of Landing Pages can be managed and maintained outside of Site Builder, the focus of this chapter is creating, managing and branding Landing pages within the context of Site Builder.

Location and Category Landing Pages

When Landing pages are enabled, Site Builder automatically populates and creates the Location and Category Landing pages. Administrators can then select any of those locations and categories from within Site Builder and customize and brand the associated Landing pages. An unlimited number of Landing pages may be created. As explained earlier in this document, the goal of a Landing page is to ease the navigation for users by targeting specific populations. For example, a Location Landing page could target the candidates that were interested in job opportunities in New York, whereas a Category Landing page could target the candidates that were interested in Retail Store opportunities. Landing pages take users directly to the information they're interested in; they do not have to look through the entire site for the opportunities in New York or for Retail Store opportunities; one click and they are there. Administrators can copy and email Landing page URLs or they can also post the Landing page URL to social media sites with one click using the Share module.

The image below is an example of how a default Category Landing page displays in Site Builder. Notice that the only jobs that are listed are those within the Sales and Marketing category.

The image shows a Category Landing page which is targeted to Sales and Marketing positions.

If you are working with a site that you've branded, such as our example, Vision Fashion, the branding elements you've already established will be carried over to the Landing pages. You can then continue to customize your Landing pages by adding or removing content blocks, enabling and disabling modules, etc.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site > [Landing Pages] > Category Pages

The image shows the menu for the Category Landing pages. The Store category is highlighted.

The image shows the result of selecting the Store Category Landing page. It is in its default state and has content blocks and modules that can be edited.

Custom Combination Landing Pages

A Custom Combination Landing page allows the combination of both category and location. For example, this may be useful if a company has many retail stores but wants to promote the jobs within a new store that is opening in a particular location. A Custom Landing page could gather all jobs that are store-related (category) in New York (location) only. The Promo module needs to be enabled to create Custom Combination Landing pages. Once it's enabled, be sure to Publish so that the change gets pushed to your site. Then, to create a Custom Landing page, perform a job search entering parameters for both category and location on your newly published site. Once you do this the Create a Landing Page button displays. Click this button and your new Landing page displays. You can then give your page a title and edit this page to your liking inside Site Builder. Once published, this Custom Landing page is available from within Site Builder as a choice under Landing Pages > Custom Pages.

Note: Your Custom Landing pages are referred to as Custom Pages under Landing Pages. This is different than the Custom pages that you may manage within your site. Custom pages are listed under your Pages in Site Builder.

The image shows the Landing pages and Pages options within Site Builder. The image shows the different areas within Site Builder where a user would go to create Custom Landing pages versus Custom pages.

Pinning Landing Page Tiles to the Home Page

If an organization chooses to use Landing page tiles on their Home page, Administrators can select which Category and Location Landing page tiles display by pinning tiles. Sourcing uses logic that places the tile with the highest number of new job openings first. There must be 3 new jobs for a tile to display. Then, if that requirement is met in more than one location or category, the tiles display in order of the number of jobs that are new. For example, if both Sales and Design have 10 open jobs, and 3 jobs in Sales are new and 6 jobs in Design are new, the Design tile is displayed first. Pinning Landing page tiles allows Administrators to override this existing logic.

Pinning Category and Location tiles and overriding this logic is useful as an organization may, for example, always have a need for Engineers or Sales Managers, no matter if these categories have new jobs in them. Or, they may generally have a high demand for jobs in certain geographic locations. The ability to pin tiles to the Home page gives Sourcing users the benefit of highlighting particular areas of need in their organizations. These needs are displayed using tiles on the Home page, which then links users directly to the associated Landing pages.

When pinning Landing page tiles to the Home page, consider the following:
  • If there are 3 open jobs, not just new jobs, in any category or location, the tile can be pinned.

  • If a pinned tile has at least 3 open jobs, then it will display on the Home page; if not, it will stay hidden until there are enough jobs to populate a tile.

  • A maximum of 6 tiles can be pinned.

  • Unpinning the Landing page tile defaults it back to the original display logic.

  • The tile in the upper left is generated by the current algorithm and persists. It cannot be edited; this is the anchor.

  • If a candidate has selected preferences for specific job categories and locations, the tile will display according to their preferences if the 3 new jobs criteria is met.

To be able to take advantage of pinning tiles, Landing pages must be enabled and you must select to have more than one tile displayed on your Home page. Both of these settings are in the Site Settings of your site.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site Settings (Gear icon) > [Settings] > Category + Location Pages

The image shows the Category and Location Pages setting in Site Builder where users go to enable and disable these Landing pages.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site Settings (Gear icon) > [Settings] > Home Page

The image shows the setting that determines how many tiles you want to display on your Landing pages.

Also, for the tiles to display on the Home page, the Categories module must be enabled in the Site Builder.

The image shows the Categories module toggle in Site Builder. The setting is enabled.

The image shows two Category tiles.

The image shows two Category tiles, Finance/Accounting and Administrative.

When pinning tiles, flipping the page by clicking on the X triggers a refresh and allows users to see the new tiles in the Site Builder mode.

The image shows the two Category tiles with titles, but no job listings.The image shows the two Category tiles after being refreshed to show the titles along with the individual job listings within that category.

Language and Preview As

Administrators have the ability to preview and publish their sites in different languages and preview their sites using different user roles.

Language

As Administrators are building different sites using different languages, they can use the Language dropdown in the Site Builder to change the language in which the site is displayed. The language is changed based on the users selection and allows them to edit in that language. Changing the language using the Language menu only changes the site view; nothing is actually saved into the database until the site is published. When published, the language settings are pushed into the site dictionary, and the site is published in that language.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site > Language

The image shows the Language selector in Site Builder.

Note: When Administrators change the display language and plan to publish the site in this language, the branding should also reflect the chosen language. Administrators should update the site-specific branding by manually updating the language in the top, side and bottom HTML areas. If no language-specific branding is specified, the site default language branding is displayed.
      

Preview As

Administrators can apply different user roles in the Site Builder to see how the site displays to the different users. Different modules and content are presented depending on what permissions the user role grants.

Administrators can toggle between the following user roles:

  • Administrator

  • External Candidate

  • Employee

  • Referral

Selecting Default View returns the view to the Administrator role.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site > Preview As

The image below shows the Vision Fashion site as viewed by an Administrator.

The image shows the Vision Fashion site as viewed by an Administrator.

The image below shows the Vision Fashion site as viewed by an External Candidate.

The image shows the Vision Fashion site as viewed by an External Candidate.

   

Advanced Branding

Branding refers to the different colors, fonts, images, logos, content, etc. that appear on a site. Generally speaking, established, well-known organizations have some colors and fonts that we tend to associate with them. For a newer organization that's trying to establish their brand, brand consistency is key; something that their customers come to identify them with. For this reason, it's recommended that some time and consideration be spent on branding.

Each site is controlled and configured independently which means that branding can be customized from site to site; each site can have its own unique look, feel and branding. This should be taken into consideration upon beginning to build your sites using the Site Builder. Something as simple as the font color can help identify an organization and either differentiate or assimilate brands.

There are two different places in Site Builder that you're able to edit your site branding: Edit Site Branding and Edit Site which are both accessed from the Configuration > Site Builder menu.

The images shows the five different icons used for editing in Site Builder with the Paint Brush and Screen icons emphasized.

Edit Site Branding

When accessing Edit Site Branding from the Site Builder, there are 5 areas of customization available: Content Colors, Navigation Colors, Button Colors, Category Tiles Colors and Fonts.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site Branding (paint brush icon)

The image shows the Site Branding page with all of the different elements that are available to be edited such as content colors and background colors.

In the image above, you can see that the Search Banner Background and Navigation Link Selected are Vision Fashion's signature magenta shade in the Site Branding. Each of these settings are site-specific allowing companies to use different colors and fonts for each site. The desired colors should be entered as a hexadecimal value. In the image below, you can see how those color choices translate on the site.

The image shows how changing the colors in the Site Branding effect how the page appears. The Search bar is highlighted as its background color has been changed.

Edit Site

When you open a site in Site Builder, you're presented with a Branding section. The elements contained within this section work together and affect each other.

Path: [Sourcing] Login as Administrator > Configuration > Site Builder > Edit Site (screen icon)

The image shows the Vision Fashion site within Site Builder and has the Branding options on the top left of the page highlighted.

Advanced CSS

The Edit Site Branding described in the previous section is the user-friendly way of updating your style sheets. If you want something beyond what's delivered, then you have the option of entering HTML here in the Advanced CSS section of the Branding area in Site Builder. This allows the ability for Administrators to use their own buttons, fonts, etc. that are not delivered in Edit Site Branding. A list of custom styles can be created and then must be referred to in the Branding HTML.

Uploading Custom Fonts

Administrators can upload custom fonts in the same way they upload images. To upload a custom font:

  1. Temporarily insert a content block using a template that has an image.

  2. Click the image button to select an image to upload. Instead of uploading an image, upload a font.

  3. Delete the temporarily inserted content block.

  4. Add advanced CSS to configure the custom font family.

    The following code should be used as a guide and added to the Advanced CSS panel in Site Builder (Site Builder > Edit Site > [Branding] > Advanced CSS):

    @font-face {

    font-family: 'FONT NAME HERE'; (example, "Arial", "MyFont", "Helvetica")

    src: url('FONT_URL.eot');

    src: url('FONT_URL.eot?#iefix') format('embedded-opentype'),

    url('FONT_URL.woff') format('woff'),

    url('FONT_URL.ttf') format('truetype'),

    url('FONT_URL.svg#FONT_NAME_HERE') format('svg');

  5. For the path to the uploaded fonts, ensure the path set in the Advanced CSS matches the path in the CKFinder window. This can be confirmed by right-clicking on an existing image file (in the same folder) in CKFinder and selecting View, then right-clicking on the image and selecting Open in New Tab.

  6. Configure custom font as Body Text Normal. Save the Advanced CSS and publish the site.

  7. Navigate to Edit Site Branding for your site and add your font name to the Fonts section under Body Text Normal.

    Your custom font is available to use in the Edit Site Branding area of Site Builder.

Logos and Images and Compact Nav

The Logos and Images section of the Branding area is where images are uploaded, stored and managed for the site; your default site will be pre-populated with images, but any image can be uploaded to be made available in the navigation on the site. Also stored here are the images that are attached to social media outlets. For example, if you share a Landing page URL on Facebook, you can upload an image here that will display with the URL. Logos and Images works in conjunction with the Compact Nav setting. If an organization is satisfied with the default images and logos and does not wish to include their logo in the Branding header, then the logo will display in the same area as the navigation. In this case, the Compact Nav setting should be disabled as when the Compact Nav is enabled, the logo does not display in the navigation area.

The image below shows the header of the default site with the Compact Nav setting disabled and no HTML entered into the Branding Top area:

The image shows the header of the default site with the Compact Nav settings disabled and no HTML entered into the Branding Top area.

Now let's look at what happens when we enable the Compact Nav setting, again with no HTML entered into the Branding Top area:

The image again shows the header of the default site, but this time with the Compact Nav setting enabled. The company logo is gone.

Notice that in the image above, the logo is gone and the navigation is on the same line as the user login and social media icons reducing the area of real estate that the header takes up on the page. This is to lend a bit more space on the header to allow an organization to brand the header with their own colors, logos and images.

The image below is the result of branding the default site to use Vision Fashion's brand:

The image shows what the site header looks like after it’s been branded with Vision Fashion’s colors and logo.

To display the logo as it is in the header above for Vision Fashion, Compact Nav was enabled and HTML was entered into the Top Branding area.

Layout, Top and Bottom

When the Branding setting is enabled, Layout and Top, Side (if you choose a layout that includes a Side) and Bottom display. Layout determines how your site displays its content. You can choose to have just a Top (Header) and Bottom (Footer) or a layout that has a Top, Bottom and Side.

The image shows the four different layout options for a site.

Vision Fashion uses a layout with only a Top and Bottom:

The image shows the Vision Fashion site emphasizing the top and bottom sections to illustrate that Vision Fashion uses a layout with a Top and Bottom only.

When you select Top, Side or Bottom under Branding, a Branding HTML window opens allowing Administrators to enter branded HTML for the Top (Header), Side and Bottom (Footer) of their sites. The image below shows how what's entered into the Top Branding HTML translates into the header for the Vision Fashion site.

The image shows the HTML with arrows pointing to how that HTML is rendered and appears on the Vision Fashion site.

Note: The branding HTML should be entered in the language that's desired for the entire site. While Site Builder allows Administrators to select the language their site is to render in, the HTML must be edited manually to allow for site language changes.

Responsive

Sourcing optimizes its rendering no matter the device used to access it. The Responsive toggle allows the Administrator to indicate whether Responsive Design HTML was used when branding the site. If Responsive Design was used then the Responsive setting should be enabled. If Responsive Design was not used then the setting should be disabled to allow Sourcing to compensate and render the branding appropriately on the different devices.

User Cookie Acceptance

The Display Cookie Acceptance setting enables Administrators to either advise job seekers on the site’s use of cookies or to require job seekers to agree to the site’s use of cookies prior to using their jobs site.

The configuration setting allows Administrators to select whether to display the Cookie Blocking Modal, the Cookie Advisory Banner or no cookie policy information at all. The Advisory Banner is informational so users may dismiss the banner and will be able to continue with all actions on the site. The Blocking Modal forces agreement. The user will not be able to continue using the site unless they click Accept. If users dismiss the banner or agree to the modal, another cookie is loaded and the banner or modal will not show again for that site. However, if cookies are cleared from a device, the previously dismissed banner or previously agreed to modal will reappear. All of these actions are site-specific.

At upgrade the Display Cookie Acceptance setting is set to None. Administrators can choose to display either the Advisory Banner or the Blocking Modal by accessing the Site Builder's configuration and clicking the Gear icon next to the site that is to be configured. Administrators click the Pencil icon next to the Display Cookie Acceptance setting and select either the Advisory Banner or Blocking Modal.