Embedding Google Form using Formfacade

Written by Tomohyco Tsunoda
Updated over a week ago

Requirements

Google or GSuite account
Connecting 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 Google Forms code to embed

Navigate to Google Forms

http://google.com/forms/

Choose 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

Login to Shifter dashboard

https://go.getshifter.io/

Start WordPress and login to it

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

Click [+] to add block

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

Paste generated Google Form code by Formfacade

Click [Publish]

Generate an artifact and deploy it.

Check responses on GoogleSpreadsheet

Back to Form page on Google Form and choose a form

Click menu icon

Choose [Select response destination]

Choose destination then create or select

That's all

Optional

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

Navigate to Google Forms

http://google.com/forms/

Choose form to embed

Click [Send] button

Click link icon

Click [Copy] button to copy URL

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

Login to Shifter dashboard

https://go.getshifter.io/

Start WordPress and login to it

Click [Add New] under Plugin menu

Search "formfacade", 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 copied URL after "id="

Delete "https://docs.google.com/forms/d/e/" and "/viewform?usp=sf_link" in the shortcode

In this sample, shortcode will be [formfacade id=1FAIpQLSdOKVyhfEiEu6Giu3oDWAdQNct6hXoZ2_yihUU0DjKkNnEASQ]

Publish page, and confirm form works.

Generate an artifact and deploy it.

That's all