Typeform

Typeform

Typeform

Add surveys and collect data on your site

Add surveys and collect data on your site

Add surveys and collect data on your site

Overview

Overview

Overview

Drag and drop any Typeform survey onto your Framer site. You can use it to add things like feature request forms, user surveys, support ticket flows, job applications, and lots more. Typeform gives you the ability to get in contact with site visitors and gather valuable information without needing to code a form into your site.

Drag and drop any Typeform survey onto your Framer site. You can use it to add things like feature request forms, user surveys, support ticket flows, job applications, and lots more. Typeform gives you the ability to get in contact with site visitors and gather valuable information without needing to code a form into your site.

Drag and drop any Typeform survey onto your Framer site. You can use it to add things like feature request forms, user surveys, support ticket flows, job applications, and lots more. Typeform gives you the ability to get in contact with site visitors and gather valuable information without needing to code a form into your site.

How to add Typeform to your website

How to add Typeform to your website

How to add Typeform to your website

Go to your Typeform account to create a new or open an existing typeform. Click on the Share panel and copy the unique ID that appears at the end of the share link.

Go to your Typeform account to create a new or open an existing typeform. Click on the Share panel and copy the unique ID that appears at the end of the share link.

Go to your Typeform account to create a new or open an existing typeform. Click on the Share panel and copy the unique ID that appears at the end of the share link.

Next, open a project in Framer. On the left of your Framer canvas, you’ll find the Insert panel. Find Typeform in the Integrations section. Drag the Typeform 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 Typeform in the Integrations section. Drag the Typeform 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 Typeform in the Integrations section. Drag the Typeform component onto any page on your canvas.

From there, you can paste the unique ID into the ID field (look in the properties panel on the right). Footer and Headers are shown by default. Toggle them on or off to control the appearance in Framer. Adjust size and pinning to get the typeform to appear exactly the way you want on your website.

From there, you can paste the unique ID into the ID field (look in the properties panel on the right). Footer and Headers are shown by default. Toggle them on or off to control the appearance in Framer. Adjust size and pinning to get the typeform to appear exactly the way you want on your website.

From there, you can paste the unique ID into the ID field (look in the properties panel on the right). Footer and Headers are shown by default. Toggle them on or off to control the appearance in Framer. Adjust size and pinning to get the typeform to appear exactly the way you want on your website.

Note: UTM tags are supported by default but they need to be enabled from your Typeform dashboard.

Note: UTM tags are supported by default but they need to be enabled from your Typeform dashboard.

Note: UTM tags are supported by default but they need to be enabled from your Typeform dashboard.

Favorite use cases for Typeform in Framer

Favorite use cases for Typeform in Framer

Favorite use cases for Typeform in Framer

Quickly engage site visitors with embedded typeforms. You can use them to collect data or even embed quizzes to delight your users and raise brand awareness. At Framer, we like to pair Typeform with Zapier to connect form responses to other internal systems instantly, tracking responses from feedback surveys, brand awareness questionnaires, giveaways, and more.

Quickly engage site visitors with embedded typeforms. You can use them to collect data or even embed quizzes to delight your users and raise brand awareness. At Framer, we like to pair Typeform with Zapier to connect form responses to other internal systems instantly, tracking responses from feedback surveys, brand awareness questionnaires, giveaways, and more.

Quickly engage site visitors with embedded typeforms. You can use them to collect data or even embed quizzes to delight your users and raise brand awareness. At Framer, we like to pair Typeform with Zapier to connect form responses to other internal systems instantly, tracking responses from feedback surveys, brand awareness questionnaires, giveaways, and more.

Quickly get up and running with Typeform in Framer with one of these approaches.

Quickly get up and running with Typeform in Framer with one of these approaches.

Quickly get up and running with Typeform in Framer with one of these approaches.


Handle support requests by allowing customers to open support tickets through your website. If you use help desk tools like Zendesk, you can connect your typeform’s submissions with Zapier to automate support management.

Run user surveys to better understand your audience and find ways to give them the features and functionality they want. Incentivize people to fill it out with a giveaway to win prizes or product.

Accept job applications for roles on your team with forms that connect to your applicant tracking system or send them straight to your inbox.