Posting Recruitly Jobs on Framer-Built Websites

To post jobs from Recruitly on Framer-built websites, follow the steps below:

1. Create a Job Board Theme:
​

- Click on your user icon at the top right corner of the screen and navigate to the "System Configuration" section.​
- Under the System Settings, locate and click on "Embedded Job Board Themes." Alternatively, you can use the below link to access the page directly.​
- Click on "+New Theme" to initiate the creation of a new job board theme. Configure the necessary fields, and preview options will appear next to the configuration fields.
​

​

2. Copy the Iframe Code From Recruitly Account:

​

​

<iframe id="recruitlyjoblistingframe" style="width: 98%; border: 0 none; margin: 0 auto; opacity: 1; visibility: visible;"
src="https://secure.recruitly.io/public/jobs/t?theme=51&apiKey=WEAV1001764028E594BF49688A653966A1729A21"
onload="resizeJobsFrameHeight()" onresize="resizeJobsFrameHeight()" onclick="resizeJobsFrameHeight()"></iframe>
<script> function resizeJobsFrameHeight(){var e=window.addEventListener?"addEventListener":"attachEvent";(0,window[e])("attachEvent"==e?"onmessage":"message",function(e){-1!=e.data.indexOf("recruitlyresize::")&&(e=e.data.replace("recruitlyresize::",""),document.getElementById("recruitlyjoblistingframe").style.height=e+"px")},!1)}
</script>

3. Add an iframe or embed script on Framer:

Their embed component allows for easy embedding of sites, iframes, widgets, and scripts.
​

Navigate to the "insert" menu and enter "embed". Move the component to the canvas and input a URL. Note that certain websites may not permit embedding through HTTP headers, which is necessary for enabled integrations.
​

For services that utilize a script to include an iframe, you can include the `<script>…</script>` tag in the HTML section. This approach generally works, although you may need to manually enclose it with some code depending on the specific integration.
​

You're all Set, Easily post Jobs from your Recruitly Account to the website!