Framer doesn't have built-in form submission handling. Use Flowqen's embed code or widget to add a fully functional form to any Framer site.
Go to flowqen.com/create and create a form in 10 seconds. No account needed. Copy the form ID from the URL.
The simplest approach — just paste this HTML into your Framer project:
<!-- In Framer: Add a "Code" component, paste this HTML -->
<form action="https://flowqen.com/api/f/YOUR_FORM_ID" method="POST"
style="display:flex;flex-direction:column;gap:12px;max-width:400px;">
<input type="text" name="name" placeholder="Name" required
style="padding:10px;border:1px solid #ddd;border-radius:8px;" />
<input type="email" name="email" placeholder="Email" required
style="padding:10px;border:1px solid #ddd;border-radius:8px;" />
<textarea name="message" placeholder="Message" rows="4" required
style="padding:10px;border:1px solid #ddd;border-radius:8px;"></textarea>
<button type="submit"
style="padding:12px;background:#E14E3A;color:white;border:none;border-radius:8px;cursor:pointer;">
Send Message
</button>
</form>Use Framer's native patterns for a better developer experience:
// Alternative: Use the Flowqen widget embed script
// In Framer: Add → Custom Code → paste this in the <head> or <body> section:
<script src="https://flowqen.com/widget.js" data-form-id="YOUR_FORM_ID"></script>
// This renders a floating form button on your Framer site.
// Visitors click it → a form slides in → submissions go to your Flowqen dashboard.
// No coding needed beyond pasting the one script tag.Submit a test entry. Go to your Flowqen dashboard to see the submission. Set up email notifications, Slack alerts, or any of our 22+ integrations.