All Collections
Contact Forms
Embedding Google Forms using Formfacade
Embedding Google Forms using Formfacade
Tomohyco Tsunoda avatar
Written by Tomohyco Tsunoda
Updated over a week ago

Requirements

  • Google or G Suite account

  • Connection for Formfacade to Google Forms

  • Formfacade plugin for WordPress (optional)

Connecting Formfacade to Google Forms

Access Formfacade and click [TRY IT FREE]

Click [Install] button

Click [CONTINUE]

Choose your Google Account

Click [Allow] to continue

Click [DONE] button

Get the Google Forms code to embed

Choose the form to embed

Make sure [Requires sign-in] under Settings menu is unchecked

Click [Add-on] menu

Choose [Formfacade]

Click [Embed in a webpage]

Choose [Embed in my WordPress site] and click [Next]

Copy displayed code then Click [Next]

Complete survey

Start WordPress, embed the form, and generate a new deploy.

Login to the Shifter dashboard

Click [Start WordPress]

In your WordPress dashboard, create a new page by clicking [Add New] under [Pages] menu

Click [+] to add block

Input [custom html] and choose [Custom HTML] block

Paste the generated Google Form code from Formfacade

Click [Publish]

Generate an artifact and deploy it.

Check responses in Google Sheets

Go back to the Form page on Google Forms and choose a form

Click on the menu icon

Choose [Select response destination]

Choose destination then [create] or select

That's all!

Optional

Use Formfacade's plugin to use a short code for embedding contact forms

Choose the form to embed

Click [Send] button

Click [Copy] button to copy the form's URL

In this sample, copied URL is https://docs.google.com/forms/d/e/1FAIpQLSdOKVyhfEiEu6Giu3oDWAdQNct6hXoZ2_yihUU0DjKkNnEASQ/viewform?usp=sf_link

Login to the Shifter dashboard

Click [Start WordPress]

Click [Add New] under Plugins menu

Search for "FormFacade", then install and activate it

Create a new page by clicking [Add New] under [Pages] menu

Click [Add block] button

Choose [Shortcode]

Input [formfacade id=]

Paste the copied URL after "id="

In this sample, the shortcode is [formfacade id=1FAIpQLSdOKVyhfEiEu6Giu3oDWAdQNct6hXoZ2_yihUU0DjKkNnEASQ]

Publish page, and confirm that the form works.

Generate an artifact and deploy it.

That's all!

Did this answer your question?