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

# Integration: Wix

> How can I use Wix to integrate Hireflix?

Hireflix interviews can be easily embedded into your Wix website to create a smooth, on-brand candidate experience. This guide walks you through the setup process and helps you avoid common pitfalls, especially when using a custom domain.

## Requirements

To embed a Hireflix interview in Wix, make sure you have:

* A **Wix paid plan (only paid plans allow custom HTML iframes for embedding Hireflix)**
* A **custom domain** connected to your Wix site

## 📹 Watch our video tutorial

<iframe src="https://www.loom.com/embed/88ddb3d10cab4f7897f1b086b2675e00" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen className="w-full h-96 rounded-xl" />

## Step 1: Get your Hireflix interview link

Start by copying your public interview link. It should look like this:

```
https://app.hireflix.com/31dah1DX
```

If you’re using a public application link with prefilled parameters, it might look like this:

```
https://app.hireflix.com/public-application/68b43e38b19cf131a17c543f?firstName=John
```

## Step 2: Add an Embed element in Wix

* Open your Wix site editor.
* Click the **➕ Add Elements** button.
* Select **Embed → Custom Embeds → Embed a Widget**.
* Click **Enter Code** and paste the following code:

```html theme={null}
<iframe 
  src="YOUR_HIREFLIX_LINK_HERE"
  allow="camera *; microphone *; autoplay *; encrypted-media *; fullscreen *; display-capture *;"
  width="100%"
  height="100%"
  style="border: none; border-radius: 20px;"
>
</iframe>
```

Make sure to replace the `<YOUR_HIREFLIX_LINK_HERE>` value. This code enables camera and microphone access, allowing candidates to complete their interviews directly from your website.

## Step 3: Add permissions automatically (recommended)

Wix sometimes resets iframe permissions when re-rendering content. To ensure permissions stay active, add this small script to your site:

```html theme={null}
<script>
function addPermissions(iframe) {
  const ALLOW_PERMISSIONS = 'camera *; microphone *; autoplay *; encrypted-media *; fullscreen *; display-capture *;';
  if (iframe.allow === ALLOW_PERMISSIONS) return;
  iframe.setAttribute('allow', ALLOW_PERMISSIONS);
  iframe.allow = ALLOW_PERMISSIONS;
  iframe.src = iframe.src;
}

document.querySelectorAll('iframe').forEach(addPermissions);

const observer = new MutationObserver(function (mutationsList) {
  for (let mutation of mutationsList) {
    if (mutation.addedNodes && mutation.addedNodes.length) {
      for (let node of mutation.addedNodes) {
        if (node.querySelectorAll) {
          node.querySelectorAll('iframe').forEach(addPermissions);
        }
      }
    }
  }
});

observer.observe(document.body, { childList: true, subtree: true });
</script>
```

## Step 4: Avoiding 404 Errors with Custom Domains

If you’re seeing a **404 error** when embedding an interview, it’s likely due to **domain restrictions**. For security reasons, Hireflix only allows interviews hosted on:

* Subdomains of your custom domain (e.g., `something.yourdomain.com`), or
* `app.hireflix.com`

This restriction prevents malicious sites from embedding your interviews without permission (e.g., phishing or click-tracking).

### ✅ Solution:

If you’re embedding Hireflix on a custom domain (e.g., Webflow, Wix, or another builder), make sure:

* The site is hosted under your domain or a subdomain of it, and
* The interview domain matches (`yourdomain.com` and not `webflow.com` or `wixsite.com`).

<Info>
  For Webflow users, you can read more here: [Connect a custom domain in Webflow](https://help.webflow.com/hc/en-us/articles/33961334343827-Connect-a-custom-domain-overview)
</Info>