Integration Guides

Framer form backend integration

Framer form backend integration

Use a custom HTML embed or native form action to submit to MyFormConnect — multi-step flows, file uploads, and AI-generated forms included.

How to connect

Official platform: Framer

  1. 1 Create your form in the dashboard and copy the Form UUID.
  2. 2 Generate a form with AI using your portal skill (e.g. /skills/myformconnect/html/SKILL.md or /skills/myformcapture/html/SKILL.md).
  3. 3 Paste the HTML into Framer Insert -> Embed, add loader.js for CAPTCHA, and publish.

Best for

  • Portfolio and startup sites built in Framer.
  • Multi-step lead forms with file uploads.
  • Landing pages that need quick lead capture without a plugin.

Implementation tips

  • Use the HTML skill URL in AI prompts so field names come out right.
  • Add loader.js + CAPTCHA before launch — bots burn quota even when filtered.
  • Test submissions in production mode before sharing the page.

Frequently asked questions

How long does Framer integration usually take?

Most setups are completed in minutes once your endpoint is created and the form action is updated.

Do I need custom server code for Framer forms?

No. You can submit directly to your MyFormConnect endpoint without running your own backend for basic lead capture.

Can I route submissions to other tools after capture?

Yes. You can use notifications and webhook-based automations to send data downstream.

Ready to implement Framer forms?

Create your endpoint, update your form action, and start capturing submissions today.

Get Started