Adding Formspark to your site

Receive form submissions directly in your email or integrate with Slack, Zapier, Integromat, and other platforms to manage lead forms, contact requests, support tickets, and more.

Follow these steps:

  1. Visit the Formspark website, open a new or existing HTML form, and copy your unique Form ID (e.g., EKSIcHe13) from the form settings. Ensure “HTML as Technology” is selected in your Formspark form settings.

  2. Open a project in Framer. On the left side of your Framer canvas, locate the Insert panel. Find Formspark under the Integrations section, then drag the Formspark component onto any page in your canvas.

The Insert panel showing all the Forms components.

  1. Paste the form ID into the ID field in the properties panel on the right. Below the ID field, you’ll see fields for Name, Email, and Message. You can toggle these fields on or off, adjust the layout, and customize the appearance by changing colors, adding custom fonts, and more.

Shows the right panel options of the Formspark component.

Our native form solution

Framer also offers native forms with the following features:

  • Customizable forms with over 10 input types.

  • Designable form states for various interactions.

  • Data submission options via email, Google Sheets, or custom Webhooks.

  • Built-in spam protection and rate limiting for improved security.

For adding a native form, refer to this article.

Still experiencing the issue after following the steps above? Create a support ticket in the Community.

Top use cases for Formspark in Framer

You can fully customize your forms in Framer. Formspark lets you collect visitor information on your Framer site instantly, without needing to manage servers or learn APIs.

Provide your audience with a custom form on your Framer website for contacting you.

  • Enhance communication with potential leads and clients by incorporating a "Contact Us" form on your website. Include placeholder text with examples or hints to gather valuable information effectively.

  • Increase your email list by adding a subscription form to your blog or homepage.

  • Handle support requests efficiently using a simple system to organize all tickets in one place.