Framer

Framer does not include a form backend, but its Embed component lets you drop raw HTML straight onto the canvas. Paste a Formstork form there, point the action at the endpoint, and every submission reaches your inbox and dashboard. No plugins, no serverless functions.

Paste this form

<form action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label>Name <input type="text" name="name" required></label>
  <label>Email <input type="email" name="email" required></label>
  <label>Message <textarea name="message" required></textarea></label>
  <!-- Honeypot: bots fill this, humans don't. Keep it hidden. -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
  <button type="submit">Send</button>
</form>

Step by step

1. Grab your access key. Sign in to the Formstork dashboard, create a form, and copy its access key. The free plan covers 250 submissions a month.
2. Add an Embed component. In the Framer editor, open the Insert panel and drag an Embed onto your canvas. Set its type to HTML (not URL) and place it where the form should appear.
3. Paste the form. Drop the snippet above into the Embed’s HTML field.
4. Set your key. Replace YOUR_ACCESS_KEY with the key you copied.
5. Publish. Hit Publish in the top right. Framer serves the embed on your live page and the form posts to Formstork.
6. Send a test. Fill in the live form. The submission shows up in your dashboard and inbox within seconds.

Styling and thank-you page

The embedded form uses browser defaults. Add inline styles or a small <style> block inside the same Embed to match your Framer design. After a visitor submits, Formstork shows its default thank-you page.

Keep spam out

The hidden botcheck honeypot catches most bots, and Formstork runs a server-side spam filter on top, so you stay clean without a reCAPTCHA badge.