> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.100hires.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Embed Jobs on Your Website

# 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

1. Go to [**Settings / Integrations**](https://app.100hires.com/settings/integrations)
2. Find the **Website Integration** section
3. Copy the iframe embed code ![How to Embed Jobs on Your Website: Getting the embed code](https://storage.crisp.chat/users/helpdesk/website/-/4/f/a/a/4faab8f2b2ab0400/how-to-embed-jobs-on-website-1_nrc9n.png)

## Adding to your website

### Basic embed

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

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

### WordPress

1. Edit the page where you want jobs
2. Add an HTML block or Custom HTML widget
3. Paste the iframe code ![How to Embed Jobs on Your Website: WordPress](https://storage.crisp.chat/users/helpdesk/website/-/4/f/a/a/4faab8f2b2ab0400/how-to-embed-jobs-on-website-2_a502dl.png)
4. Save and preview ![How to Embed Jobs on Your Website: WordPress](https://storage.crisp.chat/users/helpdesk/website/-/4/f/a/a/4faab8f2b2ab0400/how-to-embed-jobs-on-website-3_1t5musn.png)

### 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**](https://app.100hires.com/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://100hires.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