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
![](/wp-content/uploads/2024/03/212283529-8a70c5eed2a73eab368150ec.png)
Click [CONTINUE]
![](/wp-content/uploads/2024/03/212284257-4f65603dbcddb103ce34473f.png)
Choose your Google Account
![](/wp-content/uploads/2024/03/212284645-71e607bd1f4b92f18e12e641.png)
Click [Allow] to continue
![](/wp-content/uploads/2024/03/212285466-a4da248262be37c6ec74525e.png)
Click [DONE] button
![](/wp-content/uploads/2024/03/212285919-67afe7c88cf243506246b3e7.png)
Get the Google Forms code to embed
Navigate to Google Forms
Choose the form to embed
![](/wp-content/uploads/2024/03/212286626-c085c95a56915a4e79c97678.png)
Make sure [Requires sign-in] under Settings menu is unchecked
![](/wp-content/uploads/2024/03/212297439-5f8baeb3c89ce31f4f337143.png)
Click [Add-on] menu
![](/wp-content/uploads/2024/03/212287493-3861cf55b1c90948ab7a90d2.png)
Choose [Formfacade]
![](/wp-content/uploads/2024/03/212288077-16845fcdae616138c53c306b.png)
Click [Embed in a webpage]
![](/wp-content/uploads/2024/03/212288191-915c118df6a62d354afefe69.png)
Choose [Embed in my WordPress site] and click [Next]
![](/wp-content/uploads/2024/03/212290282-c981d28ab7ae13618bc347f2.png)
Copy displayed code then Click [Next]
![](/wp-content/uploads/2024/03/212290598-62f661cf92d5503b4980bbe6.png)
Complete survey
![](/wp-content/uploads/2024/03/212290926-bd54ee300d59c6de27204fa1.png)
![](/wp-content/uploads/2024/03/212291008-e9138d65f59e5147d4f25829.png)
Start WordPress, embed the form, and generate a new deploy.
Login to the Shifter dashboard
![](/wp-content/uploads/2024/03/552728868-70b436dd1e7e24f886d67bdc.png)
Click [Start WordPress]
![](/wp-content/uploads/2024/03/552728922-bbd6941cabec38a806c08695.png)
In your WordPress dashboard, create a new page by clicking [Add New] under [Pages] menu
![](/wp-content/uploads/2024/03/199939653-e91ff7554e7850bbe1cca67b.png)
Click [+] to add block
![](/wp-content/uploads/2024/03/199939533-01f55b1f5e5a77cafe7c6015.png)
Input [custom html] and choose [Custom HTML] block
![](/wp-content/uploads/2024/03/212291728-c61beaab7a4660498a964579.png)
Paste the generated Google Form code from Formfacade
![](/wp-content/uploads/2024/03/213051505-a0892e38204457a51a7ac961.png)
Click [Publish]
![](/wp-content/uploads/2024/03/213051207-08c3b244ad2f3ac4fcd25539.png)
Generate an artifact and deploy it.
Check responses in Google Sheets
Go back to the Form page on Google Forms and choose a form
![](/wp-content/uploads/2024/03/213052253-c0797c5fed2969450bf75991.png)
Click on the menu icon
![](/wp-content/uploads/2024/03/212321321-029669d269df7e41a7fb7258.png)
Choose [Select response destination]
![](/wp-content/uploads/2024/03/212320737-9f88efb65003a72363089a24.png)
Choose destination then [create] or select
![](/wp-content/uploads/2024/03/212321828-88719e1a3281ee922d1ef93b.png)
![](/wp-content/uploads/2024/03/212319899-e88b3f2be63f9857ad838601.png)
That’s all!
Optional
Use Formfacade’s plugin to use a short code for embedding contact forms
Navigate to Google Forms
Choose the form to embed
![](/wp-content/uploads/2024/03/212286626-c085c95a56915a4e79c97678.png)
Click [Send] button
![](/wp-content/uploads/2024/03/212303889-1c69c4fc2261521bf3c84414.png)
Click on the link icon
![](/wp-content/uploads/2024/03/212304572-d0626575a60031f7ac05baa5.png)
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
![](/wp-content/uploads/2024/03/212304889-d3995c10a869eba041ef2421.png)
Login to the Shifter dashboard
![](/wp-content/uploads/2024/03/552624828-4fe490942c77295d8029b252.png)
Click [Start WordPress]
![](/wp-content/uploads/2024/03/552625136-e9cc8f30f42d4fca09eb6fd9.png)
Click [Add New] under Plugins menu
![](/wp-content/uploads/2024/03/204298392-936bdab131a309814eb1df68.png)
Search for “FormFacade”, then install and activate it
![](/wp-content/uploads/2024/03/212306420-e8209f05f9a1f1458d6c1150.png)
Create a new page by clicking [Add New] under [Pages] menu
![](/wp-content/uploads/2024/03/199939653-e91ff7554e7850bbe1cca67b.png)
Click [Add block] button
![](/wp-content/uploads/2024/03/204311176-a755efc8cd6d5eca2806c947.png)
Choose [Shortcode]
![](/wp-content/uploads/2024/03/204311008-571a9eb99b4e5d42f3543305.png)
Input [formfacade id=]
![](/wp-content/uploads/2024/03/212310204-5b710cfbd08324d9ab1b6abd.png)
Paste the copied URL after “id=”
![](/wp-content/uploads/2024/03/212310537-18cbc2bade90220685fd3216.png)
Delete “https://docs.google.com/forms/d/e/” and “/viewform?usp=sf_link” in the shortcode
In this sample, the shortcode is [formfacade id=1FAIpQLSdOKVyhfEiEu6Giu3oDWAdQNct6hXoZ2_yihUU0DjKkNnEASQ]
![](/wp-content/uploads/2024/03/212307488-451fb269d8f8ca99c1cb8826.png)
Publish page, and confirm that the form works.
Generate an artifact and deploy it.
That’s all!