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": "Gym trial",
"project": "Local business",
"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": "phone",
"label": "Phone",
"type": "tel",
"required": true,
"placeholder": "+1 555 0100"
},
{
"name": "goal",
"label": "Primary goal",
"type": "select",
"required": true,
"options": [
"Weight loss",
"Strength",
"General fitness"
]
},
{
"name": "start_date",
"label": "Preferred start date",
"type": "date",
"required": false
}
]
}