Si tiene dificultades para obtener un formulario en su sitio, puede instalar un complemento^{(install a plugin)} para la funcionalidad básica, pero eso puede ralentizar aún más su sitio^{(slow down your site)} si ya tiene muchos complementos.

Con Google Forms , no solo puede agregar un formulario a su sitio más rápido, sino que también obtiene más funciones. Por ejemplo, puede insertar archivos multimedia, importar preguntas, integrarse fácilmente con WordPress y correo electrónico, compartir en más plataformas y disfrutar de almacenamiento adicional en Google Drive^{(additional storage in Google Drive)} .

Además, Google Forms le permite colaborar con sus compañeros de equipo y realizar un seguimiento de todos los resultados de sus formularios desde diferentes canales, no solo desde su sitio.

Así es como puede insertar rápidamente Formularios de Google^{(Google Forms)} en su sitio web con solo unos pocos pasos.

Cómo incrustar formularios de Google en su sitio web^{(How to Embed Google Forms on Your Website)}

Para comenzar, necesitará un Formulario de Google^{(Google Form)} y su código de inserción, que agregará a la página o publicación donde desea que aparezca el formulario en su sitio.

Crear un formulario de Google^{(Create a Google Form)}

1. Para crear un Formulario de Google^{(Google Form)} , asegúrese de haber iniciado sesión en su cuenta de Google y luego seleccione el ícono de Formularios de Google^{(Google Forms)} en el menú de Google Apps . Alternativamente, vaya a Forms.google.com .

1. Seleccione el mosaico en blanco^(Blank) de la barra de herramientas para crear su formulario desde cero, o seleccione una plantilla^{(select a template)} de las opciones disponibles.

1. Agregue un título y una descripción^{(title and description)} a su formulario.

1. Luego, use la barra de herramientas a la derecha para agregar preguntas, importar preguntas desde un formulario diferente, cargar videos e imágenes o agregar una sección. 

1. Si desea elegir el tipo de respuesta, seleccione la flecha junto a la sección de tipo de respuesta.

1. De las opciones, puede optar por permitir que los usuarios dejen una respuesta breve o un párrafo, opción múltiple, marcar casillas de verificación o seleccionar opciones de un menú desplegable.

1. Para personalizar o cambiar el tema del formulario, utilice el icono de la paleta^(palette) en la parte superior derecha de la pantalla.

1. También puede obtener una vista previa del diseño final usando el ícono del ojo antes de guardarlo e incrustarlo en su sitio web.

1. Si desea recopilar direcciones de correo electrónico, limitar a los usuarios a una respuesta cada uno o permitirles editar sus respuestas después de enviar el formulario, seleccione Configuración avanzada^{(Advanced Settings)} (icono de engranaje).

1. Seleccione el ícono de tres puntos^{(three-dot icon)} para obtener más opciones, como agregar colaboradores, deshacer acciones, agregar preferencias o complementos de Google Workspace Marketplace .

Nota^(Note) : Seleccionar Agregar colaboradores^{(Add Collaborators)} le permite específicamente invitar a miembros de su equipo a trabajar^{(invite members of your team to work)} en el formulario. Puede enviar invitaciones utilizando la opción de compartir enlaces o escribir sus direcciones de correo electrónico y recibirán una notificación por correo electrónico con la invitación.

Incruste su formulario de Google en su sitio web^{(Embed Your Google Form on Your Website)}

Ahora que tiene listo su Formulario de Google^{(Google Form)} , el siguiente paso es agregarlo a su sitio web. Para hacer esto, debe obtener el código de inserción del formulario, que es un fragmento de código único que agregará a la página o publicación donde desea que aparezca el formulario.

1. Para obtener el código de inserción del formulario, seleccione Enviar^(Send) en la parte superior derecha de la ventana del editor de formularios.

1. En el formulario de envío^{(Send form)} , verá varias opciones que puede usar para compartir el formulario, por ejemplo, a través de un enlace, correo electrónico, redes sociales o HTML . Puede elegir si desea compartir el formulario en Facebook o Twitter , o enviarlo a su lista de correo electrónico de suscriptores.

1. Para incrustar el formulario en su sitio web, debe utilizar la opción HTML . Seleccione la pestaña <>

1. En el campo HTML incrustado^{(Embed HTML)} , verá un fragmento de código, así como los cuadros de ancho^(width) y alto^(height) donde puede cambiar las dimensiones del tamaño de su formulario incrustado.

1. Seleccione Copiar^(Copy) para copiar el código de inserción e ir al panel de control de su sitio web.

Agregue el código de inserción de su formulario de Google a su sitio web^{(Add Your Google Form’s Embed Code to Your Website)}

Ahora que tiene su código de inserción, inicie sesión en el panel de administración de su sitio y vaya a la página o publicación donde desea insertar el formulario.

Nota^(Note) : Las instrucciones de esta guía se aplican a WordPress usando Gutenberg/Block Editor .

1. El primer paso es agregar un bloque HTML personalizado^{(custom HTML block)} . Para hacer esto, abra el editor de bloques seleccionando Páginas^(Pages) o Publicaciones^(Posts) en el panel de administración y busque la página o publicación que desea editar.

1. Seleccione el icono Add block (+) en la parte superior izquierda del editor de bloques junto al logotipo de WordPress.z^(WordPress)

1. Vaya a la sección Formato^(Formatting) y desplácese hacia abajo para buscar y seleccionar HTML personalizado^{(Custom HTML)} .

1. Pegue el fragmento de código HTML^{(HTML code snippet)} que copió anteriormente en el campo proporcionado.

1. En la barra de herramientas del bloque HTML personalizado , seleccione la pestaña ^{(Custom HTML)}Vista previa^(Preview) para ver una vista previa de cómo aparecerá su formulario en su sitio web.

1. Su formulario de Google^{(Google Form)} aparecerá en su página o publicación.

1. Asegúrate^(Make) de actualizar tu publicación o página después de editarla para que se guarden los cambios.

Cree el formulario perfecto para su sitio^{(Craft the Perfect Form for Your Site)}

Ya sea que desee agregar una encuesta a su sitio, un formulario de pedido a su tienda en línea, registro de eventos o formulario de contacto, Google Forms puede ayudarlo a crear los formularios perfectos para su sitio web. 

Consulte nuestras guías sobre cómo incrustar Google Calendar en su sitio web^{( how to embed Google Calendar on your website)} y cómo crear su propia ventana emergente de cupones en WordPress^{( how to create your own coupon popup in WordPress)} para obtener una funcionalidad adicional y una mejor experiencia de usuario.

¿^(Were) Pudo crear e insertar formularios de Google^{(Google Forms)} en su sitio web utilizando esta guía? Comparte con nosotros en los comentarios.

How to Embed Google Forms on Your Website

If you’re struggling to get a form on your site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• Cómo incrustar Google Calendar en su sitio web

• Métodos de investigación de usuarios de Google Analytics para aumentar el tráfico del sitio web

• Agregue indicaciones de manejo de Google Maps a su sitio web

• Cómo usar las listas Google Sheets Drop Down

• 9 características Hidden en Google Maps Debes revisar

• Cómo agregar Shapes en Google Docs

• ¿Qué es un Metric and Dimension en Google Analytics?

• ¿Qué es el Software Reporter Tool en Chrome and How para deshabilitarlo?

• Cómo ver su Google Maps Search History

• Cómo utilizar Stops múltiple en Google Maps

• Cómo hacer un Google Form: A Complete Guide

• Cómo realizar un seguimiento de Changes en Google Docs

• Cómo configurar Voicemail en Google Voice

• Cómo Subir un Email en Gmail

• Usted puede eliminar todo el correo de Gmail a la vez?

• Cómo Backup Google Chrome History

• Cómo hacer una Line Graph en las hojas Google

• Google Search Bar Widget Missing? Cómo restaurarlo en Android

• Cómo usar Google Family Calendar para mantener su Family en Time

• ¿Qué es Google Exposure Notifications para COVID Protection?