A Designer's Guide to Clinch Talent

The Clinch Talent Page Editor allows you to create, edit, and display your recruitment marketing content the way you want to.

Powerful and easy-to-use, the editor tool lets you build, customize, and publish fully-responsive multimedia-friendly landing pages for use in attracting, engaging, and converting candidates.

Columns and Rows

For greater flexibility in terms of layout, your landing page content is presented in individual blocks contained in rows.

Click on the "+" button to add a new row, and from the drop-down (below screenshot), select the number of columns you wish that row to have. 

Note that when a layout with two columns is selected, these columns can vary in width. In a row with two columns, one may occupy one third of the row’s total width, with the other taking up two thirds, as seen in the example below.

In rows with more than two columns, the column widths are equal, as illustrated below in this example of the “Add Row with 3 Columns (1⁄3 : 1⁄3 : 1⁄3)” layout option.

For the full range of rows and columns layout options available in Clinch Talent, please see the wireframes below.

Content Blocks

With rows and columns in place, you can fill out that framework with a variety of content.

A column can contain one or more content blocks. A content block can be comprised of text, an image (as seen in the examples above), a video, a job description, or any one of the number of content block types we highlight in this document.

In the example below, which uses the “Add Row with 2 Columns and multiple blocks” option with the ⅔ : ⅓ width ratio, you will see a mix of text and images content blocks. You’ll find more information further down on the types of content you can add to columns.

Grids

The rows and columns format is ideal for creating grids — a popular layout for many clients.

You might choose to include a 3 x 3 image grid, for example, that links to additional landing pages with information on specific departments, as seen below.

At present, a grid can be comprised of up to six columns including any of the content block types listed below.

Block Types in Clinch Talent

1. Text

Select "Text" from the dropdown to add a text block. This block will be pre-populated with lorem ipsum copy. To replace this text with your own, formatted copy, click the "edit block" pencil icon in the top left corner.

To delete the block and replace with a different content block type e.g. image, click the trash icon in the top left corner. 

Formatting Text Blocks

When adding text (in the form of a text block, agent quote, call-to-action, or perhaps on top of an image), be aware that you have various formatting options available to you.

Once you've added a block that already contains or will contain text, click the "edit block" pencil icon in the top left corner to format this text.

2. Image

Select "Image" from the dropdown. A default image will appear automatically. To replace this image with another from your gallery, click the "edit block" pencil icon in the top left corner and "Choose Image" as seen below.

Clinch supports jpg and png file formats.

N.B. Clinch does not offer any set dimensions for images as they will display differently on different devices. However, please be advised that header Images are best to be kept at around 1500px x 600px. For all images, the image focal point should be in the centre to allow for cropping when that image is resized for smaller screens.

3. Team Member Quote

This block features a team member avatar, their contact details, and space for text. Select "Team Member Quote" from the dropdown to insert. To add a headshot of the team member quoted and the quote itself, click the "edit block" pencil icon in the top left corner. Select a team member from the drop down, add the quote text in the editor below, and hit Save.

4.  Team

Block featuring headshots and contact details for multiple team members. Select "Team" from the drop-down to insert. Click the "edit block" pencil icon to add or remove featured team members using the drop-downs.

5.  Links

Add a links block to showcase additional online content that offers value to your candidates. Select "Links" from the dropdown to add the block, then click the "edit block" pencil icon to add the URL of the content you'd like to feature. Hit  Save. Where images are present, the link will render as a rich media card, seen below.

6.  Call-to-Action

A Call-to-Action block includes a form field that allows you to capture a candidate's email address. There should be at least one Call-to-Action block on each page you create in Clinch Talent.  

7. Embedded Media

Select "Embedded Media" from the dropdown to add audio files, for example, to your page. Once the block has been added to the page, you will see a message that reads, "(Media unavailable in editing mode.)" Click the "edit block" pencil icon in the top left corner to add the URL for your media file. Hit Save.

8.  Map

Show candidates where your office is located. Select "Map" from the dropdown, then click the "edit block" pencil icon to add the URL of the Google map you wish to display on your page. Hit Save.

9.  Job Lists

The "Job Lists" block is a scrolling list of current job vacancies at your company where those jobs have been pulled into Clinch Talent via an ATS and individual pages generated for them automatically. To add a job listings block to your page, select "Job Listings" from the dropdown. Click on the "edit block" pencil icon to filter the jobs shown. 

10. Job Benefits

In Clinch Talent, employee benefits are displayed as icons. Select "Job Benefits" from the dropdown to add a block that showcases these benefits. To add or remove benefits, go to Content > Jobs in the left menu, and select the relevant job from the list. 

11. Job Description

The "Job Description" block is the main body of the job ad. and lists role responsibilities, requirements of the candidate etc.

When jobs have been automatically pulled into Clinch Talent via the integration with your ATS, it is not possible to edit the job description.

When jobs have been added manually, you can edit the description by going to Jobs in the top or left menu and selecting the relevant job from the list.

To add a Job Description block to your page, click the "+" in the top left corner of a new row and select "Job Description" from the dropdown.

12. Code Block

When building a page in Clinch Talent, sometimes you have a need to add customized code e.g. a Twitter timeline, a Facebook feed, or an embeddable video with customized poster image. You can accomplish this with Code Blocks.

To add a code block, click the "+" in the top left corner of a new row and select "Code Block" from the dropdown.

Click the edit button (pencil icon) and enter your code.

Click "View Changes" to preview your new block.

13. Video

Select "Video" from the dropdown. You will see a message that says, “Media unavailable in editing mode.)” Hover over the block and click the edit (pencil) icon that appears in the top left corner.

Add the URL for your YouTube video. If you wish to select a particular image to feature in place of the default video still, you can do so via the “Choose Image” option. Then, check the “Use image for video poster” box below, and hit SAVE.

N.B. If your video is not currently on YouTube, please be aware that Clinch Talent can host videos. All you’ll need to do is upload the video file as a zip to the hosted files section in the company’s theme.

In addition to YouTube videos, Clinch supports the mp4 file format.

14. Blog post body/list

Clinch Talent now has a blogging engine built into it. This means that you can now easily create, publish, and manage career-related blogs in the same place that you manage your career site and landing pages. The blog engine also leverages the Clinch Talent templating feature to ensure that your individual posts display with a look and feel that’s consistent and on-brand with your other careers content.   

Select “Blog post body” or “Blog post list” from the dropdown, depending on whether you wish to add a single blog post in its entirety, or a list of several posts, as seen below.

Padding and Margins

You can avail of the “Padding and Margins” tools to increase or decrease space between rows and around content blocks. To edit the padding and/or margins on your page, click on the “Edit row” pencil icon in the top right corner of the row and make your selections from the appropriate dropdowns.

Inside the dialog box, you will also find options to edit the background and foreground colours of the row, and edit the CSS. 

For help with any aspect of design in Clinch Talent, please contactsupport@clinchtalent.com

Still need help? Contact Us Contact Us