Embed the Basic Jobs Widget on Your Website

Embed JazzHR's Basic Jobs Widget on your website to generate a real-time list of your JazzHR jobs and application forms. Use this integration option if you have 12 jobs or fewer and don't require the ability to search or filter. For more advanced functionality, embed the Advanced Jobs Widget or consider a more customized integration method.

The Basic Jobs Widget, which is a small piece of code, is compatible with any webpage that accepts JavaScript. It displays your jobs in an HTML list format. This article covers:

Setting up the Basic Jobs Widget

  1. Click Settings
  2. Click Career Page.
  3. Scroll to the "Jobs Widget" section.
  4. Copy the entire line of code that appears in the "Option 1: Use the Basic Jobs Widget"
  5. Paste the code into your company website's source code (HTML) or CMS where you'd like the widget to appear. Note: Contact your site administrator for assistance if needed.
  6. Save your page in the CMS, or upload the edited HTML file to your server.
  7. Confirm the widget is appearing on your company website.

Editing Jobs Widget Styles

Use CSS to edit the basic look and feel of any unique elements contained in the Basic Jobs Widget.

  1. Click Settings.
  2. Click Career Page.
  3. Scroll to "Jobs Widget" section.
  4. Click Edit Widget Styles.
  5. Scroll to the bottom of the editor to enter CSS.
  6. Click Save Layout.


Frequently Asked Questions

Why won't the Basic Jobs Widget work with my CMS?

Neither the Basic Jobs Widget nor the Advanced Jobs Widget interacts with any webpage builders that don’t accept JavaScript. This includes WIX, Squarespace and hosted wordpress.com sites.

Can I remove the Type and Minimum Experience headers from the Basic Widget using CSS?

No, unfortunately these are hardcoded with inline styles and cannot be removed with CSS.

Was this article helpful?
2 out of 9 found this helpful