Can I pass form field values submitted by the user as parameters in the redirect URL when integrating Typeform with Webflow?

You can’t directly pass form field values as URL parameters from a Typeform embedded in Webflow using Webflow-native tools alone, but you can achieve this functionality using Typeform’s Redirect with Hidden Fields, combined with Webflow’s ability to handle dynamic URLs.

1. Use Hidden Fields in Typeform

• In your Typeform form builder, use Hidden Fields to capture data you want to pass into the redirect URL.
• Common field names include: name, email, score, etc.
• Add the hidden fields to your Typeform URL in the embed (e.g., https://yourform.typeform.com/to/xyz123?name=John&email=test@example.com).

2. Enable Redirect on Completion in Typeform

• In your form’s Endings, set the option to Redirect on Completion.
• Use a URL that includes the hidden field values as query parameters, such as:
  https://yourwebsite.com/thank-you?name=@name&score=@score
• @name, @score, etc. are dynamic placeholders from Typeform.

3. Embed Typeform in Webflow

• Use an Embed block in Webflow to insert the Typeform via a script or iframe.
• Ensure you include the hidden field values in the Typeform URL if passing from Webflow (e.g., from URL parameters or cookies).

4. (Optional) Pull Webflow Data into Typeform

• If you want Webflow to provide values to Typeform (e.g., user name), you can:
• Add query parameters to the Webflow page that embeds Typeform.
• Use JavaScript to dynamically update the Typeform embed URL with those parameters.

Summary

You can pass user-submitted form field values from Typeform to a redirect URL as query parameters by using Hidden Fields and enabling Redirect on Completion in Typeform. This functionality is managed within Typeform, and you can embed this setup inside a Webflow page.