Articles on: Job Boards

How to Embed Jobs on Your Website

This article explains how to embed your 100Hires job listings on your company website. Use the iFrame integration to display jobs directly on any website without redirecting candidates to a separate careers page.

Getting the embed code

Go to Settings / Integrations
Find the Website Integration section
Copy the iframe embed code

Adding to your website

Basic embed

Paste the iframe code into your website's HTML where you want jobs to appear:

<iframe
  src="https://100hrs.com/c/your-company-handle"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

WordPress

Edit the page where you want jobs
Add an HTML block or Custom HTML widget
Paste the iframe code
Save and preview

Other website builders

Wix: Add HTML iframe element
Squarespace: Add Code Block
Webflow: Add Embed element
Shopify: Edit theme HTML

Customization options

Height

Adjust the height attribute based on how many jobs you typically have:

Few jobs: height="400"
Many jobs: height="800"
Or use CSS for responsive height

Responsive width

Use width="100%" to make the widget fill its container.

Styling

The widget inherits some styling from your career site settings:

Colors
Fonts
Logo

For more customization, use your career site settings at Settings / Career Site.

What's displayed

The embed shows:

Your public job listings
Department groupings (if configured)
Apply buttons
Job details when clicked

Alternative: Direct link

Instead of embedding, you can link to your career site:

URL: https://100hrs.com/c/your-company-handle
Add a "Careers" link in your navigation
Link opens your 100Hires career page

Tips

Test on mobile devices
Ensure adequate height for your job count
Update your career site branding to match your website
Consider responsive design for different screen sizes

Updated on: 19/12/2025

Was this article helpful?

Thank you!