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. Instead, use Typeform's webhook integration to send submissions to your LeadToSheet endpoint. This gives you attribution via UTM parameters on the embed URL and consistent column names in your sheet.

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 webhook fallback

    Optionally add our webhook endpoint from the dashboard to Typeform as a redundancy for offline submissions.

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 the webhook handles submission data.

  • 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, but most teams prefer a unified pipeline. Use the LeadToSheet webhook endpoint to capture Typeform submissions alongside other form data in one sheet with consistent formatting.
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.