--- title: "Cómo insertar formularios en tu sitio web" date: 2021-06-14 canonical_id: how-to-embed-form author: "osogovo" category: - blog - feedback - surveys - tutorials locale_slug: "como-insertar-formulario" summary: "Pasos sencillos para insertar un formulario en cualquier sitio web en segundos. Un código JavaScript responsivo y fácil de copiar y pegar. Sin programar." draft: false seo: title: "Cómo insertar formularios en tu sitio web" description: "Pasos sencillos para insertar un formulario en cualquier sitio web en segundos. Un código JavaScript responsivo y fácil de copiar y pegar. Sin programar." structured_data: article --- > **Nota importante:** Este método no está funcionando en este momento y estamos trabajando en un nuevo creador de formularios que llegará pronto. Por favor, contacta a nuestro equipo de éxito del cliente para más información. Los formularios insertados son uno de los métodos más eficaces y sencillos para recopilar datos, e insertar el código en tu sitio web no debería requerir llamar a un técnico para hacerlo. Ya sea para comentarios, transacciones o registro, los formularios son fundamentales. Esta guía te mostrará el proceso, ilustrando lo fácil que es insertar un formulario en cualquier sitio web usando EmbedForms. ## **¿Para qué se usan los formularios?** Los formularios juegan un papel crucial en nuestras actividades diarias, tanto en el mundo físico como en el digital. Ayudan a las organizaciones a llevar a cabo sus operaciones de forma más eficiente al agilizar el proceso de recopilación de información. #### **Recopilación de datos** Los formularios se usan a menudo para recopilar datos o información de los usuarios. Esto puede ser tan simple como recopilar información de contacto, como un formulario de registro de correo electrónico en un sitio web, o datos más complejos de investigación científica o de mercado. Por ejemplo, un formulario médico recopila el historial y los síntomas del paciente para ayudar en el diagnóstico y el tratamiento. #### **Comentarios y comunicación** Los formularios ofrecen una forma eficaz de [recopilar comentarios de clientes](/blog/web-form-builder/) o usuarios. Las encuestas, sondeos o formularios de comentarios permiten a los usuarios comunicar sus pensamientos, opiniones o experiencias a una organización. Se pueden usar para el desarrollo de productos, mejorar la experiencia de usuario o medir la satisfacción del cliente. #### **Requisitos legales y de cumplimiento** Ciertas industrias y procedimientos requieren el uso de formularios para asegurar que cumplen con los requisitos legales y normativos. Por ejemplo, los formularios fiscales permiten al gobierno recopilar los datos financieros necesarios. Los formularios de consentimiento en contextos médicos o de investigación aseguran que los participantes estén informados y acepten las condiciones del procedimiento o estudio. #### **Transacciones** Los formularios se usan para facilitar diversas transacciones online. Estas pueden ser transacciones financieras (como hacer una compra en un sitio de comercio electrónico donde el formulario de pago recopila información sobre el comprador y la compra) o transacciones no financieras (como enviar una solicitud o registrarse para un evento). ## **¿Por qué insertar formularios en tu sitio web?** La colocación estratégica de formularios en tu sitio web puede mejorar significativamente su funcionalidad y la interacción de los usuarios. Los formularios ofrecen una comunicación eficaz con tus visitantes y clientes, permitiéndote recopilar información valiosa y ofrecer mejores servicios. #### **Interacción del usuario** Insertar un formulario en tu sitio web puede aumentar la interacción del usuario al ofrecer un canal directo de interacción. Esto puede ser en forma de un [formulario de comentarios de cliente](/blog/customer-feedback-form/), un sondeo, un cuestionario o incluso un sencillo formulario de contacto. Invita a los usuarios a interactuar con el contenido, compartir sus opiniones o hacer preguntas. #### **Recopilación de datos** Los formularios se pueden usar para recopilar información valiosa sobre tus visitantes, como su información de contacto, preferencias o necesidades. Estos datos se pueden usar para estrategias de marketing, perfilado de clientes o desarrollo de productos. Un formulario de suscripción a boletines, por ejemplo, puede ayudarte a crear una lista de email marketing. #### **Facilidad de comunicación** Un formulario insertado puede simplificar el proceso de comunicación entre tú y tus visitantes. En lugar de que los visitantes te envíen un correo directamente, simplemente pueden rellenar un formulario, asegurando que recibas toda la información necesaria de forma estructurada. Esto es especialmente útil para formularios de soporte al cliente o de consultas. #### **Conversiones y ventas:** Si tienes un sitio de comercio electrónico, los formularios son una parte esencial del proceso de compra. Permiten a los usuarios introducir los datos de envío, seleccionar productos y completar transacciones. Los formularios bien diseñados pueden agilizar el proceso de pago y mejorar la experiencia de usuario, impulsando en última instancia las conversiones y las ventas. #### **Registro de usuarios** Para los sitios web que requieren cuentas de usuario, insertar un formulario de registro es fundamental. Esto puede ayudar a gestionar el acceso de los usuarios, personalizar sus experiencias y construir una comunidad. El formulario puede recopilar información importante como nombres de usuario, contraseñas y otros datos del usuario de forma segura y cómoda. ## **¿Cómo insertar un formulario en un sitio web?** Así puedes empezar, crear un formulario personalizado y obtener un código insertable para mostrar el formulario en tu sitio web: #### **1\. En la ventana emergente de bienvenida, elige una plantilla de formulario o empieza desde cero** Puedes previsualizar esta plantilla o volver atrás y elegir otro formulario en la biblioteca de plantillas de formularios. ![biblioteca de plantillas de formularios](https://embedsocial.com/wp-content/uploads/2021/06/choose-form-template.png) #### **2\. Configura y personaliza tu formulario si es necesario, haz clic en 'Guardar' y luego en 'Publicar en vivo'** ![publicar formulario en vivo](https://embedsocial.com/wp-content/uploads/2021/06/publish-online-form.png) #### **3\. Para obtener el código del formulario, en la esquina superior izquierda haz clic en el enlace 'Insertar formulario en el sitio web'** ![obtener código para insertar formulario en tu sitio web](https://embedsocial.com/wp-content/uploads/2021/06/embed-form-on-website.jpg) #### **4\. En el editor del widget del formulario, solo copia el código proporcionado** ![código de inserción para formulario en el sitio web](https://embedsocial.com/wp-content/uploads/2021/06/form-widget-code.jpg) #### **4\. Para insertar el formulario, solo pega el código en la sección body de tu sitio web donde quieres que aparezca** Si usas WordPress, consulta las instrucciones a continuación. Para otros CMS o plataformas de comercio electrónico, no dudes en contactar a nuestro equipo de soporte para obtener ayuda adicional. No necesitarás ninguna [integración de reseñas con formularios](/blog/forms-reviews-integration/), y puedes insertar tu código en cualquier otro creador web usando el mismo código proporcionado en la [plataforma EmbedForms](/forms). El código HTML del formulario se puede insertar prácticamente en cualquier lugar de tu sitio web. La parte clave es que debe ser visible para todos y presentarse en el momento adecuado. Por ejemplo, los dueños de negocios suelen pedir una opinión después de que un cliente ha tenido alguna interacción con su negocio, y las impresiones aún están frescas cuando se trata de [formularios de comentarios](/blog/free-feedback-form-templates/). Esto significa que si estás realizando una encuesta posterior a la compra en tu sitio de comercio electrónico, el mejor lugar para insertarla sería la página de agradecimiento, y debería mostrarse unos segundos después de que se complete la compra. Para más detalles sobre cómo crear un formulario insertado, consulta la [Guía de configuración de formularios](https://help.embedsocial.com/en/articles/5015688-setup-guide-create-an-online-form) ## **¿Cómo insertar un formulario en WordPress?** **Nota**: EmbedForms funciona en cualquier sitio web y página de WordPress, y no hay necesidad de instalar plugins o widgets adicionales que puedan ralentizar tu sitio web. Los pasos se aplican a cualquier formulario, ya sea un formulario de comentarios, de contacto, de registro, de inscripción o una encuesta No necesitas instalar ningún plugin de WordPress para crear formularios insertables para WordPress. Una vez que estés listo para pegar el código en tu página o entrada, solo sigue estos pasos. Primero, inicia sesión en tu sitio de WordPress y abre la página donde necesitarás insertar el formulario. #### **1\. Haz clic en el icono + en el editor y elige el bloque HTML** ![insertar bloque HTML en entrada de WordPress](https://embedsocial.com/wp-content/uploads/2021/06/html-block-wordpress.png) #### **2\. Pega el código de inserción en el área de texto del bloque** ![insertar código de formulario en wordpress](https://embedsocial.com/wp-content/uploads/2021/06/paste-html-code-in-wordpress.png) #### **3\. Haz clic en 'Actualizar'** Y eso es todo. Este código funciona para cualquier plataforma que admita la inserción de JavaScript o iFrame. ## **Insertar widgets de formulario** Si necesitas personalizar la forma en que los formularios aparecen en tu sitio web, puedes usar [widgets de formularios](/blog/form-widgets/). En lugar de solo insertar los formularios en línea, EmbedForms ofrece varios tipos diferentes de widgets que transformarán tu formulario en widgets web interactivos. Puedes elegir mostrar un Banner, Flotador o Botón que, al hacer clic, abrirá el formulario. Estos widgets están diseñados para ahorrar espacio, cargar rápido y ayudarte a mostrar los formularios en posiciones destacadas de tu sitio web para que puedas aumentar sus tasas de respuesta. Para crear y añadir un widget de formulario, 1\. Ve a **Widgets** y abre el widget de formulario que quieres que aparezca de forma diferente en tu sitio web. Si no tienes un widget, haz clic en **Crear widget** para crear uno. ![Paso 1 para crear un widget de formulario para el sitio web](https://embedsocial.com/wp-content/uploads/2021/06/create-form-widget-step1.jpg) 2\. Elige Banner, Flotador, Botón o disparador JS y haz clic en '**Guardar**'. ![elegir widgets de formularios](https://embedsocial.com/wp-content/uploads/2021/06/choose-form-widget-type.jpg) 3\. Finalmente, copia y pega el código de la esquina superior derecha en la página donde quieres que aparezca el widget. Eso es todo. Ahora puedes insertar fácilmente cualquier formulario en tu sitio web en distintos formatos y recopilar más datos de tus visitantes web. ## **Haz más con EmbedForms** ![creador de encuestas y formularios](https://embedsocial.com/wp-content/uploads/2021/06/online-form-builder-1024x591.png) EmbedForms es un creador de formularios completo con opciones avanzadas de creación. 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 del RGPD. En el siguiente texto, puedes encontrar más opciones que te ayudarán a insertar los mejores formularios web: #### **1\. Opciones de personalización** Cuando abres una página de formulario específica, puedes usar el editor para elegir distintos campos de formulario como botones de opción, párrafos, menús desplegables, valoraciones, escalas de opinión, etc., cuando quieres crear un formulario completamente nuevo. Además, puedes usar otras opciones de formato, como cambiar todo el tema, cambiar la imagen de fondo del encabezado, subir tu propio logotipo, etc. #### **2\. Notificaciones por correo electrónico** Para activar el recordatorio por correo electrónico, ve a la configuración general y haz clic en notificaciones por correo electrónico y recibirás un correo con el enlace a la última respuesta del formulario. #### **3\. Mensaje de agradecimiento** Añade tu mensaje de agradecimiento navegando a la configuración general y escribiendo tu nota de agradecimiento. #### **4\. Enlace de redirección** Cuando un usuario hace clic en el botón de enviar tras rellenar el formulario, hay una opción para añadir un enlace de redirección que llevará a tus clientes a una página de destino específica añadiendo un enlace en el campo de redirección tras el envío. #### **5\. Opción de compartir y exportar respuestas** Exporta todos los envíos de formularios a Excel, Google Sheets o cualquier otra aplicación de hojas de cálculo. Además, puedes usar la opción 'Compartir' que te permitirá compartir los encuestados con otros miembros del equipo para que puedan ver las respuestas recopiladas de un formulario específico. #### **6\. Crea e inserta un formulario emergente** Insertar formularios es sencillo, pero insertar formularios en distintos formatos de visualización también debería serlo. Así que si quieres insertar un formulario emergente, EmbedForms tiene la opción para ti. Es un tipo de [widget de formulario](/blog/form-widgets/) que tiene la funcionalidad de mostrar tu formulario en una ventana emergente. También puedes explorar otras opciones de inserción como popover, botón, flotador y similares. ¡Así es como se verá un formulario en tu sitio web si eliges EmbedForms! (function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/admin/assets/ef.js"; d.getElementsByTagName("head")\[0\].appendChild(js);}(document, "script", "EmbedSocialFormsScript")); ## **También puedes insertar formularios de Google** Al usar formularios de Google, la inserción del formulario es similar a insertar formularios creados con EmbedForms o cualquier otro creador de formularios web. Aquí tienes los pasos para insertar un formulario de Google: Paso 1: Haz clic en la opción '**Compartir**' de la esquina superior derecha ![pasos para insertar formulario de google](https://embedsocial.com/wp-content/uploads/2021/06/embed-google-form-step1.jpg) **Paso 2:** Haz clic en la pestaña con el icono de código y haz clic en el botón '**Copiar**' ![copiar código de formularios de Google](https://embedsocial.com/wp-content/uploads/2021/06/embed-google-form-step2.jpg) **Paso 3**: Pega el código en el HTML de la página donde quieres que aparezca el formulario Eso es todo. ## **Conclusión** Como hemos explorado, insertar un formulario en tu sitio web puede ser sencillo, ofreciendo una forma potente de mejorar la interacción del usuario y recopilar datos valiosos. Con EmbedForms, todo lo que tienes que hacer es tener un objetivo claro de lo que quieres aprender sobre tu cliente, elegir la plantilla adecuada y copiar y pegar el código en tu sitio web. **Leer más:** Consulta [10 formularios de generación de leads y widgets de imanes](/blog/lead-generation-forms/) ### **Preguntas frecuentes:** **¿Cuántos campos debería tener mi formulario?** El número de campos en tu formulario debería ser el mínimo necesario para recopilar la información requerida. Normalmente, los formularios más cortos con 3-5 campos tienden a tener tasas de finalización más altas. **¿Usar formularios en un sitio web afecta al aumento de ingresos?** Sí, los formularios pueden aumentar los ingresos al mejorar la generación de leads, la interacción del cliente y las tasas de conversión, especialmente cuando se usan estratégicamente en los esfuerzos de ventas, marketing y servicio al cliente. **¿Qué hace que los formularios insertados sean diferentes de otros tipos de formularios?** Los formularios insertados se integran sin problemas en el diseño de un sitio web, mejorando la experiencia de usuario al permitir interacciones directas del usuario sin necesidad de salir de la página actual. **¿Qué es un formulario insertado?** Un formulario insertado es un formulario que se integra directamente en una página web, permitiendo a los usuarios interactuar con él sin salir de la página, mejorando así la experiencia de usuario. **¿Cómo añadir un formulario a un sitio web?** Para añadir un formulario a un sitio web, normalmente creas el formulario usando un creador de formularios, generas un código de inserción y luego insertas este código en el HTML de tu sitio web. ### Regístrate ahora y obtén tu creador de formularios interactivos Prueba EmbedForms e inserta atractivos formularios web en tu sitio, en segundos. Comenzar prueba gratuita → Configuración sencilla ![widget de formularios](https://embedsocial.com/wp-content/uploads/2021/11/forms-builder-cta.jpg)