o post jobs from Recruitly on Squarespace 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 Squarespace :
Head over to your Squarespace page. While in edit mode, insert an Embed content block section where you would like your book schedule to appear.
Select the < / > icon. A new box will open labeled Embed Data. In this box, paste the code copied from your Embedded iframe, then select Set, then Apply as shown here:
You can edit this section to appear wider if needed. We recommend always giving the iframe as much width space as possible on the page.
When you're happy, save your changes. Your Bookwhen schedule will then appear on your Squarespace page as demonstrated here:
💡 You can find a helpful Squarespace article that explains this process in further detail here.
Other information about the iframe
The iframe is fully mobile responsive and should work on any device. For the best performance on mobile, we recommend keeping the event names and descriptions as short as possible to prevent the need for scrolling.
The iframe will only display your schedule, events, and alert banner. It doesn't include banner images, buttons, the footer, or any other edits on your page.
If you wish to pre-filter your iframe, you can learn how to do so here.
If you have any issues with your iframe rendering on the page, this is most likely due to another element interfering with the code. We recommend getting in touch with your website manager to troubleshoot further.