How to Prefil fields in an Embedded form in a React app using Formfacade Addon

In this video tutorial, we continue from our previous video where we integrated Google Forms into a React app using the Formfacade addon without the need of an iframe. If you missed our previous video, you can watch it

Building upon that, we demonstrate how to prefill fields in the embedded Google Form within your React application using Formfacade addon.

We guide you through the process step-by-step:
1. Opening the Google Form embedded in the React app and accessing the "Get Prefilled Link" option.
2. Prefilling the fields with random values and copying the generated link for future reference.
3. Exploring the official documentation of @formfacade/embed-react
4. Implementing the prefill functionality by copying and pasting the provided code snippets into your codebase.
5. Extracting the entry IDs from the copied link and assigning values for each field accordingly.
6. Saving the changes, refreshing the React app, and observing the pre-filled date field and checkbox values.


[Working Demo with code]

#ReactApp #GoogleForms #FormFacade #EmbedGoogleForms

[SarahAlAmeri]

Hi I made a quiz with 7 sections or pages how to have separate score for each section not only the total score

[sumaharpelluri]

Can you tell me how to add progress bar ?