iFrame Integration
flatchr.io allows clients to embed their job listings on their website or intranet without any technical knowledge, simply by copy-pasting, using an iframe.
If you want to retrieve your listings in JSON format, you can do so via the API 👉 Retrieve active listings.
To configure the iframe, you need your slug, which is the unique reference for your company found in the URL of your career site.
It is also available under Administration > Advanced > Subdomain configuration
Example: in https://flatchr.flatchr.io, flatchr is the unique reference or "slug".
Website
To embed your job listings on your website, find below the iframe code to add to the page where you want them to appear.
Simply replace slug with your unique company reference found under Advanced Settings > Advanced > Subdomain configuration
- iFrame without parameters
- iFrame with parameters
<iframe
src="https://careers.flatchr.io/company/{SLUG}?iframe=true"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
<iframe
src="https://careers.flatchr.io/company/{SLUG}?iframe=true&btn_color=f7be00&background_color=FFFFFF"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Example with the Flatchr slug
- iFrame without parameters
- iFrame with parameters
<iframe
src="https://careers.flatchr.io/company/flatchr?iframe=true"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
<iframe
src="https://careers.flatchr.io/company/flatchr?iframe=true&btn_color=f7be00&background_color=FFFFFF"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Test your iFrame with W3Schools-Try It Yourself
For more information about iframes, you can refer to this documentation.
Customization
The iframe can be customized using several parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| iframe | string | ✔️ | Removes default styles |
| iframe_redirect_url | boolean | Open links within the iframe | |
| background_color | hex code | Background color | |
| btn_color | hex code | Button color | |
| submit_text | string | Button text | |
| disable_email | boolean | Disable mandatory email to apply | |
| career_redirect_url | url | Redirect URL to the career site | |
| response_text | string | Thank you message text | |
| spontaneous | string | Position of the spontaneous application button (top, bottom, none) | |
| header | boolean | Force header display in iframe mode (default: false) |
Parameters must be added to the URL prefixed by the & symbol
Intranet
In your Flatchr workspace under Administration > Advanced you must enter the URL address of your intranet in the Intranet Configuration section so that your iframe can only be displayed within your intranet.
To embed your job listings on your intranet, find below the iframe code to add to the page where you want them to appear.
Simply replace slug with your unique company reference found under Advanced Settings > Advanced > Subdomain configuration
<iframe
src="https://careers.flatchr.io/intranet/slug?iframe=true"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Test your iFrame with W3Schools-Try It Yourself
For more information about iframes, you can refer to this documentation.
Customization
The iframe can be customized with the same parameters as for the website.