Framer

Connect Framer forms to FormsReach

Use the FormsReach Framer plugin to design a form, create it in FormsReach, paste your API key, publish, and allow your domain. No custom backend on your site.

Vercel
Cloudflare
WordPress
Webflow
Framer
Shopify
Get Started

Set up FormsReach with Framer

Connect your form in a few steps. No custom backend required.

  1. 1

    Design your site in Framer

    Build your Framer page as usual. Leave room for a contact form where leads should convert.

    Framer canvas with a website design ready for a contact form
  2. 2

    Open the FormsReach plugin

    In Framer, open the FormsReach plugin from the browser or plugin panel so you can attach a form without leaving the canvas.

    Opening the FormsReach plugin from Framer
  3. 3

    Review the plugin panel

    Confirm you see the FormsReach form setup UI. From here you connect an account, create a form, and paste credentials.

    FormsReach plugin view inside Framer
  4. 4

    Create a form after sign-in

    Sign in at FormsReach if prompted. Create a form for this Framer site (or open an existing one).

    FormsReach form creation screen after login
  5. 5

    Copy your API key

    Copy the form public API key from the onboarding dialog or form overview.

    FormsReach onboarding dialog showing the form API key
  6. 6

    Paste the key in Framer

    Return to the FormsReach plugin in Framer and paste the API key into the key field so the form posts to your FormsReach endpoint.

    Pasting the FormsReach API key into the Framer plugin
  7. 7

    Confirm the key in Framer

    Save or apply the key in the plugin window. The form on the canvas should now target your FormsReach form.

    Updating and confirming the API key in the Framer plugin window
  8. 8

    Publish and copy your domain

    Publish the Framer site, then copy the live host (for example yoursite.framer.website or your custom domain). Canvas preview origin can differ from production.

    Publishing the Framer site and reading the public domain
  9. 9

    Allow the domain in FormsReach

    In FormsReach, open Allowed domains for the form and add the published host. Without it, browser submissions from production are rejected. Optionally configure Channels for email (WhatsApp on Pro and Agency).

    Adding the Framer published domain to FormsReach allowed domains

You have successfully configured FormsReach on your website

Your Framer form is connected. Next, choose where submissions should go: email, WhatsApp, Telegram, Discord, webhooks, or Google Sheets.

Configure channelsOpen dashboard

Platform notes

Troubleshooting

What you get

Monthly credits for submissions and delivery. Scale when volume grows.

Free

500 credits every month for form submissions, email, webhooks, and workflow rules. Spam filtering included. No credit card required.

Starter, Pro & Agency

Larger monthly credit pools (2,000 / 5,000 / 18,000). WhatsApp via Meta Business API unlocks on Pro and Agency. See pricing.

FAQ

Common questions about FormsReach with Framer.

Why do I need an allowed domain?+

The form API key is public by design for HTML embeds. Allowed domains restrict which hosts can submit. Add every production host you publish in Framer, including custom domains.

Does Framer need a custom backend for contact forms?+

No for this path. FormsReach is the form backend. The Framer plugin and form markup POST to our endpoint with your key and a whitelisted domain.

Can I style the form in Framer?+

Yes. Style wrapper frames in Framer and use CSS classes on the form, or keep the form minimal and style around it.

Free vs paid delivery?+

Email, webhooks, and workflow rules are available on Free and Starter with monthly credits. WhatsApp via Meta WhatsApp Business API is available on Pro and Agency.

What if I prefer raw HTML instead of the plugin?+

You can still paste an HTML form with method POST, the FormsReach submit URL, and a hidden api_key field into a Code or Embed component. The plugin is the guided path shown in the screenshots.

Related integrations

More platforms that connect to FormsReach the same way.

Ready to receive form leads?

Create a free API key. Upgrade when you need more monthly credits.

Get started →