{"id":4708,"date":"2024-03-13T12:09:19","date_gmt":"2024-03-13T12:09:19","guid":{"rendered":"https:\/\/elfsight.com\/es\/?p=4708"},"modified":"2024-10-07T08:09:48","modified_gmt":"2024-10-07T08:09:48","slug":"how-to-embed-forms-on-any-website-online-and-for-free","status":"publish","type":"post","link":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","title":{"rendered":"C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis"},"content":{"rendered":"\n<div class=\"table-of-contents\">\r\n\t\t\t<div class=\"table-of-contents-title\">Contents<\/div>\r\n\t\t\t<ol class=\"table-of-contents-list\">\n<li class=\"table-of-contents-list-item\"><a href=\"#how-to-add\" data-scroll-to=\"how-to-add\">C\u00f3mo a\u00f1adir formularios a tu sitio web gratis<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#pros-add-cons\" data-scroll-to=\"pros-add-cons\">Pros y contras del Constructor de Formularios de Elfsight<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#features-list\" data-scroll-to=\"features-list\">Lista de caracter\u00edsticas del widget de formulario<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#thorough-guides\" data-scroll-to=\"thorough-guides\">Gu\u00edas detalladas sobre c\u00f3mo a\u00f1adir formularios a diferentes constructores de sitios web<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#using-forms\" data-scroll-to=\"using-forms\">Lo que debes saber sobre el uso de formularios en tu sitio web<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#all-on-one\" data-scroll-to=\"all-on-one\">Soluci\u00f3n todo en uno para crear cualquier tipo de formulario con un clic<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#conclusion\" data-scroll-to=\"conclusion\">Si tienes preguntas sin resolver<\/a><\/li>\n<\/ol>\r\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-add\">C\u00f3mo a\u00f1adir formularios a tu sitio web gratis<\/h2>\n\n\n\n<p>Si est\u00e1s buscando una manera f\u00e1cil y gratuita de a\u00f1adir formularios a tu sitio web, \u00a1buenas noticias! Los desarrolladores ofrecen una soluci\u00f3n con un solo clic para reducir el trabajo manual con el c\u00f3digo HTML. Puedes crear formularios para cualquier caso sin necesidad de codificar. Creaci\u00f3n de formularios multi-paso, integraci\u00f3n con Zapier o Google Sites, una caracter\u00edstica de l\u00f3gica condicional &#8211; todas estas opciones se pueden probar en l\u00ednea gratis. Este art\u00edculo explica c\u00f3mo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A\u00f1adiendo formularios a tu sitio web en pocos minutos<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Crea una cuenta gratis en Elfsight.<\/li><li>Ve al creador de widgets en l\u00ednea de Elfsight.<\/li><li>Elige la plantilla necesaria.<\/li><li>Personaliza el widget y presiona guardar.<\/li><li>Copia el c\u00f3digo de instalaci\u00f3n del formulario.<\/li><li>Pega el c\u00f3digo HTML en tu sitio web.&nbsp;<\/li><\/ol>\n\n\n\n<p><strong>\u00a1Voil\u00e0! Simplemente has incrustado formularios en tu sitio web.&nbsp;<\/strong><\/p>\n\n\n\n<figure><section class=\"application-demo header-blind-spot section\" id=\"demo\" data-nav-section=\"demo\"><div class=\"section-content\">\n                <div class=\"application-demo-container\">\n                    <div class=\"application-demo-iframe-container\">\n                        <div class=\"application-demo-control-enter-fullscreen application-demo-control\" title=\"Full Screen\">\n                            <svg>\n                                <use xlink:href=\"#icon-maximize\"><\/use>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"application-demo-control-exit-fullscreen application-demo-control application-demo-control-hidden\" title=\"Exit Full Screen\">\n                            <svg>\n                                <use xlink:href=\"#icon-minimize\"><\/use>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"application-demo-iframe-wrapper\">\n                            <iframe class=\"application-demo-iframe\" data-src=\"https:\/\/dash.elfsight.com\/demo\/form-builder?language=es_ES\" title=\"Agregue  a su sitio web \u00a1solo le tomar\u00e1 un minuto!\" frameborder=\"0\" name=\"preview\" loading=\"lazy\" allow=\"autoplay; fullscreen\"><\/iframe>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pros-add-cons\">Pros y contras del Constructor de Formularios de Elfsight<\/h3>\n\n\n\n<p>Aqu\u00ed puedes ver un cuadro real que puede ayudarte a decidir si la soluci\u00f3n para a\u00f1adir formularios ofrecida por Elfsight se ajusta a tus necesidades.&nbsp;<\/p>\n\n\n\n<p><strong>En primer lugar, aqu\u00ed est\u00e1 una lista de ventajas que se pueden obtener usando el constructor:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>los formularios son compatibles con la mayor\u00eda de los constructores de sitios web y no requieren conocimientos de c\u00f3digo para su integraci\u00f3n;<\/li><li>puedes crear un widget de formulario sin costo mediante el plan gratuito o suscribirte a cualquiera de los planes pagados para obtener m\u00e1s funcionalidades;<\/li><li>si no est\u00e1s completamente satisfecho con el constructor, puedes hacer un reembolso dentro de los 14 d\u00edas desde la fecha de suscripci\u00f3n en l\u00ednea;<\/li><li>si tienes alg\u00fan problema, puedes dirigirte al Soporte al Cliente y siempre estar\u00e1n en l\u00ednea para ayudarte con la incrustaci\u00f3n del formulario;<\/li><li>hay caracter\u00edsticas para reportar y recopilar datos que pueden ayudarte a analizar la eficiencia del constructor en el sitio web;<\/li><li>con una variedad de plantillas de formulario puedes recopilar comentarios de los clientes en tu sitio web y usarlos para el remarketing.&nbsp;<\/li><\/ul>\n\n\n\n<p><strong>Aunque hay muchas ventajas, tambi\u00e9n se deben mencionar algunos inconvenientes:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>no hay posibilidad de suscribirse anualmente y no hay funci\u00f3n de suscripci\u00f3n de por vida;<\/li><li>al comenzar a usar el constructor, la calificaci\u00f3n de rendimiento del sitio web puede caer alrededor de un 3%;<\/li><li>es una soluci\u00f3n simple que dif\u00edcilmente puede superar la funcionalidad de un plugin integrado;<\/li><li>hay menos capacidad para la interacci\u00f3n con el sitio web.<\/li><\/ul>\n\n\n\n<p>Teniendo en cuenta todos los puntos, puedes tomar una decisi\u00f3n equilibrada sobre si deseas probarlo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"features-list\">Lista de caracter\u00edsticas del widget de Formulario&nbsp;<\/h2>\n\n\n\n<p>En esta tabla puedes ver la funcionalidad completa de la soluci\u00f3n lista para usar para incrustar formularios en l\u00ednea de Elfsight.&nbsp;<\/p>\n\n\n\n<figure class=\"browser-frame\" style=\"margin: 0;width:100%\"><table style=\"margin: 0\"><tbody><tr><td><strong>Cualquier tipo de formulario<\/strong><\/td><td>Con el Constructor de Formularios de Elfsight, puedes crear formularios de cualquier tipo para incrustar en tu sitio web. Esta es una herramienta todo en uno que te permite hacer un formulario de contacto, una encuesta u otro tipo de formulario que puedas necesitar en l\u00ednea en un solo lugar.<\/td><\/tr><tr><td><strong>Dise\u00f1o flexible<\/strong><\/td><td>El constructor te proporciona oportunidades flexibles para la personalizaci\u00f3n del dise\u00f1o en l\u00ednea para adaptarse a las necesidades de tu sitio web, tales como: una opci\u00f3n para dividir tus campos en columnas para crear un aspecto peculiar; una opci\u00f3n para editar las etiquetas de la manera necesaria: puedes ocultarlas si es necesario o crear la etiqueta com\u00fan para cada grupo de campos; una opci\u00f3n para hacer un formulario completamente horizontal;&nbsp; una opci\u00f3n para editar el ancho de tu formulario; una opci\u00f3n para estructurar el formulario usando elementos de etiqueta, encabezado y p\u00e1rrafo distintos.&nbsp;<\/td><\/tr><tr><td><strong>Formularios multietapa<\/strong><\/td><td>Si necesitas dividir tu formulario en varias p\u00e1ginas, solo establece el n\u00famero de p\u00e1ginas y distribuye tus campos dentro de ellas. Luego puedes personalizar a\u00fan m\u00e1s tus p\u00e1ginas web en l\u00ednea agregando un t\u00edtulo y una descripci\u00f3n a cada p\u00e1gina.<\/td><\/tr><tr><td><strong>20 elementos de formulario<\/strong><\/td><td>Con 20 varios elementos de formulario en l\u00ednea, el widget se puede usar para crear cualquier formulario deseable. Aqu\u00ed se incluyen: textos largos y cortos; diferentes escalas en l\u00ednea (pulgar, carita, estrella y n\u00famero); opciones de fecha y hora responsivas; y muchos m\u00e1s. Adem\u00e1s, todos los campos se pueden cambiar de la manera que necesites. Por ejemplo, en el creador en l\u00ednea de Elfsight puedes configurar los campos requeridos de tu formulario responsivo, formatos de fecha y hora, archivos disponibles para subir, etc.<\/td><\/tr><tr><td><strong>Estilo del formulario<\/strong><\/td><td>Eres libre de crear un dise\u00f1o \u00fanico para tu formulario sin tener que codificar: elige entre el modo claro u oscuro, agrega tu propio color de marca, establece un dise\u00f1o espec\u00edfico para los campos de tu formulario o cambia la fuente. Y si necesitas un aspecto peculiar de tu formulario responsivo, puedes alcanzarlo f\u00e1cilmente alterando cada uno de sus componentes individualmente a trav\u00e9s del editor en l\u00ednea.&nbsp;<\/td><\/tr><tr><td><strong>Encabezado del formulario<\/strong><\/td><td>Puedes establecer un encabezado para el formulario y proporcionarlo con un t\u00edtulo y una descripci\u00f3n. Tambi\u00e9n, hay una opci\u00f3n para agregar una imagen de portada del sitio web y tu logotipo de marca. Con el encabezado, puedes mejorar la apariencia de tu formulario responsivo, lo cual es especialmente relevante cuando se usan formularios fuera del sitio web a trav\u00e9s del enlace.<\/td><\/tr><tr><td><strong>Formularios flotantes<\/strong><\/td><td>Hay una manera de elegir c\u00f3mo se incrustar\u00e1 el formulario en el sitio web: ya sea que se colocar\u00e1 directamente en el \u00e1rea de contenido (Formulario en l\u00ednea), o habr\u00e1 un bot\u00f3n flotante que abre un panel con tu formulario si se hace clic en \u00e9l (Formulario flotante).<\/td><\/tr><tr><td><strong>Integraciones<\/strong><\/td><td>Los formularios responsivos de Elfsight se pueden integrar con servicios en l\u00ednea como Mailchimp y Google Sheets para la recopilaci\u00f3n eficiente de estad\u00edsticas de usuarios. De esta manera, todos los datos de tus formularios se enviar\u00e1n directamente a cualquiera de estos servicios si agregas la funci\u00f3n en el creador en l\u00ednea. Otro servicio disponible para agregar es Zapier, que te permite integrar informaci\u00f3n de tus formularios web con m\u00e1s de 5000 servicios y resolver casi cualquier tarea de integraci\u00f3n.&nbsp;<\/td><\/tr><tr><td><strong>Protecci\u00f3n contra spam<\/strong><\/td><td>Para proporcionar la mejor experiencia con el widget, los formularios admiten Google reCAPTCHA. Google reCAPTCHA es una soluci\u00f3n anti-spam gratuita pero cargada para proteger tus formularios del spam. Es invisible, por lo tanto, los clientes no tendr\u00e1n que pasar por el checkbox en el sitio web ya que todo funciona autom\u00e1ticamente. Mientras que los bots de spam definitivamente tendr\u00e1n dificultades.<\/td><\/tr><tr><td><strong>Notificaciones por correo electr\u00f3nico<\/strong><\/td><td>En el creador en l\u00ednea puedes configurar varias notificaciones por correo electr\u00f3nico al llenar el formulario. Por ejemplo, enviar un correo electr\u00f3nico a ti mismo con toda la informaci\u00f3n del formulario. O enviar un correo electr\u00f3nico al cliente despu\u00e9s de que hayan llenado el formulario en tu sitio web en l\u00ednea (funci\u00f3n de respuesta autom\u00e1tica). Para cada notificaci\u00f3n, puedes configurar todos los par\u00e1metros de env\u00edo responsivos y personalizar la plantilla de correo electr\u00f3nico.&nbsp;<\/td><\/tr><tr><td><strong>Acciones posteriores al env\u00edo<\/strong><\/td><td>Depende de ti elegir qu\u00e9 acci\u00f3n ocurrir\u00e1 despu\u00e9s de que se env\u00ede el formulario: si aparecer\u00e1 un mensaje de \u00e9xito, se redirigir\u00e1 a otra p\u00e1gina del sitio web, o el formulario simplemente desaparecer\u00e1. Cada acci\u00f3n se puede personalizar a\u00fan m\u00e1s sin necesidad de codificar en el creador de formularios en l\u00ednea.<\/td><\/tr><tr><td><strong>Prellenar formularios con par\u00e1metros URL<\/strong><\/td><td>Para una integraci\u00f3n m\u00e1s profunda del formulario, puedes configurar el prellenado de ciertos campos por defecto usando par\u00e1metros URL. Por ejemplo, si sabes que tu cliente est\u00e1 interesado en un cierto producto o servicio, puedes darles un enlace al sitio web donde el par\u00e1metro ya estar\u00e1 especificado. De esta manera habr\u00e1 un prellenado del campo correspondiente en el formulario y de nuevo, sin necesidad de codificar. Tambi\u00e9n puedes agregar informaci\u00f3n anal\u00edtica responsiva usando campos ocultos, prellen\u00e1ndolos a trav\u00e9s de par\u00e1metros URL.<\/td><\/tr><tr><td><strong>Formularios multiling\u00fces<\/strong><\/td><td>Todos los campos de tu formulario personalizado se pueden traducir a cualquier idioma, aqu\u00ed hay algunos de ellos: espa\u00f1ol; franc\u00e9s; italiano; portugu\u00e9s; serbio; y muchos, muchos m\u00e1s.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"thorough-guides\">Gu\u00edas detalladas sobre c\u00f3mo a\u00f1adir formularios a diferentes constructores de sitios web<\/h2>\n\n\n\n<p>Aqu\u00ed tienes una gu\u00eda simple sobre c\u00f3mo incrustar el formulario que has creado y personalizado en l\u00ednea en cualquier sitio web. No necesitar\u00e1s nada m\u00e1s que pegar el c\u00f3digo del widget del formulario en un campo HTML de tu p\u00e1gina web. \u00a1Listo, preparado, c\u00f3digo!<\/p>\n\n\n\n<div class=\"tip\"><b>El proceso es tan f\u00e1cil que puedes disfrutar del rendimiento del widget en el sitio web despu\u00e9s de que est\u00e9 instalado sin hacer trabajo extra:<\/b>\n<br>\n<ul>\n<li>Sin cargos: tanto las opciones para crear el formulario como la revisi\u00f3n de su funcionalidad son gratuitas;<\/li>\n<li>Si deseas realizar cambios en el formulario existente, puedes hacerlo en l\u00ednea en el panel de administraci\u00f3n de Elfsight. Por lo tanto, no es necesario editar el c\u00f3digo de tu plataforma para alterar el formulario.<\/li>\n<li>Todas tus actualizaciones del formulario responsivo son automatizadas, por lo que no hay trabajo manual que debas hacer.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p>Con estas instrucciones paso a paso ver\u00e1s que incrustar formularios en cualquier sitio es tan f\u00e1cil que incluso los no profesionales del c\u00f3digo pueden manejarlo. Eres libre de ver el video para asegurarte:<\/p>\n\n\n\n<div class=\"video-container\">\n<iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/OWaK4YneeH0\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n\n\n<p>Aqu\u00ed tienes una breve transcripci\u00f3n del video que tambi\u00e9n puedes seguir:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Reg\u00edstrate en Elfsight gratis y ve al panel de administraci\u00f3n;<\/li><li>Crea tu formulario responsivo en el creador de widgets;<\/li><li>Guarda tu Constructor de Formularios despu\u00e9s de completar todas las configuraciones;<\/li><li>Copia el c\u00f3digo de instalaci\u00f3n del formulario del popup;<\/li><li>Ve a tu sitio web y pega el c\u00f3digo del formulario en el campo HTML.<\/li><\/ol>\n\n\n\n<p>Ahora ves lo fant\u00e1sticamente f\u00e1cil que es! Una vez que hayas terminado, ve a tu p\u00e1gina web y verifica el rendimiento de tu Constructor de Formularios responsivo. Y si has enfrentado alguna dificultad, \u00a1el Equipo de Soporte de Elfsight siempre est\u00e1 en l\u00ednea para ayudar!<\/p>\n\n\n\n<div class=\"faq\" data-component=\"FAQ\">\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">C\u00f3mo incrustar formularios en WordPress<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>Aqu\u00ed puedes ver c\u00f3mo a\u00f1adir Constructor de Formularios HTML a tu sitio web de WordPress. Hay dos instrucciones distintas ya que algunos usuarios de la plataforma eligen Elementor y no el editor de sitios web de WordPress por defecto, echa un vistazo:<\/p>\n<p><b>Variante 1: Para aquellos que usan el editor en l\u00ednea de WordPress<\/b><\/p>\n<p>Entonces, has creado tu formulario responsivo y lo has modificado en el panel de Elfsight. Ahora, despu\u00e9s de que todos los cambios est\u00e9n terminados, abre tu sitio web de WordPress y ve al panel de administraci\u00f3n. Luego necesitas pegar el c\u00f3digo del widget del formulario de Elfsight en el campo de c\u00f3digo HTML. Sigue los pasos:<\/p>\n<ol>\n<li>Crea el formulario en el creador en l\u00ednea de Elfsight.<\/li>\n<li>Copia el c\u00f3digo de instalaci\u00f3n del formulario.<\/li>\n<li>Ingresa en tu sitio web de WordPress.<\/li>\n<li>Ve a la secci\u00f3n &#8216;P\u00e1ginas&#8217;.<\/li>\n<li>Elige una p\u00e1gina para colocar tu formulario.<\/li>\n<li>A\u00f1ade un bloque de c\u00f3digo HTML personalizado donde sea necesario.<\/li>\n<li>Pega el c\u00f3digo del formulario del creador de widgets gratuito.<\/li>\n<li>Haz clic en &#8216;Actualizar&#8217; y guarda los cambios.<\/li>\n<\/ol>\n<p>Cuando el widget est\u00e9 incrustado en tu sitio web, todos los cambios se pueden hacer directamente a trav\u00e9s del panel de administraci\u00f3n de Elfsight de forma gratuita. Se mostrar\u00e1n autom\u00e1ticamente en tu Constructor de Formularios. Por lo tanto, no necesitas modificar tus formularios creados en el sitio de WordPress.<\/p>\n<p><b>Variante 2: Para aquellos que usan Elementor<\/b><\/p>\n<p>Si eliges Elementor, aqu\u00ed tienes una gu\u00eda r\u00e1pida para ti:<\/p>\n<ol>\n<li>Genera tu formulario personalizado en Elfsight.<\/li>\n<li>Copia el c\u00f3digo de instalaci\u00f3n del formulario.<\/li>\n<li>Ve al panel de administraci\u00f3n en el sitio web de WordPress.<\/li>\n<li>Selecciona la p\u00e1gina necesaria para a\u00f1adir el formulario.<\/li>\n<li>Ve al gestor de p\u00e1ginas o a la lista de p\u00e1ginas.<\/li>\n<li>Elige la opci\u00f3n &#8216;Editar con Elementor&#8217;.<\/li>\n<li>Arrastra el elemento &#8216;HTML&#8217; para a\u00f1adir el formulario a la p\u00e1gina.<\/li>\n<li>Haz clic en &#8216;Actualizar&#8217; para guardar las modificaciones.<\/li>\n<\/ol>\n<p>Sigue la gu\u00eda para a\u00f1adir el c\u00f3digo del widget del formulario a cada p\u00e1gina de WordPress que creaste con Elementor. Solo realiza los pasos en cada p\u00e1gina uno por uno y ver\u00e1s tu Constructor de Formularios responsivo mostrado en el sitio web en un abrir y cerrar de ojos.<\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Incrustando formularios en sitio web HTML de Wix<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>Para a\u00f1adir Constructor de Formularios al sitio de Wix, primero necesitar\u00e1s abrir el panel de control de Wix. Luego, encuentra una opci\u00f3n para incrustar c\u00f3digo HTML personalizado en el sitio web y sigue los pasos a continuaci\u00f3n:<\/p>\n<ol>\n<li>Ve al panel de administraci\u00f3n de Elfsight.<\/li>\n<li>Crea el formulario y presiona &#8216;Guardar&#8217;.<\/li>\n<li>Copia el c\u00f3digo del widget del formulario mostrado en el popup.<\/li>\n<li>Ingresa al panel de administraci\u00f3n del sitio web de Wix.<\/li>\n<li>Desde all\u00ed, ve a la secci\u00f3n &#8216;Configuraci\u00f3n&#8217;.<\/li>\n<li>Elige la opci\u00f3n &#8216;C\u00f3digo personalizado&#8217;.<\/li>\n<li>Llegar\u00e1 el campo &#8216;Agregar C\u00f3digo Personalizado&#8217;.<\/li>\n<li>Aqu\u00ed necesitas pegar tu c\u00f3digo del formulario.<\/li>\n<\/ol>\n<p>\u00a1Listo! Puedes ir a Wix y ver c\u00f3mo funciona tu constructor gratuito y responsivo. Y si realizas alg\u00fan cambio en tus formularios, se mostrar\u00e1n autom\u00e1ticamente en el sitio web de Wix. Este art\u00edculo describe c\u00f3mo puedes <a href=\"https:\/\/elfsight.com\/blog\/how-to-add-form-to-wix-elfsight-form-builder-app\/\" target=\"_blank\" rel=\"noopener\">a\u00f1adir f\u00e1cilmente un formulario a sitios web de Wix.<\/a><\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Una manera de a\u00f1adir formularios a Squarespace<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>Aqu\u00ed tienes un breve tutorial para a\u00f1adir el Constructor de Formularios HTML a Squarespace:<\/p>\n<ol>\n<li>Inicia sesi\u00f3n en el panel de Elfsight.<\/li>\n<li>Crea tu formulario en el creador de widgets.<\/li>\n<li>Copia el c\u00f3digo de instalaci\u00f3n del formulario.<\/li>\n<li>Ingresa al tablero de administraci\u00f3n de Squarespace.<\/li>\n<li>Ve al editor de sitios web de Squarespace.<\/li>\n<li>Haz clic en &#8216;Bloque de c\u00f3digo&#8217; para insertar el c\u00f3digo del formulario.<\/li>\n<li>Presiona un bot\u00f3n para guardar los cambios.<\/li>\n<li>Revisa el widget en el sitio web de Squarespace.<\/li>\n<\/ol>\n<p>Cuando hayas guardado los cambios, puedes ver tu formulario mostrado de inmediato en el sitio web de Squarespace. Est\u00e1s libre de hacer cualquier trabajo con el c\u00f3digo HTML en la plataforma. Tan pronto como hagas cualquier modificaci\u00f3n en el panel de administraci\u00f3n de Elfsight, aparecer\u00e1n en tu sitio web autom\u00e1ticamente.<\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">C\u00f3mo a\u00f1adir formularios en sitio web HTML en Shopify<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>A continuaci\u00f3n, puedes ver una instrucci\u00f3n que te ayudar\u00e1 a incrustar el widget responsivo de Elfsight en el sitio web de Shopify:<\/p>\n<ol>\n<li>Inicia sesi\u00f3n en el panel de administraci\u00f3n de Elfsight.<\/li>\n<li>Crea el formulario a trav\u00e9s del creador en l\u00ednea.<\/li>\n<li>Presiona un bot\u00f3n para guardar tu progreso.<\/li>\n<li>Copia el c\u00f3digo del formulario del popup.<\/li>\n<li>Ve al tablero de administraci\u00f3n del sitio web de Shopify.<\/li>\n<li>Elige &#8216;Tienda en l\u00ednea&#8217; &#8211; &#8216;Personalizar&#8217;.<\/li>\n<li>Desde el men\u00fa, elige &#8216;A\u00f1adir secci\u00f3n&#8217;.<\/li>\n<li>Ve a &#8216;Contenido personalizado&#8217;, presiona &#8216;A\u00f1adir&#8217;.<\/li>\n<li>Elimina las partes instaladas en el sitio web por defecto.<\/li>\n<li>Ve al men\u00fa &#8216;A\u00f1adir Contenido&#8217;.<\/li>\n<li>Pega el c\u00f3digo del formulario en el campo &#8216;HTML Personalizado&#8217;.<\/li>\n<li>Guarda y verifica el rendimiento del widget en el sitio web.<\/li>\n<\/ol>\n<p>Una vez que necesites cambiar el aspecto o la funcionalidad del widget responsivo, puedes hacerlo en el panel de administraci\u00f3n de Elfsight de forma gratuita. Todos los cambios se mostrar\u00e1n autom\u00e1ticamente en tu sitio web, lo que significa que no hay que lidiar con el c\u00f3digo de la plataforma.<\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Incrustando formularios en sitio web HTML de Webflow<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>Por favor, sigue una gu\u00eda r\u00e1pida sobre c\u00f3mo integrar formularios en tu sitio web de Webflow:<\/p>\n<ol>\n<li>Lanza la demo gratuita de Elfsight para comenzar a construir tu formulario.<\/li> \n<li>Selecciona el dise\u00f1o adecuado y las caracter\u00edsticas del widget.<\/li>\n<li>Presiona para guardar y luego copia el c\u00f3digo de incrustaci\u00f3n del formulario.<\/li>\n<li>Inserta el c\u00f3digo del widget del formulario en la p\u00e1gina de inicio de Webflow.<\/li>\n<li>Guarda las ediciones y verifica la funcionalidad del widget responsivo.<\/li>\n<\/ol>\n<p>No dudes en contactar al Equipo de Asistencia en caso de cualquier problema con la incrustaci\u00f3n del c\u00f3digo en el sitio web. Siempre est\u00e1n ah\u00ed para echarte una mano.<\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">A\u00f1adiendo formularios a sitios web HTML de Google Sites<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>Deben haber dos tutoriales distintivos ya que existe una nueva y una vieja versi\u00f3n de Google Sites. Aqu\u00ed puedes ver c\u00f3mo a\u00f1adir formularios a cualquiera de las versiones que est\u00e9s usando.<\/p>\n<p><b>Variante 1. Sitio web de Google Sites nuevo<\/b><\/p>\n<ol>\n<li>Crea, personaliza y guarda tu widget en elfsight.com.<\/li>\n<li>Copia el c\u00f3digo de instalaci\u00f3n del formulario de la ventana emergente.<\/li>\n<li>Ve al editor de Google Sites y luego haz clic en &#8216;Incrustar&#8217;.<\/li>\n<li>Selecciona la opci\u00f3n &#8216;Incrustar c\u00f3digo&#8217;, pega el c\u00f3digo del formulario, presiona &#8216;Siguiente&#8217;.<\/li>\n<li>Ajusta el ancho y alto deseados de tu widget responsivo.<\/li>\n<\/ol>\n<p>\u00a1Hecho! Has incrustado exitosamente formularios en tu sitio web de Google Sites.<\/p>\n<p><b>Variante 2. Sitio web de Google Sites cl\u00e1sico (viejo)<\/b><\/p>\n<p>Esta opci\u00f3n es un poco m\u00e1s complicada que la primera, \u00a1pero no te preocupes! Con la ayuda de este tutorial no es tan aterrador como parece.<\/p>\n<ol>\n<li>Crea el widget responsivo en el panel de administraci\u00f3n de Elfsight.<\/li>\n<li>Personaliza todos los elementos en el creador en l\u00ednea y presiona guardar.<\/li>\n<li>Obt\u00e9n el c\u00f3digo de instalaci\u00f3n del formulario del popup.<\/li>\n<\/ol>\n<p>Como la plataforma no admite c\u00f3digos JS, necesitar\u00e1s convertir tu widget responsivo en iframe. Esto debe hacerse antes de continuar con la incrustaci\u00f3n en el sitio web de Google Sites. Haz clic en el <a href=\"https:\/\/help.elfsight.com\/article\/680-how-to-convert-your-installation-code-in-iframe\" target=\"_blank\" rel=\"noopener\">enlace<\/a> para obtener una instrucci\u00f3n que puedas usar para hacerlo.<\/p>\n<p>Despu\u00e9s de haber instalado el widget en iframe, sigue la breve gu\u00eda de incrustaci\u00f3n de c\u00f3digo:<\/p>\n<ol>\n<li>Abre el editor de Google Sites, luego haz clic en &#8216;Editar&#8217;.<\/li>\n<li>Presiona &#8216;Editar fuente HTML&#8217; para a\u00f1adir un nuevo elemento de c\u00f3digo.<\/li>\n<li>Inserta el iframe creado y luego presiona &#8216;Actualizar&#8217;.<\/li>\n<li>Cambia la configuraci\u00f3n y el tama\u00f1o del widget a trav\u00e9s de &#8216;Propiedades&#8217;.<\/li>\n<li>Verifica el trabajo del widget en el sitio web de Google Sites.<\/li>\n<\/ol>\n<p>\u00bfNo fue simple? \u00a1Ahora tu widget responsivo funciona perfectamente en la p\u00e1gina web de Google Sites! Si sucede que no es as\u00ed, no dudes en dirigirte al Equipo de Soporte de Elfsight. Siempre est\u00e1n ah\u00ed para ayudarte.<\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">C\u00f3mo a\u00f1adir formularios al sitio web HTML en Blogger<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>Para incrustar formularios en el sitio web en Blogger, sigue los pasos:<\/p>\n<ol>\n<li>En el panel de administraci\u00f3n de Elfsight, crea tu formulario.<\/li>\n<li>Establece un dise\u00f1o y haz clic para guardar los cambios.<\/li>\n<li>Copia el c\u00f3digo HTML del popup.<\/li>\n<li>Ve a la p\u00e1gina de inicio de Blogger y haz clic en &#8216;Tema&#8217;.<\/li>\n<li>Presiona &#8216;Editar HTML&#8217; y ver\u00e1s la p\u00e1gina de edici\u00f3n de c\u00f3digo.<\/li>\n<li>Encuentra la etiqueta \u00abbody\u00bb, pega el c\u00f3digo despu\u00e9s de \u00abdiv class\u00bb.<\/li>\n<li>Presiona guardar y disfruta del rendimiento del widget responsivo.\n<\/li><\/ol>\n<p>\u00a1Felicidades! Has incrustado el formulario en tu sitio web de Blogger.<\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-forms\">Lo que debes saber sobre el uso de formularios en tu sitio web<\/h2>\n\n\n\n<p>Seg\u00fan las estad\u00edsticas de <a href=\"https:\/\/trends.builtwith.com\/widgets\/feedback-forms-and-surveys\" target=\"_blank\" rel=\"noreferrer noopener\">Tendencias de BuiltWith<\/a>, el 40% de los 1000 mejores sitios web utilizan formularios para recopilar datos de usuarios. No es de extra\u00f1ar, ya que se ha demostrado que los formularios son valorados por los clientes y aumentan las conversiones. Aqu\u00ed puedes ver algunos consejos y hechos de estos estudios que definitivamente deben tenerse en cuenta antes de la instalaci\u00f3n de formularios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. \u00bfPuede ser que el uso de formularios en un sitio web incremente las ventas?<\/h3>\n\n\n\n<p>\u00a1Claro que s\u00ed! Hubo estudios que demostraron que el uso de formularios puede impulsar las ventas. Por ejemplo, seg\u00fan <a href=\"https:\/\/www.ventureharbour.com\/multi-step-lead-forms-get-300-conversions\/\" target=\"_blank\" rel=\"noreferrer noopener\">Venture Harbour<\/a>, los <a href=\"https:\/\/wpforms.com\/how-to-create-a-multi-part-form-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">formularios de m\u00faltiples pasos<\/a> pueden llevar a un 300% m\u00e1s de conversiones.<\/p>\n\n\n\n<blockquote>\n\u201cUno de los mejores descubrimientos que he hecho en mi carrera fue descubrir cu\u00e1n bien convierten los formularios de m\u00faltiples pasos&#8230; En 2014, acababa de lanzar una calculadora en l\u00ednea para medir las &#8216;zonas de confort&#8217; de las personas&#8230; debido a la naturaleza de la herramienta, los formularios web tradicionales no nos serv\u00edan. Necesit\u00e1bamos capturar informaci\u00f3n detallada sobre los usuarios, pero los formularios largos estaban matando nuestras tasas de conversi\u00f3n.\n<br><br>\nDespu\u00e9s de <em>mucha<\/em> investigaci\u00f3n y pruebas, nos topamos con el concepto de formularios de m\u00faltiples pasos y dise\u00f1amos uno por nosotros mismos&#8230; El formulario de m\u00faltiples pasos convirti\u00f3 al 53% de los visitantes del sitio en leads, a pesar de hacer muchas preguntas (incluyendo correo electr\u00f3nico, nombre, n\u00famero de tel\u00e9fono y salario).\u201d\n<br>\n<br>\n<i>Marcus Taylor<\/i>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">2. <strong>\u00bfCu\u00e1ndo recopilar informaci\u00f3n personal del usuario?<\/strong><\/h3>\n\n\n\n<p>Seg\u00fan el estudio, el 65% de los visitantes de sitios web afirmaron que no enviar\u00edan un formulario si se requer\u00eda \u00abdemasiada informaci\u00f3n personal\u00bb. Y hay una raz\u00f3n para eso. Los clientes no quieren compartir detalles como sus n\u00fameros de tel\u00e9fono o direcciones de correo electr\u00f3nico con alguien que no conocen. Por lo tanto, campos de preguntas como estos en tus formularios pueden levantar sospechas para aquellos que visitan tu sitio web por primera vez.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. \u00bfCu\u00e1ntos campos deber\u00eda tener mi formulario?<\/strong><\/h3>\n\n\n\n<p>Hubo varios estudios que probaron acortar o ampliar el contenido de preguntas del formulario. Gracias nuevamente a <a href=\"https:\/\/www.ventureharbour.com\/how-form-length-impacts-conversion-rates\/\" target=\"_blank\" rel=\"noreferrer noopener\">Venture Harbour<\/a>, podemos ver c\u00f3mo la longitud del formulario afecta la eficiencia de su uso. Los resultados son controvertidos y dependen de factores como:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>El tipo de conversi\u00f3n: Las inscripciones por correo electr\u00f3nico y las creaciones de cuentas exigen formularios muy diferentes.<\/li><li>Expectativas del usuario: Si los usuarios ven valor en llenar un campo, estar\u00e1n felices de hacerlo.<\/li><li>Incentivo: Con esto en mente, \u00bfpuedes crear un incentivo para reducir la fricci\u00f3n?<\/li><li>Cu\u00e1nta informaci\u00f3n necesitas: A veces, agregar fricci\u00f3n es el precio que pagas por leads de calidad sobre cantidad.<\/li><li>Formato: Los formularios de m\u00faltiples pasos crean espacio para formularios mucho m\u00e1s largos, formateados en un dise\u00f1o que reduce la fricci\u00f3n.<\/li><li>Mejores pr\u00e1cticas: Estas son directrices, no reglas. Las tendencias de dise\u00f1o aceptadas no siempre funcionan.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"all-on-one\">Soluci\u00f3n todo en uno para crear cualquier tipo de formulario con un clic<\/h2>\n\n\n\n<p>El widget Constructor de Formularios de Elfsight es una herramienta todo en uno para que crees cualquier tipo de formulario con solo un clic. Elige el que mejor se ajuste a tus necesidades: formulario de contacto, formulario de retroalimentaci\u00f3n, formulario de encuesta, formulario de pedido, formulario personalizado&nbsp;<\/p>\n\n\n\n<p><strong>Con el Constructor de Formularios de Elfsight, simplemente crea los tipos de formulario necesarios dentro de un solo lugar.&nbsp;<\/strong><\/p>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/02\/how-to-embed-form-to-website-post-cta.jpg\" alt=\"Constructor de Formularios de Elfsight\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Si tienes preguntas sin resolver<\/h2>\n\n\n\n<p>Ahora sabes c\u00f3mo a\u00f1adir f\u00e1cilmente formularios a cualquier constructor de sitios web y por qu\u00e9 son efectivos. Tambi\u00e9n sabes que puedes crear cualquier tipo de formulario que puedas necesitar con el widget responsivo de Elfsight. Sin embargo, si todav\u00eda tienes preguntas que no se abordaron en el art\u00edculo, por favor consulta las siguientes opciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>visita <a href=\"https:\/\/community.elfsight.com\/c\/wishlist\/form-builder\/76\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Wishlist<\/strong><\/a> para ofrecer caracter\u00edsticas que necesitas pero el Constructor de Formularios todav\u00eda no tiene.&nbsp;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>ve a <a href=\"https:\/\/help.elfsight.com\/collection\/278-form-builder\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Centro de Ayuda<\/strong><\/a> para ver m\u00e1s art\u00edculos y tutoriales relacionados con el Constructor de Formularios.<\/li><li>explora las <a href=\"https:\/\/elfsight.com\/online-form-builder\/templates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>plantillas<\/strong><\/a> existentes del widget que puedes elegir para hacer una herramienta personalizada.<\/li><li>con\u00e9ctate con personas de ideas afines y comparte tus pensamientos en la <a href=\"https:\/\/community.elfsight.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Comunidad Elfsight<\/strong><\/a>.<\/li><\/ul>\n\n\n\n<p>Esperando que el art\u00edculo creado haya sido \u00fatil para leer. \u00a1Vuelve de nuevo y gracias por tu atenci\u00f3n!<\/p>\n\n\n\n<p>Adem\u00e1s, ten en cuenta que tambi\u00e9n tenemos otras gu\u00edas incre\u00edbles, por ejemplo, puedes descubrir c\u00f3mo <a href=\"https:\/\/elfsight.com\/blog\/how-to-embed-google-reviews-on-website\/\">incrustar rese\u00f1as de negocios de Google en el sitio web<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"Explora una gu\u00eda sencilla sobre c\u00f3mo crear y a\u00f1adir diversos formularios a tu sitio web. Adem\u00e1s, lee acerca de un widget en l\u00ednea para hacer este proceso ahorrador de tiempo y esfuerzo.","protected":false},"author":9,"featured_media":16192,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"categories":[110],"tags":[],"class_list":["post-4708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis<\/title>\n<meta name=\"description\" content=\"Explora una gu\u00eda sencilla sobre c\u00f3mo crear y a\u00f1adir diversos formularios a tu sitio web. Adem\u00e1s, lee acerca de un widget en l\u00ednea para hacer este proceso ahorrador de tiempo y esfuerzo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis\" \/>\n<meta property=\"og:description\" content=\"Explora una gu\u00eda sencilla sobre c\u00f3mo crear y a\u00f1adir diversos formularios a tu sitio web. Adem\u00e1s, lee acerca de un widget en l\u00ednea para hacer este proceso ahorrador de tiempo y esfuerzo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100000717934522\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-13T12:09:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-07T08:09:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elfsight.com\/es\/wp-content\/uploads\/sites\/9\/2024\/03\/how-to-embed-forms-on-any-website-online-and-for-free-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"polyakova\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"polyakova\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis","description":"Explora una gu\u00eda sencilla sobre c\u00f3mo crear y a\u00f1adir diversos formularios a tu sitio web. Adem\u00e1s, lee acerca de un widget en l\u00ednea para hacer este proceso ahorrador de tiempo y esfuerzo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis","og_description":"Explora una gu\u00eda sencilla sobre c\u00f3mo crear y a\u00f1adir diversos formularios a tu sitio web. Adem\u00e1s, lee acerca de un widget en l\u00ednea para hacer este proceso ahorrador de tiempo y esfuerzo.","og_url":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","og_site_name":"Elfsight ES","article_author":"https:\/\/www.facebook.com\/profile.php?id=100000717934522","article_published_time":"2024-03-13T12:09:19+00:00","article_modified_time":"2024-10-07T08:09:48+00:00","og_image":[{"width":1201,"height":1200,"url":"https:\/\/elfsight.com\/es\/wp-content\/uploads\/sites\/9\/2024\/03\/how-to-embed-forms-on-any-website-online-and-for-free-featured-image.png","type":"image\/png"}],"author":"polyakova","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"polyakova","Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","url":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/","name":"C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#primaryimage"},"image":{"@id":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#primaryimage"},"thumbnailUrl":"https:\/\/elfsight.com\/es\/wp-content\/uploads\/sites\/9\/2024\/03\/how-to-embed-forms-on-any-website-online-and-for-free-featured-image.png","datePublished":"2024-03-13T12:09:19+00:00","dateModified":"2024-10-07T08:09:48+00:00","author":{"@id":"https:\/\/elfsight.com\/es\/#\/schema\/person\/78a88bccd23a18e8966c1700efd6f806"},"description":"Explora una gu\u00eda sencilla sobre c\u00f3mo crear y a\u00f1adir diversos formularios a tu sitio web. Adem\u00e1s, lee acerca de un widget en l\u00ednea para hacer este proceso ahorrador de tiempo y esfuerzo.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#primaryimage","url":"https:\/\/elfsight.com\/es\/wp-content\/uploads\/sites\/9\/2024\/03\/how-to-embed-forms-on-any-website-online-and-for-free-featured-image.png","contentUrl":"https:\/\/elfsight.com\/es\/wp-content\/uploads\/sites\/9\/2024\/03\/how-to-embed-forms-on-any-website-online-and-for-free-featured-image.png","width":1201,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/blog\/how-to-embed-forms-on-any-website-online-and-for-free\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo incrustar formularios en cualquier sitio web en l\u00ednea y gratis"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/es\/#website","url":"https:\/\/elfsight.com\/es\/","name":"Elfsight ES","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/elfsight.com\/es\/#\/schema\/person\/78a88bccd23a18e8966c1700efd6f806","name":"polyakova","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elfsight.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9d214692c02d8bd1d3bd9b7eb9fee81?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9d214692c02d8bd1d3bd9b7eb9fee81?s=96&d=mm&r=g","caption":"polyakova"},"description":"As a seasoned Content Manager with over a decade of dedicated experience, I bring to the table a rich history of shaping and refining digital narratives.","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100000717934522"],"url":"https:\/\/elfsight.com\/author\/valeriya-polyakova\/"}]}},"meta_box":[],"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/posts\/4708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=4708"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/posts\/4708\/revisions"}],"predecessor-version":[{"id":4870,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/posts\/4708\/revisions\/4870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media\/16192"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=4708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/categories?post=4708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/tags?post=4708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}