How to Embed Google Forms in WordPress?

"embedding google form not working on wordpress"- Google Docs Editors Community

This is a common question from Google Workspace users with a WordPress website. You want your form on your own page, with your own look. Pasting Google's embed code gives you a box with the Google look and its own scroll bar and it does not match your theme. With Formfacade, you can install the Formfacade plugin for WordPress and use it to embed the google form on your WordPress site. Formfacade will automatically apply your website theme to the embedded form, so your visitors see it as part of your site. Even better, you can access your forms and manage the responses directly inside WordPress.

Let's start. Create your form and follow the steps below.

How to embed your form in WordPress?

  • On the page that opens, name your form, click Embed form and click Proceed. It can take about a minute.
  • You will land on the form's "Share" tab, on Embed. The top bar may say "Blank Formfacade form" until you reload the page.
  • After a few seconds, "Where do you want to embed this form?" will be displayed
  • Select "Embed in my WordPress site" and click on the Next button
  • The three steps to embed in your WordPress site will be displayed
The Embed tab under Share asking Where do you want to embed this form?, with Embed, Embed in my WordPress site and Next marked
Formfacade will automatically apply your website theme to the embedded form and make it look professional. You can easily access your forms and manage the responses directly inside WordPress.
Step 1: Login to your WordPress website as admin > click Plugins > click Add New Plugin
The WordPress dashboard with the Plugins menu open at Add New Plugin
Step 2: Enter "Formfacade" in the search option > Formfacade plugin for WordPress will be displayed > click Install Now
The WordPress Add Plugins screen with a search for Formfacade and Install Now on the plugin
Step 3: Click Activate to enable the plugin for your WordPress site
The WordPress Add Plugins screen with Activate on the Formfacade plugin
Step 4: Embed setup wizard will be displayed > login with your google account and click Next
The Embed Google Forms wizard in WordPress at Login, with Sign in with Google
Step 5: You can either create a new form, select from your existing forms or copy & paste the url for the google form you would like to embed and click Next.
The Embed Google Forms wizard at Form, with Create new form, Copy & Paste the Google Form URL and Select form to embed
Step 6: You can select the preferred page from the dropdown with the list of pages from your WordPress site or select create a new page, enter the page title and click Proceed
The Embed Google Forms wizard at Embed, with Create a new page, Select an existing page and Proceed
Step 7: Formfacade will automatically embed the form at the bottom of the selected page. You can click on the Preview button to view the embedded form.
The wizard saying Form embedded successfully, with the Preview button
Step 8: The webpage with the embedded form will open in a new tab. The styles from your website theme will be automatically applied to the form. If required, you can further customize the form.
A WordPress Contact Us page with the embedded form using the website theme
Step 9: You can easily access your forms directly inside WordPress. Formfacade will be listed in WordPress > click Dashboard > list of your forms will be displayed > click on the form to open it > Edit page will be displayed > you can add fields, change form appearance, customize thank you message and more. Please note that the form customization features are available only in the paid plans.
The Contact form on the Edit page in Formfacade, with Name and Email and the toolbar on the right and Edit marked

Summary

If you paste Google's embed code in WordPress, the form keeps the Google look and does not match your website. With Formfacade, you install the plugin and follow the setup wizard and the form is embedded on the page you select with your website theme applied. Create your form and complete the steps above. If you have any questions, write to support.

Last updated: