Adding Typeform to your site

Typeform lets you connect with site visitors and collect valuable information without coding a form.

How to add Typeform to your website

Get your Typeform ID

  • Log in to your Typeform account and create a new form or open an existing one.

  • Go to the Share panel and copy the unique ID at the end of the share link (e.g., ncUOgRbJ in https://iy13kdlphpm.typeform.com/to/ncUOgRbJ).

Add Typeform to your Framer project

  • Open your Framer project.

  • In the Insert panel on the left, find Typeform under the Integrations section. Drag the Typeform component onto your canvas.

The main panel displays form options, including a Form Builder and email signup integrations such as Loops, ConvertKit, Mailchimp, Waitlist, and FormSpark.

Set up the Typeform component

  • Paste your unique Typeform ID into the ID field in the properties panel on the right.

  • Customize the appearance by toggling the footer and header visibility.

  • Adjust size and pinning to control how the Typeform appears on your website.

Screenshot of a settings panel for integrating Typeform into a design. The panel includes sections for 'Styles' (opacity and visibility), 'Transforms,' and a 'Typeform' 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.

Top use cases for Typeform in Framer

Embedding Typeforms allows you to quickly capture user data and enhance engagement. Here are popular use cases:

  • Support requests: Enable visitors to submit support tickets directly from your website. Use Zapier to connect Typeform submissions with help desk tools like Zendesk to automate support workflows.

  • User surveys: Collect insights from your audience to guide feature development or measure satisfaction. Offer giveaways to boost participation.

  • Job applications: Accept applications for open positions. Integrate submissions with your applicant tracking system or send them directly to your inbox.

At Framer, we use Typeform with Zapier to seamlessly link responses to internal systems for efficient tracking of surveys, questionnaires, giveaways, and more.

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