Using the classic careers page editor

Your careers page is the first point of contact applicants will have with your company. It is a landing page where you can direct applicants to apply for your open positions. The most successful hiring managers configure their careers page to make their company stand out and show applicants how passionate they are about what they do.

In this article:

• View your careers page
• Gather assets
• Add your company's social media websites
• Add company photos and a logo
• Add a company description
• Configure the header
• Using the web widget
• Add company perks
• Add testimonials
• Select your brand's main color
• Filter options
• Custom style code

View your careers page

Your careers page link can be accessed from your Dashboard by clicking the Careers Page button at the top right of the screen.

If you see changes you'd like to make, navigate to Settings > My Organization > Careers Page.

Gather assets

The best careers pages include photos, a company description, a company color, and (optional but strongly recommended) perks/benefits, employee testimonials, and a company video.

The most important content for your careers page is:

• Your company's social media websites
• 4-5 company photos that highlight your company/employee culture (minimum of 1024x768 pixels; landscape orientation only, PNG, JPG, or GIF)
• 1 logo with a transparent background (minimum 300 pixels in width; PNG or JPG files only)
• A couple of paragraphs advertising your company to prospective employees (not customers)
• Color scheme for branding (Hex codes, for example #FFFFFF)
• Company perks

Optional content for your careers page includes:

• 1 background image for the header widget (minimum of 1600 pixels in width by 400 pixels in height, ideally a 4:1 ratio. The accepted file types are JPG and PNG.)
• Employee testimonials

The sections below describe how to add all of this content to your careers page.

Add your company's social media websites

Scroll down to Company/Social Websites. From here, you can add your company website, Facebook, LinkedIn, Twitter, Instagram page, and an optional video link by copying & pasting those links into their respective fields.

Add company photos and a logo

In this section, upload your company photos by selecting Add Photo, clicking Choose File, and selecting the photo you want to upload (Note: JPG, PNG, and GIF are the only accepted file types).

We recommend your company photos be at least 1024x768 pixels, in a landscape orientation (portrait is not compatible with the layout). Be careful not to stretch your photo and be mindful of the dimensions.

The same process applies to uploading your Company Logo. Click Choose File and select the Company Logo you have saved (minimum of 300px width, PNG or JPG files only).

Here's an example of what a careers page looks like with added photos:

Add a company description

We recommend configuring your Company Description before posting your first job in order to attract quality applicants. Your Company Description is displayed on all of your job postings and helps show potential applicants why they should work for you. This is your chance to describe your company and show off its unique culture.

Here is what the Company Description will look like on your careers page:

Configure the header

The Header Widget has 4 blanks: Headline, Tagline, Description, and Background Image.

The most important fields are Headline and Background Image. None of these fields are required. If they are all left blank, the careers page will appear with a solid color background and logo only at the top of the screen:

Here's an example of a careers page with a Headline and Background Image:

In order to add a background image to the header, follow these steps:

1. Scroll to the bottom of the page and select Customize Careers Widget
2. Click the Files tab
3. Under Add a new image…, select Choose File
4. Choose an image saved on your computer and click Upload File
5. Back in the Header Widget section, select the image you just uploaded in the dropdown under Background Image
6. Click Save All Changes at the bottom of the page

You may find that after uploading an image it is hard to see the logo or read the headline or tagline. To mediate that, add a banner image with a background color that contrasts those items.

1. Go back to the Customize Careers Widget page
2. On the Colors tab, choose a Banner Background color. This can be any color you want, but we recommend choosing a color that is in contrast to the color of the logo.
   • Example: If the logo is light, choose a dark color. If the logo is dark, choose a light color.
3. Click Update Live Careers Pages to save all changes.

Using the web widget

If you wish to get the code to place your CareerPlug careers page as a widget on your own company's website, you can find that code by clicking Customize Site Template and/or Careers Widget at the bottom of the Manage Careers Page page (find this page by navigating to Account > Manage Careers Page). Click the Careers Widget item, then click the Widget Code item. Copy the code provided for use on your company's website.

Add company perks

The Company Perks section has 4 fields: Headline, Tagline, Description, and Add Perk. The most important are the Headline and Add Perks.

The headline can be anything from “Benefits” to “What We Offer” to “Why Work for Us?” The Tagline and Description are not required.

Here is a sample of a careers page with added perks:

To add some perks, follow these steps:

1. Click Add Perk
2. Include a Headline (the only required section).
   • We recommend at least adding a Headline and an Icon.

Commonly mentioned perks include:

• Compensation
• Bonus Potential
• Retirement Savings Plans
• Paid Time Off
• Insurance Benefits
• Employee Discounts/free benefits

For the Icons, you can either choose a consistent icon for all perks (ex: a check mark) or you can use a different icon for each perk. We offer an extensive library of icons.

Click Save All Changes when you are finished.

Add testimonials

The Testimonials section has 5 blanks: Name, Location, (Job) Title, Testimonial, and Avatar. The only required fields are Testimonial and Name. Testimonials are often not readily available, but they can really help sell your company to a job seeker.

Here's an example of a careers page with testimonials:

To add a Testimonial, follow these steps:

1. Expand the Testimonials section.
2. Click the Add button.
3. Copy and paste the quote in the Testimonial field.
4. Provide the Name of the team member who you are quoting.
   • If a name wasn’t provided, you may use something generic like their title.
5. Provide the team member's Job Title.
6. Provide the location where the employee you are quoting works.
7. Add an Avatar, following the same basic steps you did to add a header background image:
   • Click Upload Photo
   • Choose an image saved on your computer and click Open
   • Crop the image to your liking and click Save
8. Click Save again in the Testimonials drawer.

Select your brand's main color

Below the Testimonials, you will see Primary Color for Careers Pages. Ideally, you would have your company color hex codes. If not, you can choose from one of the offered colors or find the primary color yourself on your website.

A useful tool to locate a color’s hex code is the Google Chrome extension called ColorPick Eyedropper – this tool allows you to drag your mouse over any color and it will give you that color’s exact hex code. You can then copy and paste the hex code into the blank under the color picker.

Filter options

The final essential configuration option is choosing how your jobs are filtered on your careers page. To access this, click Customize Careers Widget at the bottom of the Company page. From here, head to the Table tab.

Scroll down to where you see Include Job Filtering. You have 5 options for filtering job posts on the careers page. We recommend using the Zip Code Search and Narrow by Job Title, but any of the options may be used. Click Update Preview to view the functionality of each option before you make your final selections.

Once you have chosen the appropriate filters, click Update Live Careers Widget to save all changes.

Custom style code

If you have experience in HTML/CSS and want to explore further configuration options, click the Customize Careers Widget button and head to the Advanced tab. Add custom CSS in the "Custom Style Code" box. We recommend only doing this if you have experience with CSS.