# Documentation

MuxForms documentation covers the website embed, the JSON submit API, signed submission webhooks, and setup for Next.js, WordPress, and React Native. Create a form in the dashboard, allow your origins, then paste the embed tag or POST matching field names to the ingest endpoint.

## Integration options

| Surface | How to integrate |
| --- | --- |
| Static HTML | div + embed.js |
| Next.js / React | embed.js or @muxforms/react |
| WordPress | Custom HTML block + embed.js |
| Expo / React Native | fetch POST JSON + ingest secret |
| Server Action | POST JSON with ingest secret |
| Your API | Integrations → Custom URL — signed POST per submission |

## Guides

- [Website embed](https://www.muxforms.com/docs/embed): Add data-form-id and embed.js on any HTML page; works with SPAs and Next.js client routes. — Markdown: https://www.muxforms.com/docs/embed.md
- [Form submit API](https://www.muxforms.com/docs/api): POST JSON to ingest submissions from mobile apps, server actions, or custom UIs. — Markdown: https://www.muxforms.com/docs/api.md
- [Webhooks](https://www.muxforms.com/docs/webhooks): Per-form HTTPS endpoint, HMAC signing, retries, and a delivery log with resend. — Markdown: https://www.muxforms.com/docs/webhooks.md
- [Integrations](https://www.muxforms.com/docs/integrations): Slack, Discord, Google Sheets, and automation platforms via signed webhooks. — Markdown: https://www.muxforms.com/docs/integrations.md
- [HTML](https://www.muxforms.com/docs/html): Plain HTML contact page with embed.js—no build step. — Markdown: https://www.muxforms.com/docs/html.md
- [GitHub Pages](https://www.muxforms.com/docs/github-pages): MuxForms embed on user/org GitHub Pages sites. — Markdown: https://www.muxforms.com/docs/github-pages.md
- [Cloudflare Pages](https://www.muxforms.com/docs/cloudflare-pages): Contact forms on Cloudflare Pages static deployments. — Markdown: https://www.muxforms.com/docs/cloudflare-pages.md
- [Netlify](https://www.muxforms.com/docs/netlify): Netlify static sites and SSR frameworks with MuxForms embed. — Markdown: https://www.muxforms.com/docs/netlify.md
- [Vercel](https://www.muxforms.com/docs/vercel): MuxForms on Vercel-hosted Next.js, SvelteKit, or static exports. — Markdown: https://www.muxforms.com/docs/vercel.md
- [Next.js](https://www.muxforms.com/docs/nextjs): App Router contact forms without a custom /api/contact route. — Markdown: https://www.muxforms.com/docs/nextjs.md
- [Astro](https://www.muxforms.com/docs/astro): Islands-friendly contact embed on Astro static or SSR sites. — Markdown: https://www.muxforms.com/docs/astro.md
- [Vue](https://www.muxforms.com/docs/vue): Vue 3 contact embed with onMounted mount. — Markdown: https://www.muxforms.com/docs/vue.md
- [Nuxt](https://www.muxforms.com/docs/nuxt): Nuxt 3 contact page with client-only embed script. — Markdown: https://www.muxforms.com/docs/nuxt.md
- [SvelteKit](https://www.muxforms.com/docs/sveltekit): SvelteKit contact route with onMount embed. — Markdown: https://www.muxforms.com/docs/sveltekit.md
- [Remix](https://www.muxforms.com/docs/remix): Remix contact route with root Scripts and client mount. — Markdown: https://www.muxforms.com/docs/remix.md
- [Gatsby](https://www.muxforms.com/docs/gatsby): Gatsby static sites and Gatsby Cloud with embed.js. — Markdown: https://www.muxforms.com/docs/gatsby.md
- [Angular](https://www.muxforms.com/docs/angular): Angular contact component with AfterViewInit mount. — Markdown: https://www.muxforms.com/docs/angular.md
- [Hugo](https://www.muxforms.com/docs/hugo): Hugo partial with MuxForms embed for static contact pages. — Markdown: https://www.muxforms.com/docs/hugo.md
- [Jekyll](https://www.muxforms.com/docs/jekyll): Jekyll include for GitHub Pages contact forms. — Markdown: https://www.muxforms.com/docs/jekyll.md
- [Eleventy](https://www.muxforms.com/docs/eleventy): 11ty shortcode or Nunjucks include for MuxForms. — Markdown: https://www.muxforms.com/docs/eleventy.md
- [WordPress](https://www.muxforms.com/docs/wordpress): Contact forms via Custom HTML block—no plugin or PHP mail. — Markdown: https://www.muxforms.com/docs/wordpress.md
- [Webflow](https://www.muxforms.com/docs/webflow): Embed MuxForms in Webflow via Embed element or custom code. — Markdown: https://www.muxforms.com/docs/webflow.md
- [Framer](https://www.muxforms.com/docs/framer): Framer Embed component with MuxForms script. — Markdown: https://www.muxforms.com/docs/framer.md
- [Wix](https://www.muxforms.com/docs/wix): Wix HTML embed or Velo fetch to MuxForms. — Markdown: https://www.muxforms.com/docs/wix.md
- [Squarespace](https://www.muxforms.com/docs/squarespace): Squarespace Code block with MuxForms embed. — Markdown: https://www.muxforms.com/docs/squarespace.md
- [Shopify](https://www.muxforms.com/docs/shopify): Theme section or page template with MuxForms embed. — Markdown: https://www.muxforms.com/docs/shopify.md
- [Ghost](https://www.muxforms.com/docs/ghost): Ghost theme contact page with Code injection or HTML card. — Markdown: https://www.muxforms.com/docs/ghost.md
- [Carrd](https://www.muxforms.com/docs/carrd): Carrd Embed element for one-page contact sections. — Markdown: https://www.muxforms.com/docs/carrd.md
- [React Native](https://www.muxforms.com/docs/react-native): POST JSON from native UI; same inbox as website embeds. — Markdown: https://www.muxforms.com/docs/react-native.md
- [Expo Router](https://www.muxforms.com/docs/expo-router): Expo Router screens POST contact JSON to MuxForms. — Markdown: https://www.muxforms.com/docs/expo-router.md
- [Flutter](https://www.muxforms.com/docs/flutter): Dart http client POST to MuxForms submit API. — Markdown: https://www.muxforms.com/docs/flutter.md
- [Swift](https://www.muxforms.com/docs/swift): URLSession POST for iOS and macOS contact forms. — Markdown: https://www.muxforms.com/docs/swift.md
- [Kotlin](https://www.muxforms.com/docs/kotlin): OkHttp or Ktor POST for Android contact screens. — Markdown: https://www.muxforms.com/docs/kotlin.md
- [Bubble](https://www.muxforms.com/docs/bubble): Bubble API Connector POST to MuxForms submit. — Markdown: https://www.muxforms.com/docs/bubble.md

## FAQ

### Where do I find my form id?

Open the form in the MuxForms dashboard and copy the UUID shown for embed and API use.

### Why is my embed submission blocked?

Add the exact site origin (scheme + host) to the form allowlist and ensure the submit token flow is used in the browser.

### What Content-Type does the API expect?

application/json with field names that match the published schema.

### Do native apps need CORS?

No. Native clients should send the per-form ingest secret instead of relying on browser CORS.

---

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