Cómo poner un formulario en tu web (del Elooo System o externa)
En una web o embudo del Elooo System, arrastra el elemento Formulario a la página y elige el formulario. En una web externa (WordPress, Wix, Shopify…), abre el formulario en Sitios › Formularios, haz clic en Integrar, elige el formato, copia el código y pégalo en el editor de tu web.
Actualizado el
Antes de empezar
- El formulario ya debe estar creado y guardado en Sitios › Formularios.
- Para una web externa, necesitas acceso a su editor y un lugar donde pegar código (bloque HTML, widget de código o inyección de código).
Dónde encontrarlo
Sitios › Formularios › (abrir el formulario) › Integrar
Paso a paso
En una web o embudo del Elooo System
- Abre la página en el constructor (Sitios › Embudos o Sitios web › Editar).
- Haz clic en el + de la barra superior, elige Elementos y arrastra el elemento Formulario a la página.
- En la lista que aparece, elige el formulario.
- Para cambiar el formulario sin salir de la página, haz clic en Editar formulario en el panel de la derecha, haz los cambios y haz clic en Guardar.
- Guarda y publica la página.
En una web externa
- Abre Sitios › Formularios y abre el formulario.
- Haz clic en Integrar (arriba a la derecha).
- Elige el formato:
- En línea: queda dentro del contenido de la página.
- Ventana emergente: se abre en una ventana encima de la página.
- Deslizante discreto: entra deslizándose por un lado de la pantalla.
- Barra lateral fija: queda fijo en un lado y acompaña al desplazamiento.
- En los formatos que no son en línea, elige cuándo aparecen (tras X segundos, al desplazarse un X % o siempre), en qué visita se activan y cuándo dejan de mostrarse (tras X veces o cuando ya se ha captado el contacto). También puedes fijar la altura de la ventana (500 px por defecto).
- Haz clic en Copiar código de inserción.
- En el editor de tu web, pega el código:
- WordPress: en la página, añade un bloque HTML personalizado y pega el código.
- Wix: haz clic en + › Insertar › Insertar un widget, pega el código y actualiza.
- Shopify: en Tienda online › Temas › Editar código, abre el archivo
theme.liquidy pega el código en la cabecera o en el pie. - Squarespace: en Configuración › Avanzado › Inyección de código, pégalo en la cabecera o en el pie.
- Guarda y publica la web y ábrela en el navegador para comprobar que el formulario aparece.
Compartir solo el enlace
- En Integrar, haz clic en Copiar enlace del formulario.
- Envía el enlace por WhatsApp, email o redes sociales.
Consejos
- Para usar el formulario en un código QR, crea un QR de tipo Formulario en Sitios › Códigos QR.
- Usa un código de inserción distinto para cada formulario y cada página donde quieras mostrarlo.
Problemas comunes
- He cambiado la ventana emergente o los disparadores y la web sigue igual → El código pegado en la web no se actualiza solo. Vuelve a Integrar, copia el código nuevo y sustituye el antiguo.
- El formulario no aparece en la web externa → Comprueba que copiaste el código completo, que lo pegaste en un bloque que acepta código (HTML) y que publicaste la web.
- En Squarespace el formulario no sale en el pago → Squarespace no permite formularios en las páginas de pago. Úsalo en otras páginas.
- No encuentro el formulario en la lista del elemento Formulario → Comprueba que el formulario está guardado en Sitios › Formularios y recarga el constructor.
Preguntas frecuentes
¿Necesito saber programar?
No. Solo tienes que copiar el código y pegarlo en el bloque o widget de código de tu editor.
¿Las respuestas de la web externa también llegan al Elooo System?
Sí. Los envíos aparecen en los envíos del formulario y crean o actualizan el contacto.
¿Te ha resultado útil?
Gracias por tu opinión.
