Search Our Knowledge Base…

Customization

Connecting Forms

If your template includes a contact form, you'll want to connect it so that submissions actually reach you. Framer has a built-in form solution as well as integrations with external services.

Framer's Built-in Form Submission

Framer's native forms collect submissions and store them in your Framer dashboard. This is the simplest option and requires no third-party setup.

  1. Click on the form element on your canvas.

  2. In the right panel, look for the Form section.

  3. Set the Action to "Framer" (built-in submission handling).

  4. Optionally, set a Redirect URL — the page shown after a successful submission (e.g., a "Thank you" page).

  5. View submissions in your Framer dashboard under the project's Forms tab.

Connecting to an External Service

For advanced workflows (like sending emails or connecting to a CRM), connect your form to services like Formspree, Getform, or Make (Integromat):

  1. Sign up at your chosen service and create a new form endpoint. Copy the endpoint URL they give you.

  2. In Framer, select your form element.

  3. Set the Action to Custom URL and paste the endpoint URL.

  4. Set Method to POST.

  5. Test the form by submitting it via Preview mode.

💡 Tip: Always test your form before publishing. Submit a test entry and verify it arrives at your chosen destination (inbox, dashboard, or integration). Check both the success message and any redirect.

⚠️ Note: Make sure every form input has a name attribute set in its properties — this is what labels the field in your submission data. Without names, you'll receive submissions with unlabeled fields.