Embedding Interviews
You can embed a WiseWay interview directly into your careers page so candidates never leave your website.
Basic iFrame Code
<iframe
src="YOUR_INTERVIEW_LINK"
allow="camera *; microphone *; autoplay *; encrypted-media *; fullscreen *; display-capture *;"
width="100%"
height="100%"
style="border: none; border-radius: 20px"
></iframe>Replace YOUR_INTERVIEW_LINK with the public interview link from your position settings.
Permissions
The allow attribute is critical — without it, the browser will block camera and microphone access inside the iFrame. Make sure to include:
camera— for video recordingmicrophone— for audio recordingautoplay— for playing question videos
Custom Domain and Embedding
If you're using a custom domain, the interview can only be embedded from:
- Subdomains of the same root domain
- The default WiseWay domain
Embedding from an unrelated domain (e.g. a different Webflow site) may result in a 404 error.
Responsive Design
For a responsive embed that fills the available space:
<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">
<iframe
src="YOUR_INTERVIEW_LINK"
allow="camera *; microphone *; autoplay *; encrypted-media *; fullscreen *; display-capture *;"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 20px"
></iframe>
</div>Event Listening
You can listen for interview events using postMessage:
window.addEventListener("message", (event) => {
if (event.data.type === "interview.loaded") {
console.log("Interview loaded");
}
if (event.data.type === "interview.finished") {
console.log("Interview completed");
}
});