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?

The Basic Jobs Widget and the Advanced Jobs Widget both use JavaScript to function with websites and end users.  If the CMS (content management system) used to host your website doesn't support the use of JavaScript, the widget will not work.  While we are unable to test on every CMS on the market, we have tested and know the basic widget will work on WIX and company maintained wordpress sites. 

The basic widget will not work on Squarespace or wordpress.com sites that are hosted by wordpress.  

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?
3 out of 12 found this helpful