Formspark

Add forms to your site

Formspark

Add forms to your site

Formspark

Add forms to your site

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Give your audience a way to get in touch with a custom form on your Framer website.


Connect with leads and clients by adding a contact us form to your site. (Add placeholder text with helpful examples or hints to get more valuable information.)

Grow your email list by adding a subscribe form to your blog or homepage.

Manage support requests with a lightweight system that can help you organize tickets all in one place.

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.

Give your audience a way to get in touch with a custom form on your Framer website.


Connect with leads and clients by adding a contact us form to your site. (Add placeholder text with helpful examples or hints to get more valuable information.)

Grow your email list by adding a subscribe form to your blog or homepage.

Manage support requests with a lightweight system that can help you organize tickets all in one place.

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.

Give your audience a way to get in touch with a custom form on your Framer website.


Connect with leads and clients by adding a contact us form to your site. (Add placeholder text with helpful examples or hints to get more valuable information.)

Grow your email list by adding a subscribe form to your blog or homepage.

Manage support requests with a lightweight system that can help you organize tickets all in one place.