> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hirehive.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

***

You can easily add jobs to your website using our iFrame option. This will allow candidates to apply directly on your website - resulting in a seamless application process where the candidate never has to leave your site.

This is a simple piece of code, which can be styled using CSS.

This will allow candidates to apply directly on your website - resulting in a seamless application process where the candidate never has to leave your site.

### Benefits

* Creates a job listing that matches your branding.
* Easy to set up.
* Automatically updates the list of open jobs whenever you create or edit a job in HireHive.
* Allows you to customise the display of your job posts (e.g. by category or location) to help candidates quickly find the jobs that are relevant for them.

***

## Default Layout

The default layout lists all published jobs. This is ordered chronologically by publish date.

```js theme={null}
var defaultConfig = {
    grouping: '',
    category: '',
    container: '#default-layout'
};
```

<iframe src="https://hirehive-testing-account.hirehive.com/embed" width="100%" height="500px" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
  {" "}
</iframe>

## Grouped Layout

If you have a lot of open roles then you can group them.
HireHive gives you the option to group jobs either by category or by country.

```js theme={null}
var groupedConfig = {
  grouping: "category", // 'country'
  category: "",
  container: "#grouped-layout",
};
```

<iframe src="https://hirehive-testing-account.hirehive.com/embed?grouping=category" width="100%" height="500px" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
  {" "}
</iframe>

## Partial Listing

If you need to display published jobs from a certain category or country, you have that option with HireHive.

```js theme={null}
var partialConfig = {
    grouping: "",
    category: "",
    countryCode: "IE",
    container: "#partial-layout"
};
```

<iframe src="https://hirehive-testing-account.hirehive.com/embed?CountryCode=IE" width="100%" height="500px" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
  {" "}
</iframe>

<CardGroup cols={2}>
  <Card title="Check out our API" icon="code" href="/api-reference/authentication">
    Learn how to use our API.
  </Card>

  <Card title="Iframe" icon="frame" href="/api-reference/webhooks/introduction">
    Get started creating your own automations
  </Card>
</CardGroup>