Typeform embedding

Pipe Typeform responses into Google Sheets automatically

Embed Typeform on any site and let LeadToSheet capture responses and attribution metadata the moment a submission completes.

CMS: Embed

Typeform renders inside a cross-origin iframe, so the LeadToSheet SDK cannot capture submissions directly from the browser. Use Typeform's own Google Sheets integration or another automation tool for response delivery, and keep LeadToSheet on the host page for page-level attribution.

Implementation checklist

  1. 1

    Install the snippet on your host page

    Add the LeadToSheet script to the host page to capture UTM parameters and referrer data. For Typeform submission data, configure the webhook integration described below since Typeform renders in a cross-origin iframe that the SDK cannot access.

  2. 2

    Expose hidden fields

    Typeform hidden fields are configured in the Typeform builder and passed via the embed URL. Use Typeform's webhook integration to send hidden field values to external tools for campaign tracking and segmentation.

  3. 3

    Confirm your response-delivery path

    Choose the Typeform delivery path you actually want to rely on, such as the native Google Sheets connector or an external automation tool, and verify a test response arrives.

Customization ideas

  • Segment by campaign

    Append `?utm_source=` parameters to your Typeform share URL and they appear instantly in Sheets.

  • Score leads automatically

    Use Apps Script to calculate lead scores based on quiz answers captured via LeadToSheet.

  • Send to Slack and CRMs

    Connect Google Sheets automations for Slack, HubSpot, or Airtable with your new Typeform dataset.

Troubleshooting

  • Embed script loads slowly

    The LeadToSheet script loads asynchronously and will not block the Typeform iframe from rendering. The script captures page-level context (UTM parameters, referrer) while Typeform handles response delivery through its own integrations.

  • Hidden fields missing

    Hidden fields must be added to the Typeform builder and passed on the embed URL to sync.

  • Offline responses

    Since Typeform renders inside a cross-origin iframe, the SDK on your host page captures page-level context (UTMs, referrer) but not the form submission itself. Rely on the Typeform webhook integration for submission data. If the webhook endpoint is unreachable, Typeform will retry delivery per its webhook retry policy.

Frequently asked questions

Can I use the native Typeform Google Sheets connector as well?
You can, and for iframe embeds it is usually the simplest option. LeadToSheet still helps on the host page by capturing attribution data such as page URL, referrer, and UTM parameters.
Do multi-language forms work?
Yes. When using the Typeform webhook integration, question labels are included in the webhook payload as configured in the Typeform builder. Multi-language form labels are delivered based on the respondent's language selection.
How are quizzes scored?
Use calculated variables inside Typeform. When using the webhook integration, the final score field is included in the payload and will appear in your Google Sheet for use in Apps Script or your CRM.