HTML embed
<div data-form-id="FORM_UUID"></div>
<script src="https://www.muxforms.com/embed.js" defer></script>
React
import { MuxForm } from "@muxforms/react";
export function ContactForm() {
return <MuxForm formId="FORM_UUID" />;
}JSON schema
{
"name": "Quote request",
"project": "Sales",
"fields": [
{
"name": "name",
"label": "Name",
"type": "text",
"required": true,
"placeholder": "Jane Doe"
},
{
"name": "email",
"label": "Email",
"type": "email",
"required": true,
"placeholder": "jane@company.com"
},
{
"name": "company",
"label": "Company",
"type": "text",
"required": false,
"placeholder": "Acme Inc."
},
{
"name": "project_type",
"label": "Project type",
"type": "select",
"required": true,
"options": [
"Website",
"Branding",
"SEO",
"Other"
]
},
{
"name": "budget",
"label": "Budget range",
"type": "select",
"required": false,
"options": [
"Under $5k",
"$5k–$15k",
"$15k–$50k",
"$50k+"
]
},
{
"name": "details",
"label": "Project details",
"type": "textarea",
"required": true
}
]
}