Cómo crear un formulario de contacto de sitio web gratuito con formularios de Google

Administrar un sitio web o un blog puede ser divertido, pero ofrecer una manera para que los visitantes se comuniquen con usted no siempre es fácil o directo. Afortunadamente, Google ofrece una solución de formulario de contacto de sitio web perfecta: puede insertar un formulario de Google en una página y recopilar todos los comentarios de sus lectores en una hoja de Google.

Es fácil de configurar, por lo que si está listo para crear un formulario de contacto mejorado para su sitio web, comencemos!

Creación de su formulario de contacto en formularios de Google

Google realmente ofrece un pre-hecho “Información del contacto” forme en la galería de plantillas cuando inicie sesión por primera vez en su cuenta de Google Forms.

El formulario solicita información estándar como nombre, dirección, número de teléfono, dirección de correo electrónico y un campo para que el usuario escriba sus comentarios.

Puede personalizar este formulario cambiando la información que solicita..

También puede cambiar si esa información es requerida o no.

Si es no requerido, entonces el usuario puede dejar ese campo en blanco. Si se es requerido, entonces el usuario no puede enviar el formulario hasta que haya ingresado algo en ese campo.

Ya que está utilizando este formulario como el formulario de contacto de su sitio web, debe asegurarse de que el usuario haya ingresado algo en el campo de comentarios. Así que asegúrate de haber configurado ese elemento en Necesario.

Ahora que ha personalizado el contenido de la plantilla de formulario de comentarios de Google para que se adapte a sus necesidades, es hora de personalizar cómo se comporta el formulario cuando los usuarios realmente lo usan.

Configuración del formulario de contacto de su sitio web

Si hace clic en el Ajustes icono, en el General pestaña, puede controlar cómo se comporta este formulario cuando las personas lo envían desde su sitio web.

Por ejemplo, puede hacer que el formulario envíe un duplicado de las respuestas del usuario a la dirección de correo electrónico que proporcionaron..

También puede habilitar o inhabilitar su capacidad para editar sus respuestas después de haberlas enviado..

Bajo la Presentación pestaña, puede personalizar la respuesta que verán sus usuarios después de enviar el formulario en su sitio web.

Haga que esto sea significativo, ya que se mostrará a todos los visitantes que envíen este formulario..

Por ejemplo, es bueno hacerles saber aproximadamente cuánto tiempo tendrán que esperar una respuesta (incluso podría proporcionar un número de teléfono aquí si necesitan una respuesta más urgente).

Todo depende de cómo esté utilizando el formulario y qué tipo de contacto desea proporcionar a sus visitantes.

Encontrar el código de inserción

Ahora que su formulario está listo, es hora de integrarlo en su sitio.

El primer paso es obtener el enlace de inserción para su formulario. No es muy sencillo, ya que no hay un icono de inserción que se muestre directamente en la página del editor de formularios.

Para acceder al código de inserción, debe hacer clic en el Enviar Botón en la parte superior derecha del editor de formularios..

Esta página muestra el código de inserción HTML que deberá copiar y pegar en su sitio. Es importante establecer aquí los ajustes de ancho y altura correctos para que el formulario incrustado se adapte bien a la página de destino.

Puede que necesites jugar con algunos tamaños, pero no te preocupes. Siempre puede volver aquí, cambiar el tamaño y luego copiar y pegar nuevamente el nuevo código de inserción.

Incrustar el formulario de contacto en su sitio web

Si tiene un sitio web o un blog, el enfoque estándar es crear un Contacto elemento de menú en su encabezado. Esto lo hace lo más conveniente posible para que los visitantes se contacten con usted..

Algunos sitios utilizan un enfoque alternativo, como colocar este enlace en el pie de página o incluso en la página Acerca de nosotros.

En mi sitio, el elemento del menú Contacto mueve la vista hacia abajo a un área después de los Testimonios. Aquí es donde quiero insertar mi formulario de contacto..

Si ha escrito su propio sitio web personalizado desde cero, querrá insertar el código de inserción directamente en la sección de la página donde desea que aparezca. Cuando adopte el enfoque manual, asegúrese de evitar los errores comunes que las personas cometen al crear una página web. 9 Errores que no debe cometer al crear una página web. Errores que no debe cometer al crear una página web. fácil de hacer, pero si los elimina antes que después, su página se verá mejor, será más fácil de mantener y funcionará de la manera que desee. Lee mas .

Con un sitio de WordPress, el tema que está usando normalmente tendrá un área con un formulario de contacto que puede personalizar. Por ejemplo, con el tema Onetone hay un “Contenido de la sección” campo en la página principal que incluye el código de formulario de contacto existente.

Puede resaltar este código y reemplazarlo con su nuevo formulario de contacto de Google.

¿Por qué es mejor usar un formulario de contacto de Google?

¿Por qué no usar el formulario de contacto existente que viene con un tema? En realidad, hay varias razones por las que usar Google Forms es mejor:

• Los formularios PHP normalmente usan POST o SMTP para enviar correos electrónicos, y en ambos casos, necesita saber cómo configurar el servidor de correo electrónico para que funcione.
• En lugar de enviar comentarios al correo electrónico, el formulario de contacto de Google recopila todos los mensajes en una hoja de Google. Esto evita el desorden de la bandeja de entrada.
• Puede modificar el formulario en cualquier momento utilizando la GUI de Google Form en lugar de tener que editar cualquier código..

Una vez incrustado en la página web, su formulario de contacto se verá así..

Como puedes ver, este primer intento no es perfecto. El tema de coloración actual de Google Form no se combina bien con el tema de la página web.

Es hora de ajustar un poco más el diseño de Google Form..

Actualización y personalización del formulario de contacto.

La belleza de este enfoque es que una vez que está incrustado en su sitio, puede volver a diseñar el formulario como desee sin tener que volver a tocar su página web..

Por ejemplo, para cambiar el esquema de color del formulario existente, simplemente vaya al editor de formularios de Google y haga clic en icono de paleta de colores en la esquina superior derecha.

Ya que mi sitio tiene un tema negro más oscuro, un tema de formulario de contacto gris debería combinarse bien.

En el momento en que guarda el nuevo formulario de Google en el editor, se actualiza el formulario en el sitio web, como puede ver aquí..

Ahora que el diseño y la inserción están completos, es hora de comprobar si el formulario de contacto funciona como se desea.!

Probando tu formulario de contacto de Google

Siempre debe realizar una prueba de funcionamiento de cualquier formulario nuevo que coloque en su sitio web..

En este caso, el formulario de contacto de Google responde con el texto de respuesta personalizado que definió cuando diseñó el formulario.

Puede acceder a todos los comentarios de sus visitantes en la misma página donde diseñó el formulario.

Simplemente haga clic en el Respuestas enlace en la parte superior del formulario de diseño.

Aquí puede ver comentarios individuales e información de contacto de los usuarios. También tiene la opción de hacer clic en el icono de Google Sheets en la esquina superior derecha de la ventana. Esto creará una nueva hoja de Google para almacenar todos los comentarios entrantes de los usuarios.

Elegir cómo ve los comentarios de los usuarios entrantes realmente depende de cómo planea procesarlos. Si espera crear algo de automatización de Google Script cada vez que reciba un nuevo correo electrónico, entonces Google Sheets es el camino a seguir. Hemos cubierto muchas formas en las que puede usar Google Script para automatizar Google Sheets. 4 Scripts de Google que hacen que Google Sheets sea mucho más potente. 4 Google Scripts que hacen que Google Sheets. potente si utiliza Google Scripts para mejorar sus capacidades. Lee mas .

Sin embargo, si solo planea responder manualmente a cada nuevo comentario entrante, probablemente esté bien simplemente usando la pantalla dentro de la página del editor de formularios de Google.

Si alguna vez desea guardar comentarios en un formato de hoja de cálculo, hay varias opciones disponibles. Simplemente haga clic en el icono de tres puntos en la parte superior derecha de la vista Respuestas para verlos.

Puede descargar todas las respuestas en formato CSV, o incluso enviarlas a su impresora o a un documento PDF. Aquí también es donde puede configurar notificaciones cada vez que recibe un nuevo comentario de su sitio web..

Lleve sus formularios de Google al siguiente nivel

El uso de los formularios de Google para procesar comentarios le brinda mucha más flexibilidad y funcionalidad que el uso de un formulario web estándar.

Sin ningún tipo de codificación de su parte, los comentarios se registran en una hoja conveniente. Puede habilitar o deshabilitar cosas como notificaciones por correo electrónico o si los comentarios se pueden editar después del envío.

Un inconveniente de este enfoque es que la incrustación utiliza un iframe, que inserta una barra de desplazamiento en la ventana.

Pero si le das a tu formulario un diseño que lo combine bien con tu tema, la barra de desplazamiento no se verá tan mal. También es un intercambio justo, dadas las muchas características que obtienes a cambio..

Si recién comienza a utilizar Google Forms, le recomendamos consultar nuestra extensa guía de formularios de Google. La mejor guía de formularios de Google. Encontrará la mejor guía de formularios de Google. Encontrará los formularios de Google. De las mejores herramientas web gratuitas disponibles para recopilar datos. Esta guía de formularios de Google le dará todo lo que necesita para dominar las habilidades esenciales de creación de formularios. Lee mas . También hay muchos excelentes complementos de Google Forms. Google Forms puede hacer cualquier cosa con estos asombrosos complementos. Google Forms puede hacer cualquier cosa con estos asombrosos complementos. Google Forms es una herramienta poco utilizada. Ahorre tiempo, reduzca los errores y haga que sus formularios sean más dinámicos con estos increíbles complementos de formularios de Google. Leer más que te permiten ampliar lo que puedes hacer con él. Incluso puedes incrustar esos formularios mejorados en tu sitio web.!

Explorar más sobre: ​​Formularios de Google, Hojas de Google.