Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed JazzHR jobs on your Shopify website for FREE?

Simplify hiring with our JazzHR Jobs widget, showcasing your open positions directly on your website to attract top talent and streamline the application process.

How to embed JazzHR jobs on your Shopify website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
September 2, 2026 5 min read Ask ChatGPT
Quick answer

Your JazzHR jobs on Shopify website — live in 3 steps

SociableKIT syncs your jazzhr jobs automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick JazzHR jobs in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Shopify website. No dev team needed.

  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed JazzHR jobs with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Shopify website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed JazzHR jobs on your Shopify website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your JazzHR jobs widget

The first part is creating your JazzHR jobs widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed JazzHR jobs on your Shopify website for FREE?
  2. Select "JazzHR jobs" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "JazzHR jobs" on the dropdown - How to embed JazzHR jobs on your Shopify website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed JazzHR jobs on your Shopify website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed JazzHR jobs on your Shopify website for FREE?
  5. Paste the embed code and save your Shopify website page. Please follow the second part below to add JazzHR jobs widget to your Shopify website .

Add JazzHR jobs widget to your Shopify website

The second part is adding your JazzHR jobs widget to your Shopify website . After you customize your JazzHR jobs widget and copied the embed code, it is time to add it to your Shopify website . Follow the steps below.

  1. Copy your free JazzHR jobs widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Shopify. 
  3. On the left side, click Online Store. 
  4. Click Pages. Add a new page or edit your existing page.
  5. On the Page details, click Show HTML icon (<>). 
  6. Paste the embed code and click the Save button.
  7. Click the View page button. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed JazzHR jobs on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed JazzHR jobs on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed JazzHR jobs on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed JazzHR jobs on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed JazzHR jobs on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed JazzHR jobs on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed JazzHR jobs on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

To embed JazzHR jobs on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your JazzHR jobs widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Common questions

Frequently asked questions

Everything you need to know about embedding JazzHR jobs on your Shopify website.

What is a JazzHR Jobs widget?

A JazzHR Jobs widget displays your open JazzHR positions directly on your website. It gives candidates a clear place to discover current opportunities while your hiring team continues managing jobs and applicants in JazzHR.

How does the SociableKIT JazzHR Jobs widget work?

SociableKIT collects the available positions from your connected JazzHR source and turns them into a website-ready job feed. Create the widget, customize its design, copy the embed code, and paste it into your careers page.

What do I need to connect my JazzHR jobs?

You need a JazzHR career page or job source with openings available for public viewing. Select or enter the required source information in SociableKIT, then the widget can collect the available job data.

Do I need coding skills or a JazzHR API key?

No coding experience or custom API development is required for the standard SociableKIT setup. You connect your source, copy one embed code, and paste it into a supported code or embed block.

Will new JazzHR jobs update automatically on my website?

Yes, automatic syncing is included on paid SociableKIT plans. Newly published or updated openings can appear without rebuilding the widget, while the free plan can be refreshed using manual sync requests.

What happens when a job is closed or removed in JazzHR?

A closed or removed role is no longer an active public opening. After SociableKIT receives the latest source data, it should stop appearing in the widget without requiring you to delete it manually from your website.

Can the widget display draft or internal JazzHR jobs?

The widget is intended for jobs available through your public JazzHR career source. Draft, internal-only, closed, or otherwise restricted positions may not appear because they are not available to public candidates.

What job information can the widget display?

Available information may include the job title, description, department, employment type, city, state, location, and application destination. The exact details shown depend on the data available from JazzHR and the selected SociableKIT layout.

Can candidates apply for a job through the widget?

Candidates can select an opening and continue to the JazzHR job or application form. This keeps your existing application process in place while making each position easier to discover from your website.

Does SociableKIT collect or store candidate applications?

SociableKIT displays your openings and directs candidates to the available JazzHR application experience. Applications submitted through JazzHR remain part of your existing recruiting workflow.

Can the widget show remote and on-site jobs?

Yes, when work-location information is included in the public JazzHR job data, it can be reflected in the feed. The exact wording and placement depend on the source information and the current widget design.

Can candidates search or filter the job listings?

Search and filtering options depend on the controls supported by the selected SociableKIT layout and the job fields received from JazzHR. Review the widget preview to confirm whether candidates can narrow roles by title, location, department, employment type, or keywords.

Can I customize the widget to match my employer brand?

Yes. You can customize colors, fonts, layout, calls to action, and other design details on every SociableKIT plan. This helps the job feed feel like a natural part of your careers page.

Can I control which JazzHR jobs appear?

The most reliable way to control the feed is to manage each job's visibility and status in JazzHR. Additional content controls and automatic moderation depend on the features included in your SociableKIT plan.

Which website builders support the JazzHR Jobs widget?

SociableKIT works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and custom HTML websites. Your platform only needs to support a code, HTML, or embed block.

Will the widget work on mobile devices?

Yes. The widget is designed for responsive website layouts, helping candidates browse openings on desktop, tablet, and mobile screens. Preview the page at different sizes before publishing for the best experience.

Will embedding JazzHR jobs slow down my website?

Any external widget adds some browser work, but SociableKIT removes the need to build and maintain the job integration yourself. Place it on a relevant careers page and test page performance after publishing, especially when the page already contains several scripts.

Does SociableKIT offer a free JazzHR Jobs widget?

Yes. The free plan includes one source, one widget, up to 2,000 monthly views, up to 100 displayed items, full design customization, SociableKIT branding, and manual syncing. No credit card is required to start.

Can the widget handle growing traffic and multiple websites?

Paid SociableKIT plans include unlimited widgets, views, domains, websites, and teammates, while pricing is based mainly on connected sources. Paid plans also include automatic syncing and allow SociableKIT branding to be removed.

What support is available if I need help?

SociableKIT provides human support through chat and email on every plan, with 24/7 support on paid plans. The team can help with source setup, embedding, customization, syncing, and common website-builder issues.

Add your JazzHR jobs widget today

Set up in minutes. Free forever to start.

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View JazzHR jobs widget page →