View .md

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

Gatsby generates static HTML—MuxForms is the dynamic POST layer you do not bake into gatsby-node.

Gatsby

HookUse
src/pages/contact.jsForm mount div
gatsby-browser.jsimport script side effect optional
HelmetScript src in head
AllowlistPublished site origin

src/pages/contact.js

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" />
    </>
  );
}

Common questions

Gatsby Functions?
Optional server proxy; embed avoids them for marketing contact.
MDX contact page?
Import a React component that renders the div + Helmet script.
Image CDN domain?
Allowlist is the page origin, not the asset CDN.
Migrate from getform?
Swap endpoint for MuxForms embed snippet.

Static generation, live inbox.

Rebuild Gatsby when copy changes—not when form schema tweaks.

Upgrade to Pro