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": "Wedding inquiry",
"project": "Events",
"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": "wedding_date",
"label": "Wedding date",
"type": "date",
"required": true
},
{
"name": "venue",
"label": "Venue or city",
"type": "text",
"required": true
},
{
"name": "guest_count",
"label": "Estimated guest count",
"type": "number",
"required": false
},
{
"name": "message",
"label": "Tell us about your day",
"type": "textarea",
"required": true,
"placeholder": "How can we help?"
}
]
}