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.
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.
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.
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.
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.
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.