Embedding google forms in wordpress

New Page

How to Embed a Google Form in WordPress

Last updated on October 12, 2022 by the editorial staff | Reader Disclosure Disclosure  : Our content is supported by readers. This means that if you click on some of our links, we may earn a commission. Find out how WPBeginner is funded, why it matters, and how you can support us.

Comparte 357 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Want to embed a Google Form in WordPress?

Google Forms are easy to embed anywhere and are especially useful when you need to share the form across multiple websites. You can get feedback from your customers or audience without having to create and share multiple versions of surveys or quizzes.

In this article, we will show you how to embed a Google Form in WordPress.

Embed formulas from Google and WordPress Embed Google Forms in WordPress

Google Forms vs. WordPress Form Builders

Some of you might be thinking that why would anyone want to use Google Forms when there are amazing form builder plugins like WPForms?

It is true that WordPress form builders are easier to use. They’re integrated with your WordPress site, so you can show users a special offer, accept payments, create custom login forms, user registration forms, and more.

However, sometimes you will need to share a form across different websites, mailing lists, and platforms so that all form responses are stored in one place.

In such situations, Google Forms may be an easier option. They’re easy to share, mobile-friendly, and get the job done. All responses are stored in your Google Drive, and you can even add collaborators to work on form responses.

That said, let’s see how to add Google Forms to your WordPress site.

How to Embed a Google Form in WordPress

First, you need to visit the Google Forms website and click on the “Go to Forms” button. You’ll need to create the form you want to embed to get started.

Click on access forms Click on access forms

Then you will see different Google Forms templates.

Go ahead and select a pre-made template or use the blank template to create your custom form.

Create a new Google Form Create a new Google Form

Creating a new form in Google Forms is quite simple. First, you need to provide a form title and description, then you can start adding your form fields.

La technologie d’intelligence artificielle de Google sélectionne automatiquement le bon champ de formulaire en fonction de la question que vous posez. S’il sélectionne le type de champ incorrect, vous pouvez le modifier manuellement.

Edit your Google form Edit your Google form

Vous pouvez cliquer sur le bouton ‘+’ dans le menu de droite pour ajouter un nouveau champ de formulaire. Vous pouvez également ajouter des images et des vidéos, ainsi que choisir parmi différents types de questions.

Once you are satisfied with your form, click on the ‘Send’ button to get the embed code.

Click the send button Click the send button

This will bring up the send form popup where you need to click on the embed tab.

Next, click on the ‘Copy’ link to copy the embed code.

Copy the embed code Copy the embed code

After that, head over to your WordPress site’s admin area and edit the post or page where you want to display the form.

Once you’re in the WordPress content editor, go ahead and add a ‘Custom HTML’ block.

Add a custom HTML block Add a custom HTML block

Next, you can simply paste the HTML code in the Custom HTML block.

There is also an option to preview your Google Form in the content editor. Simply click the ‘Preview’ option in the Custom HTML block.

Paste the embed code Paste the embed code

Don’t forget to click on the ‘Publish’ button to save your changes.

Now you can visit your website to see the Google Form embedded and ready for your users to fill out.

Google form preview in WordPress Google form preview in WordPress

We hope this article helped you learn how to easily embed Google Forms in WordPress posts and pages. You may also want to see our ultimate guide to WordPress SEO and a list of 19+ free Google tools every WordPress blogger should use.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Comparte 357 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Logotipo de Themeisle

  • Themes/Plugins
    • Themes
    • plugins
  • Popular Guides
    • Make a WordPress Website Guide
    • Free Blogging Sites
    • Cheap Email Marketing
    • Best Website Builder
    • Best Web Hosting
    • WordPress.com vs. org
    • How much does a website cost
    • Best Free Email Marketing
    • Best Domain Registrars
    • Cheap WordPress Hosting
    • Cheap Web Hosting
    • Best WordPress Hosting Companies
    • How to create a website
  • Hosting Reviews
    • WPEngine
    • SiteGround
    • fly wheel
    • InMotion
    • BlueHost
    • SendinBlue
  • About

How to embed a Google form in WordPress (easier method)

Last update: February 14, 2022

Published in: WordPress Tutorials

3 comments

borde de la bandera

Incrustar formulario de Google en WordPress

Themeisle content is free. When you buy through referral links on our site, we earn a commission. Learn more

Google Forms vous offre une merveilleuse façon de vous connecter avec vos clients et lecteurs en demandant des commentaires et en donnant aux gens un moyen de vous contacter. C’est pourquoi nous voulons vous montrer comment intégrer Google Form dans WordPress.

Dans l’ensemble, Google Forms a une belle interface et c’est une solution simplifiée pour collecter les réponses des utilisateurs. De plus, vous n’avez pas à vous soucier d’un plugin qui ne fonctionne pas ou de quelque chose d’autre qui pourrait endommager votre marque.

Continuez à lire pour en savoir plus sur l’intégration de Google Form dans WordPress.

Learn how to embed Google Forms into #WordPress in 3 easy steps 📝

Click To Tweet

👉 Want to skip straight to the tutorial? Click here to go right to the step-by-step guide

What do you get with Google Forms?

On the surface, Google Forms is another free tool from Google.

It allows you to make forms and collect responses from those forms.

However, there’s quite a bit more to Google Forms that can help your business online.

For instance, Google Forms helps with all of the following:

  • Surveys.
  • Contact forms.
  • Forms for product orders.
  • Email list subscription forms.
  • Product questionnaires.
  • User polls.
  • Registration forms for events.

Opciones de plantilla de Formularios de Google Google Forms template options

What’s also great news is that Google Forms works rather well with Google Drive. If you already have an account, or you’re familiar with Google Drive, all of your Google Forms are stored in Drive for later.

Here are some of the advantages of storing your forms in Google Drive:

  • You never have to hit a Save button while creating a form.
  • It’s easy to work in teams, since other people can see what changes other members have made.
  • You get access to other collaboration tools, like comments.
  • You’re given a neat storage place that you typically don’t have to pay for (unless you need more storage).
  • Google Forms generates links so that you can easily share forms with others.

Design, stats, and other features

Another reason to consider Google Forms is that it offers so many pre-built templates. This not only speeds up the creation process, but there are some great settings for customizing the forms to fit your brand.

As for the branding, many companies find that the templates are enough for matching colors. All you have to do is upload your logo. Then, Google Forms automatically adjusts its colors to try and match the colors in your logo.

In addition, every form you create looks wonderful on mobile devices. The responsive nature of the forms means that you can build them on your smaller devices, and your users are able to make submissions from their phones and tablets.

Finally, Google Forms shows statistics on the backend to understand elements like the following:

  • How many people respond to your form.
  • Which answers users select.
  • What the stats are for the entire form and the individual questions.

You can also check out some charts for more visual analysis.

Análisis de los resultados de los comentarios de Google Forms Analyzing Google Forms feedback results

Reasons to embed Google Form into WordPress

What are the situations you may want to take advantage of Google Forms, and how are they better than other Google Forms alternatives?

Here are some situations and advantages to consider:

  • Google Forms can have advantages over form plugins because you also receive options for storing your forms in Google Drive.
  • You can share all your forms via a link.
  • There’s no need to add an extra plugin to your site. This is good for site speed and security.
  • You have full control over who gets to collaborate on all of your forms. Some plugins don’t have as powerful of collaboration options.
  • The branding through Google Forms is often nicer than some plugins.
  • The interface is easy to use.
  • Whether you share on social media, your website, or email marketing, all of the responses are stored in one convenient location.

How to embed Google Form into WordPress

Now that we’ve looked at how impressive this simple form tool is, keep reading to learn how to make and embed Google Form into WordPress.

Note: You need a Google account to use Google Forms. So, either log into your current account or create a new one.

Step 1: Make the form

To get started, click on this link to go directly to the Google Forms dashboard.

You should see a page for either starting with a blank form or choosing a template. For this tutorial, we’re going with a customer feedback template–but feel free to build your own from scratch:

Lista de plantillas de Formularios de Google List of Google Forms templates

Regardless of whether or not you choose a template, you’ll then be prompted to type in a title and description.

You can edit these pre-populated questions to match your brand:

La plantilla de comentarios de los clientes predeterminada The default customer feedback template

The module to the right has options for:

  • Adding new questions.
  • Importing questions.
  • Changing the title and description.
  • Adding an image or video.
  • Adding a section.

Agregar un nuevo campo a Google Forms Adding a new field to Google Forms

There’s a dropdown button for choosing different types of questions like “Dropdowns” or “Multiple Choice.”

Agregar nuevos campos a los formularios de Google Adding new fields to Google Forms

Step 2: Generate embed code

Once you’ve configured your form, you need to generate the embed code so that you can embed Google Forms into WordPress.

To access the embed code, you can click on the Send button. If you haven’t explored the Settings area yet, you’ll also want to do that before you generate the embed code.

Cómo acceder al código de inserción de Google Forms How to access Google Forms embed code

Once you click on the Send button, you’ll see a few different options for sharing your form. To access the embed code, click on the < > tab:

Cómo generar el código de inserción de formularios de Google How to generate Google Forms embed code

If you want to change the size of your form, you can edit the Width and Height fields as needed (you can always edit these later after you see how the form looks on your site). Then, click the Copy link to copy the Google Forms embed code.

Step 3: Add the Google Forms embed code into WordPress

To add the Google Forms code into WordPress, open the WordPress editor for the post or page where you want to include your form.

Then, add a new Custom HTML block:

Agregue un nuevo bloque HTML para el código de inserción de Google Form Add a new HTML block to for Google Form embed code

Paste the Google Forms embed code into the HTML area. Then, either save or publish the page.

Agregue el código de inserción de Google Form en WordPress Add Google Form embed code into WordPress

You should now be able to see the form. Congrats!

Ejemplo de cómo se ve incrustar Google Form en WordPress Example of what it looks like to embed Google Form into WordPress

If you don’t like the form looks, you can always go back and change the colors and/or size. For example, looking at the screenshot above, it could be a good idea to make the form a little wider so there’s less white space.

Are you ready to embed Google Form into WordPress?

Google does a wonderful job of keeping its tools simple yet powerful, and Google Forms is no exception. If you’ve been looking to make surveys, quizzes, or contact forms, Google Forms is a great choice.

With that being said, if you’re looking for some other ways to connect with your visitors and gather feedback, you also might want to check out our tutorials on how to set up a WordPress poll or create an interactive WordPress quiz.

Finally, if you still have any questions about how to embed Google Form into WordPress, leave a comment and we’ll do our best to help.

Find out how to integrate Google Forms into #WordPress in 3 easy steps📝

Click to tweet

Free guide

5 Essential Tips to Speed ​​Up WordPress Site

Reduzca el tiempo de cargo hasta en un 50-80% con solo seguir unos sencillos consejos.

Download the free guide

Joe Warnimont Joe Warnimont

By Joe Warnimont

Theme Island Contributor

107 Posts

Posted in:

WordPress Tutorials

Share now!

Share Tweet

You can also check:

How to Make a Website

How to Create a WordPress Website: Step-by-Step Guide for Beginners

WordPress.com vs WordPress.org

WordPress.com vs WordPress.org: Key Differences and Which to Use

creating a personal blog

The Complete Personal Blogging Guide: How to Start a Personal Blog in WordPress

Why use WordPress Why use WordPress

[INFOGRAPHIC] Why use WordPress? Here are 18 good reasons

You can also check:

How to Make a Website

How to Create a WordPress Website: Step-by-Step Guide for Beginners

WordPress.com vs WordPress.org

WordPress.com vs WordPress.org: Key Differences and Which to Use

creating a personal blog

The Complete Personal Blogging Guide: How to Start a Personal Blog in WordPress

Why use WordPressWhy use WordPress

[INFOGRAPHIC] Why use WordPress? Here are 18 good reasons

comments

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join it now it’s free)!

Joe Warnimont Joe Warnimont

By Joe Warnimont

Theme Island Contributor

107 Posts

Joe Warnimont is a Chicago-based writer focusing on WordPress, e-commerce tools, and social media. When he’s not fishing or practicing yoga, he collects stamps in national parks (even if it’s mostly for kids). View Joe’s portfolio to contact him and view past work at joewarnimont.com.

Show your love!

Share Tweet Subscribe

Search the blog

last articles

  • What is search intent? A complete guide to…
  • How to Translate WooCommerce: A Detailed Step-by-Step Guide
  • How to sell products in WooCommerce (in 3…

Are you looking for a free, modern and easy to use theme? Discover Neve!

See the details

Are you looking for a free, modern and easy to use theme? Discover Neve!

See the details

extra-themes

Our collection of free WordPress themes (blog, business, e-commerce and more)

neveneve

Check out our latest Neve multipurpose theme – as always, beautifully designed and Gutenberg ready

extra-hestia

Update: Hestia 2.0 has just been released! See what we’ve added to our top FREE theme

extra-feedzy-new

Discount available: Feedzy RSS feeds plugin with RSS aggregator and autoblogging functionality

logo-makerslogo-makers

Ten of the best logo makers compared and how to pick the best one for your business

extra-blog

A simple step-by-step guide to starting a WordPress blog for beginners

Logotipo de Themeisle Themeisle Logo Somos un equipo de profesionales de WordPress que compartimos nuestro mapa para el éxito de WordPress con brillantes tutoriales y consejos.

Top Articles

  • How to Install WordPress
  • How to Make a Website
  • How to Create a Blog
  • SiteGround vs Bluehost
  • Best Live Chat Plugins

Our Network

  • CodeinWP
  • Optimole
  • Domain Wheel
  • ReviveSocial

Company

  • About us
  • Newsletter
  • Contact us
  • Careers
  • Write for Us

Copyright © 2022 Themeisle | Powered by VertiStudio

  • Terms
  • Privacy Policy

X

Artículos más buscados

Los 10 mejores sitios de blogs gratuitos para crear su blog de forma gratuita en 2022: probados, comparados y revisados

¿Está buscando algunos sitios de blogs gratuitos que lo ayuden a comenzar a compartir sus escritos con el mundo? Ya sea que solo quiera compartir actualizaciones con su familia y amigos o si desea comenzar un blog y crear una audiencia más amplia, hemos reunido diez excelentes…

Cómo crear y comenzar un blog de WordPress en 15 minutos o menos (paso a paso)

Entonces, quieres crear un blog de WordPress. ¡Felicidades! WordPress es una excelente solución sobre cómo iniciar un blog, además, ¡creemos que los blogs son geniales! Mejor aún: también es sorprendentemente simple crear un blog gratuito. Ese es …

La guía completa de blogs personales: cómo iniciar un blog personal en WordPress

Hay mucho espacio en Internet para todos. A la gente le encanta compartir ideas, dar forma a sus pensamientos y tal vez incluso llegar a una audiencia global. ¿Cómo ponerse en el camino para lograr todo eso? Por una vez, ¿qué pasa si comienzas un…

Artículos cuidadosamente seleccionados

Cómo hacer un sitio web de WordPress: guía paso a paso para principiantes

Lo crea o no, saber cómo crear un sitio web desde cero es una de las habilidades más esenciales que debe dominar como propietario de una pequeña empresa en la actualidad. ¡Por favor, tenga paciencia conmigo! He aquí por qué: si sabe cómo hacer su propio sitio web, usted …

Las 7 empresas de alojamiento de WordPress más rápidas comparadas (octubre de 2022)

El servidor web que elija para potenciar su sitio de WordPress juega un papel clave en su velocidad y rendimiento. Sin embargo, con tantos que afirman ofrecer el alojamiento de WordPress más rápido que existe, ¿cómo decide qué empresa usar? Además del rendimiento,…

Cómo instalar XAMPP y WordPress localmente en una PC con Windows

Quiere instalar XAMPP y WordPress, también conocido como. ¿Instalar WordPress localmente? Esta es una gran idea si desea un sitio de desarrollo que pueda usarse para pruebas u otros fines. XAMPP le permite ejecutar un sitio web desde su propia computadora. Y una vez que…

How to Embed Google Forms in WordPress?

Open your Google Form and click on the SEND button at the top right corner. Send form popup screen will be displayed. Click on <> embed option and copy the HTML code. Open your WordPress editor for the page where you want to embed the form, switch to the TEXT mode and paste this HTML code. Save and publish the page to make your form live.

settings

Embed Google Forms using the default iframe code

Open your Google Form and click on the SEND button at the top right corner. Send form popup screen will be displayed. Click on <> embed option to copy the default HTML iframe embed code. settings Open your Google Form and click on the SEND button at the top right corner. Send form popup screen will be displayed. Click on <> embed option to copy the default HTML iframe embed code.

When you embed your Google Form using this default option, you can only make limited customization such as changing the width and height of the form. This form will have the Google branding along with the disclaimer note at the bottom. If you would like to make your forms look more professional and match your website theme, follow the instructions below.

How to make your forms look professional and match your website theme?

Step 1: Install the Formfacade add-on from G Suite Marketplace settings Step 1: Install the Formfacade add-on from G Suite Marketplace

Step 2: Open your Google Form, click on the add-on icon and select “Formfacade” settings Step 2: Open your Google Form, click on the add-on icon and select "Formfacade"

Step 3: Formfacade popup menu will be displayed. Select “Embed in a webpage” settings Step 3: Formfacade popup menu will be displayed. Select "Embed in a webpage"

Step 4: Embed options popup will be displayed. Select “Embed in my WordPress site” and click on the Next button. settings Step 4: Embed options popup will be displayed. Select "Embed in my WordPress site" and click on the Next button.

Paso 5: copie este código de inserción y péguelo en el editor de WordPress de la página en la que desea insertar este formulario. Formfacade aplicará automáticamente el tema de su sitio web a su formulario. Si necesita más opciones de personalización, haga clic en el botón Siguiente. settings Step 5: Copy this embed code and paste this in the WordPress editor for the page where you want to embed this form. Formfacade will automatically apply your website theme to your form. If you need more customization options, click on the Next button.

Paso 6: puede usar el enlace personalizar este formulario para cambiar el design del formulario, los colors, las fuentes y más. If necessary ayuda, díganos if ha encrustado el formulario seleccionando the option adecuada y haga clic en el botón Siguiente. settings Étape 6 : puede usar el enlace personalizar este formulario para cambiar el diseño del formulario, los colores, las fuentes y más. Si nécessaire ayuda, díganos si ha incrustado el formulario seleccionando la opción adecuada y haga click en el botón Siguiente.

Step 7: Ingrese su mensaje y haga click en Enviar. Nuestro equipo se pondrá en contacto contigo y te ayudará con tu solicitud. settings Step 7: Ingrese su mensaje y haga click en Enviar. Nuestro equipo se pondrá en contacto contigo y te ayudará con tu solicitud.

Enviar Enviarshapefacade

Open your Google Form and click on the SUBMIT button in the upper right corner. The form submission pop-up screen is displayed. Click on the embed option <> and copy the HTML code. Open your WordPress editor for the page where you want to embed the form, switch to TEXT mode and paste this HTML code. Save and publish the page to put your form online.

Click Submit to finish.

arrow_back Back send Send

Para usar esta función, necesita nuestro complemento Gsuite. Install this add-on to customize Google Forms.

Pruebalo gratis


Video Embedding google forms in wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…