Formspark
Formspark
Formspark
Add forms to your site
Add forms to your site
Add forms to your site
Overview
Overview
Overview
Drag and drop your Formspark forms into your Framer site. You can decide which inputs to show or hide, then tweak the look and feel and customize inputs so they match your brand perfectly. Send form submissions straight to your email or connect with Slack, Zapier, Integromat, and more to manage lead forms, contact requests, support tickets, and more.
Drag and drop your Formspark forms into your Framer site. You can decide which inputs to show or hide, then tweak the look and feel and customize inputs so they match your brand perfectly. Send form submissions straight to your email or connect with Slack, Zapier, Integromat, and more to manage lead forms, contact requests, support tickets, and more.
Drag and drop your Formspark forms into your Framer site. You can decide which inputs to show or hide, then tweak the look and feel and customize inputs so they match your brand perfectly. Send form submissions straight to your email or connect with Slack, Zapier, Integromat, and more to manage lead forms, contact requests, support tickets, and more.

How to add Formspark to your website
How to add Formspark to your website
How to add Formspark to your website
Open a new or existing HTML form in Formspark. Copy your unique form ID from the form settings.
Open a new or existing HTML form in Formspark. Copy your unique form ID from the form settings.
Open a new or existing HTML form in Formspark. Copy your unique form ID from the form settings.

Next, open a project in Framer. On the left of your Framer canvas, you’ll find the Insert panel. Find Formspark in the Integrations section. Drag the Formspark component onto any page on your canvas.
Next, open a project in Framer. On the left of your Framer canvas, you’ll find the Insert panel. Find Formspark in the Integrations section. Drag the Formspark component onto any page on your canvas.
Next, open a project in Framer. On the left of your Framer canvas, you’ll find the Insert panel. Find Formspark in the Integrations section. Drag the Formspark component onto any page on your canvas.

From there, you’ll be able to paste the form ID into the ID field (in the properties panel on the right). Below ID, you’ll see fields for form Name, Email, and Message. Choose to show or hide fields, and change the form layout if you’d like. Customize the appearance by changing colors, adding custom fonts, and more.
From there, you’ll be able to paste the form ID into the ID field (in the properties panel on the right). Below ID, you’ll see fields for form Name, Email, and Message. Choose to show or hide fields, and change the form layout if you’d like. Customize the appearance by changing colors, adding custom fonts, and more.
From there, you’ll be able to paste the form ID into the ID field (in the properties panel on the right). Below ID, you’ll see fields for form Name, Email, and Message. Choose to show or hide fields, and change the form layout if you’d like. Customize the appearance by changing colors, adding custom fonts, and more.

Favorite use cases for Formspark in Framer
Favorite use cases for Formspark in Framer
Favorite use cases for Formspark in Framer
You have complete control over the look and feel of your forms in Framer. And with no servers to manage or APIs to learn, Formspark gives you the power to start collecting valuable info from visitors to your Framer site in seconds.
You have complete control over the look and feel of your forms in Framer. And with no servers to manage or APIs to learn, Formspark gives you the power to start collecting valuable info from visitors to your Framer site in seconds.
You have complete control over the look and feel of your forms in Framer. And with no servers to manage or APIs to learn, Formspark gives you the power to start collecting valuable info from visitors to your Framer site in seconds.
Give your audience a way to get in touch with a custom form on your Framer website.
Give your audience a way to get in touch with a custom form on your Framer website.
Give your audience a way to get in touch with a custom form on your Framer website.