MuxForms on Gatsby adds embed.js in gatsby-ssr or the page component via react-helmet or a Script in the contact template, plus data-form-id on src/pages/contact.js. Allow your Gatsby Cloud or Netlify URL.
Docs
Gatsby generates static HTML—MuxForms is the dynamic POST layer you do not bake into gatsby-node.
| Hook | Use |
|---|---|
| src/pages/contact.js | Form mount div |
| gatsby-browser.js | import script side effect optional |
| Helmet | Script src in head |
| Allowlist | Published site origin |
import { Helmet } from "react-helmet";
export default function ContactPage() {
return (
<>
<Helmet>
<script src="https://www.muxforms.com/embed.js" defer />
</Helmet>
<h1>Contact</h1>
<div data-form-id="FORM_UUID" />
</>
);
}Rebuild Gatsby when copy changes—not when form schema tweaks.
Upgrade to Pro