Framer CMS Form Integration
Collect testimonials, applications, and listings with a form and publish them back to your site as CMS entries. No external database.
Framer forms, straight into Framer CMS.
Forms Plugin connects your Framer forms to the CMS in the same Framer project using Framer's Server API. Every submission becomes a CMS entry. If the collection does not exist yet it is created with the first entry, and any missing fields are added for you. Entries appear in your CMS immediately and go live with your next publish, so the content you collect is content you can design with.
Everything you need, built in.
What teams build with this.
Testimonial collection
A testimonial form writes each submission into a Testimonials collection, ready to review and drop into a design component.
Job applications
An application form fills an Applicants collection so the whole team can read submissions inside Framer without another tool.
Directory and listing submissions
A submit-your-listing form adds draft entries to a directory collection, which you publish once approved.
Connect Framer CMS in 6 steps.
- 1In Framer, go to Site Settings, General and generate an API key for the project.
- 2Copy the project URL from your browser address bar.
- 3Open Forms Plugin inside your Framer project, select Integrations and insert the Framer CMS component into your form.
- 4Paste the API key and project URL, then name the collection to write to.
- 5Map form fields to CMS field names, and choose which field names each entry.
- 6Publish your Framer site and submit a test entry to confirm it appears in the collection.
Need more detail? Read the full Framer CMS setup guide.
Screenshots, field mapping examples, and troubleshooting in our docs.
Questions about Framer CMS.
Upgrade Your Native
Forms Without Tools
Build advanced, secure forms directly inside Framer. Add powerful fields, built-in protection, and seamless integrations that scale with your projects.
Get this Plugin