Skip to content
Saasfly Docs

Google Forms Integration

This document will provide a detailed explanation of how to use Google Forms as a backend to receive requests.

Steps:

  1. Create a Google Form

Create the fields you need. In this demo, we’ll use the Saasfly Waitlist as example. Since we only need an email, the corresponding Google Form only requires the email field. Specifically, it looks like this:

  1. Preview the Form After opening the preview, you will see the following page:
  1. Obtain Field Names Select all and copy (CTRL + A, CTRL + C) into the tool I created. Paste (CTRL + V) and you will see the corresponding field values. An example is as follows:
  1. Modify Project Environment Variables Open the project you forked or cloned, then modify the following two environment variables:

NEXT_PUBLIC_GOOGLE_FORM_URL=‘https://docs.google.com/forms/d/e/\*\*\*\*\*\*\*\*/formResponse’

NEXT_PUBLIC_GOOGLE_FORM_EMAIL=‘entry.**********‘

Note⚠️: Your preview forms URL should look like this: https://docs.google.com/forms/d/e/\*\*\*\*\*\*\*\*\*\*/viewform. You need to change viewform to formResponse.

  1. Start the Development Server
Terminal window
bun run dev
  1. Begin Your Journey!

Reference:

https://pqvst.com/2021/12/28/custom-google-forms/