Cómo incrustar un formulario en su sitio web

Publicado: 2021-06-14

Los formularios integrados son uno de los métodos más efectivos y fáciles para recopilar datos. E incrustar el código en su sitio web no debería requerir llamar a un técnico para hacerlo.

Hemos creado EmbedForms como un generador de formularios para todos que es de uso gratuito y tiene todas las opciones necesarias para crear e incrustar todos sus formularios web.

Entonces, si está buscando una manera rápida y fácil de hacer esto ahora mismo, estos son los pasos.

Primero, cree una cuenta gratuita de EmbedForms y siga estos pasos:

  1. Elija una plantilla de formulario o comience desde cero
  2. Configure etiquetas de formulario, casillas de verificación u otros campos de entrada en el editor en línea
  3. Haga clic en "Vista previa" para comprobar el formulario en la ventana emergente de vista previa y
  4. Haga clic en 'Guardar' si está listo para editar
  5. Para insertar el formulario, haga clic en la pestaña ' Compartir '
  6. Copie el fragmento de código proporcionado en la barra lateral izquierda
  7. Pegue este código en el editor HTML o CMS de su sitio web (como WordPress o Shopify)

Eso es todo.

Así es como se verá el formulario en su sitio web:

Tenga en cuenta que diseñamos EmbedForms con la funcionalidad de incrustación en mente, por lo que obtendrá una alta velocidad de carga, diseños receptivos y un código incrustable que es tan simple como copiar y pegar.

Dicho esto, no necesitará ningún conocimiento de HTML, CSS o JavaScript avanzado y código de estilo para implementar EmbedForms en su sitio web.

A continuación, encontrará el tutorial completo con capturas de pantalla sobre cómo crear e incrustar cualquier formulario en cualquier sitio web:

Pasos para incrustar un formulario en una página web

Aquí se explica cómo comenzar, crear un formulario y obtener un código integrable para mostrar el formulario en su sitio web:

1. En la ventana emergente de bienvenida, elija una plantilla de formulario o comience desde cero

Puede obtener una vista previa de esta plantilla o regresar y elegir otro formulario en la biblioteca de plantillas de formulario.

biblioteca de plantillas de formularios

2. Configure y personalice su formulario si es necesario, haga clic en 'Guardar' y haga clic en 'Publicar en vivo'

publicar formulario en vivo

3. Para obtener el código del formulario, haga clic en la pestaña 'Compartir' y copie el código provisto

código para formulario incrustado

4. Para incrustar el formulario, simplemente pegue el código en la sección del cuerpo de su sitio web donde desea que aparezca

Si usa WordPress, consulte las instrucciones a continuación. Para otros CMS o plataformas de comercio electrónico, no dude en comunicarse con nuestro equipo de soporte para obtener ayuda adicional. No necesitará ninguna integración, definitivamente incrustará su código en cualquier otro creador web utilizando el mismo código provisto en la plataforma EmbedForms.

El código HTML del formulario se puede incrustar prácticamente en cualquier parte de su sitio web. La parte clave es que deben ser visibles para todos y presentarse en el momento adecuado. Por ejemplo, los dueños de negocios generalmente solicitan una opinión después de que un cliente tuvo alguna interacción con su negocio y las impresiones aún están frescas cuando se trata de formularios de comentarios.

Esto significa que si está realizando una encuesta posterior a la compra en su sitio web de comercio electrónico, el mejor lugar para insertar sería la página de agradecimiento, y debería mostrarse unos segundos después de que se complete la compra.

Para obtener más detalles sobre cómo crear un formulario incrustado, consulte la Guía de configuración de formularios

Insertar formulario en WordPress

Nota : EmbedForms funciona para cualquier sitio web de WordPress y página de WordPress, y no es necesario instalar complementos o widgets adicionales que puedan ralentizar su sitio web. Los pasos se aplican a todos los formularios, ya sea un formulario de comentarios, un formulario de contacto, un formulario de registro, un formulario de registro o una encuesta.

Para crear un formulario incrustado para WordPress, no necesita instalar ningún complemento de WordPress. Una vez que esté listo para pegar el código en su página o publicación, simplemente siga estos pasos.

Primero, inicie sesión en su sitio de WordPress y abra la página donde deberá incrustar el formulario.

1. Haga clic en el ícono + en el editor y elija Bloque HTML

insertar bloque HTML en la publicación de WordPress

2. Pegue el código de inserción en el área de texto del bloque.

incrustar código de formulario en wordpress

3. Haga clic en 'Actualizar'

Y eso es. Este código funciona para cualquier plataforma que admita la incrustación de JavaScript o iFrame.

Haz más con EmbedForms

creador de encuestas y formularios

EmbedForms es un generador de formularios completo con opciones avanzadas de creación de formularios. Todos los formularios son responsivos y se adaptan perfectamente a los dispositivos móviles. Además, tiene una opción de Política de privacidad para que los usuarios puedan cumplir con los requisitos de GDPR.

En el siguiente texto, puedes encontrar más opciones que te ayudarán a incrustar los mejores formularios web:

1. Opciones de personalización

Cuando abre una página de formulario específica, puede usar el editor para elegir diferentes campos de formulario como botones de radio, párrafos, menús desplegables, calificación, escalas de opinión, etc., cuando desee crear un formulario completamente nuevo. Además, puede usar otras opciones de formato, como cambiar el tema completo, cambiar la imagen de fondo del encabezado, cargar su propio logotipo, etc.

2. Notificaciones por correo electrónico

Para activar el recordatorio por correo electrónico, vaya a la configuración general y haga clic en notificaciones por correo electrónico y recibirá un correo electrónico con el enlace a la última respuesta del formulario.

3. Mensaje de agradecimiento

Agregue su mensaje de agradecimiento navegando en la configuración general y escribiendo su nota de agradecimiento.

4. Enlace de redirección

Cuando un usuario hace clic en el botón Enviar después de completar el formulario, hay una opción para agregar un enlace de redireccionamiento que llevará a sus clientes a una página de destino específica al agregar un enlace en el campo para redirigir después del envío.

5. Opción Compartir y exportar respuestas

Exporte todos los envíos de formularios en Excel, Hojas de cálculo de Google o cualquier otra aplicación de hoja de cálculo. Además, puede usar la opción 'Compartir' que le permitirá compartir los encuestados con otros miembros del equipo para que puedan ver las respuestas recopiladas de un formulario específico.

6. Crea e incrusta un formulario emergente

Incrustar formularios es simple, pero incrustar formularios en diferentes formatos de visualización también debería serlo. Entonces, si desea incrustar un formulario emergente, EmbedForms tiene la opción para usted. Es un tipo de widget de formulario que tiene la funcionalidad de mostrar su formulario en una ventana emergente.

También puede explorar otras opciones de inserción, como ventana emergente, botón, flotador y similares.

Bonificación: incrustar formularios de Google

Con Google Forms, la incrustación del formulario es muy similar a la incrustación de formularios creados con EmbedForms o cualquier otro creador de formularios web.

Estos son los pasos para insertar un formulario de Google:

Paso 1: haga clic en la opción " Compartir" de la parte superior derecha

pasos para incrustar formulario de google

Paso 2: Haga clic en la pestaña con el icono del código y haga clic en el botón ' Copiar '

copiar el código de formularios de Google

Paso 3 : Pegue el código en la página HTML donde desea que aparezca el formulario

Eso es todo.

Envolver

Incrustar un formulario web ya no requiere conocimientos avanzados en código. La creación técnica de los formularios y la construcción de las preguntas ahora se simplifican drásticamente gracias a la automatización de los creadores de formularios en línea.

Con EmbedForms, todo lo que tiene que hacer es tener un objetivo claro de lo que quiere aprender sobre su cliente, elegir la plantilla adecuada y copiar y pegar el código en su sitio web.

Regístrese ahora y obtenga su creador de formularios interactivos gratuito para siempre

Pruebe EmbedForms e incruste atractivos formularios web en su sitio web, en segundos.


Gratis para siempre · Configuración sencilla

widget de formularios incrustados