Embedding Google Forms Using Formfacade

Requirements

  • A Google or G Suite account
  • A connection from Formfacade to Google Forms
  • The Formfacade plugin for WordPress (optional)

Connecting Formfacade to Google Forms

  1. Go to Formfacade and click [TRY IT FREE].
  2. Click the [Install] button.
  3. Click [CONTINUE].
  4. Select your Google account.
  5. Click [Allow] to continue.
  6. Click the [DONE] button.

Get the code for the Google Form to embed

  1. Go to Google Forms.
  2. Select the form you want to embed.
  3. Make sure that [Require sign-in] is turned off in the settings menu.
  4. Click the [Add-ons] menu.
  5. Select [Formfacade].
  6. Click [Embed in a web page].
  7. Select [Embed in a WordPress site] and click [Next].
  8. Copy the code that appears and click [Next].
  9. Complete the survey.

Launch WordPress, embed the form, and generate a new deployment

  1. Log in to the Shifter dashboard.
  2. Click [Start WordPress].
  3. In the WordPress dashboard, click [Add New] under the [Pages] menu to create a new page.
  4. Click [+] to add a block.
  5. Type [Custom HTML] and select the [Custom HTML] block.
  6. Paste the Google Forms code generated by Formfacade.
  7. Click [Publish].
  8. Generate and deploy the artifact.

View Responses in Google Spreadsheets

  1. Return to the Google Forms page and select the form.
  2. Click the menu icon.
  3. Select [Choose where to send responses].
  4. Select a destination and click [Create] or [Select].

That’s it!

Optional: Use the Formfacade plugin to embed the contact form using a shortcode

  1. Go to Google Forms.
  2. Select the form you want to embed.
  3. Click the [Submit] button.
  4. Click the link icon.
  5. Click the [Copy] button to copy the form’s URL.
    • In this example, the copied URL is https://docs.google.com/forms/d/e/1FAIpQLSdOKVyhfEiEu6Giu3oDWAdQNct6hXoZ2_yihUU0DjKkNnEASQ/viewform?usp=sf_link.
  6. Log in to the Shifter dashboard.
  7. Click [Start WordPress].
  8. Click [Add New] in the [Plugins] menu.
  9. Search for “FormFacade,” then install and activate it.
  10. Click [Add New] in the [Pages] menu to create a new page.
  11. Click the [Add Block] button.
  12. Select [Shortcode].
  13. Enter [formfacade id=].
  14. Paste the copied URL after “id=”.
  15. Delete “ https://docs.google.com/forms/d/e/” and “ /viewform?usp=sf_link ” from the shortcode.
    • In this example, the shortcode is [formfacade id=1FAIpQLSdOKVyhfEiEu6Giu3oDWAdQNct6hXoZ2_yihUU0DjKkNnEASQ].
  16. Publish the page and verify that the form works. Generate an artifact and deploy it.

That’s it!