# Webflow

MuxForms on Webflow is an Embed component with the data-form-id div and embed.js. Publish to webflow.io or your custom domain and allow that exact origin on the form.

## Webflow

| Step | Action |
| --- | --- |
| Embed element | Paste HTML |
| Publish | Note live URL |
| Allowlist | https://yoursite.webflow.io or custom |
| Styling | MuxForms dashboard tokens |

## Embed component code

```
<div data-form-id="FORM_UUID"></div>
<script src="https://www.muxforms.com/embed.js" defer></script>
```

## Placement

Drop the embed inside your contact section below the hero. Webflow z-index stacking rarely conflicts; if it does, set the embed wrapper position to relative.

## FAQ

### Webflow forms vs MuxForms?

MuxForms centralizes inbox with your code sites; Webflow forms stay in Webflow only.

### Editor preview?

Allow webflow.io subdomain if preview submit must work.

### CMS collection pages?

Same embed on the contact template.

### 403 after custom domain?

Update allowlist when DNS switches from webflow.io.

---

HTML version: https://www.muxforms.com/docs/webflow
Source: MuxForms (https://www.muxforms.com)