Webflow sync, pageviews & more.
NEW
Answers

How can I pass the name, email, and phone inputs from a Webflow form on a landing page to a TypeForm on the next page, using the hidden fields feature?

To pass the name, email, and phone inputs from a Webflow form on a landing page to a Typeform on the next page using the hidden fields feature, you'll need to follow these steps:

1. Set up your Webflow form: In your Webflow Designer, create a form with the necessary name, email, and phone fields. Make sure to give each input field a unique name attribute which will be used to map the values to your Typeform later.

2. Get your Typeform URL: Create your Typeform with the desired fields, including hidden fields to capture the name, email, and phone inputs. Once your Typeform is ready, copy its URL.

3. Modify the Webflow form action: In Webflow, select your form, and go to the "Settings" panel. Under the "Form" tab, set the "Action" field to the URL of your Typeform.

4. Add hidden fields to the Typeform: In your Typeform builder, add hidden fields for the name, email, and phone inputs. Make sure to set the hidden field email addresses to match the ones used in the Webflow form.

5. Map the form inputs to hidden fields: In the Typeform builder, select each hidden field and use the "Map responses" feature to map it to the corresponding input field in your Webflow form. This will ensure that the values entered in the Webflow form get populated into the hidden fields of the Typeform.

6. Customize Typeform completion message: In the Typeform builder, go to the "Thank You" screen and customize the completion message as desired.

7. Publish and test: Save and publish both your Webflow page and your Typeform. Test the form by submitting it on the Webflow page and verify that the hidden fields in the Typeform are correctly populated with the name, email, and phone inputs.

By following these steps, you will be able to pass the name, email, and phone inputs from a Webflow form to a Typeform using the hidden fields feature. This allows you to seamlessly transfer user data between the two platforms and maintain a consistent user experience.

Rate this answer

Other Webflow Questions