Incrustar pone el formulario dentro de tu sitio, sin enviar a la persona a otra dirección. Eliges cómo aparece, copias un código listo y lo pegas en el HTML de la página. Las visitas, el embudo y las campañas se siguen contando como en cualquier otro acceso. La Clínica Vitta, en Bogotá, usa su ficha de ingreso de dos formas: dentro de la página "Agenda tu valoración" y en un botón flotante en todas las páginas del sitio.
Dónde obtener el código
En Formularios › (formulario) › Compartir › tarjeta "Incrustar en el sitio". Elige el modo en Cómo aparece el formulario, ajusta las opciones que aparecen para él y haz clic en Copiar código. El formulario debe estar publicado: puedes copiar el código antes, pero solo muestra el formulario después de publicarlo.
Los cuatro modos
En la página
El formulario queda dentro del contenido, donde pegues el código, y la altura acompaña las preguntas: no aparece una segunda barra de desplazamiento. Es el modo de la página "Agenda tu valoración" de Vitta. El código queda así:
<div data-wisedata-form="ficha-vitta" data-title="Ficha de ingreso"></div><script src="https://f.wisedataforms.com/embed.js" async></script>
Popup
El código trae un botón para tu sitio; al hacer clic, el formulario se abre centrado sobre la página. Se cierra con la X, con la tecla Esc o haciendo clic fuera de él. En el celular, ocupa toda la pantalla. La opción Texto del botón (hasta 40 caracteres) define lo que dice; si la dejas en blanco, va el título del formulario. Como el botón es un elemento común de tu página, tu sitio puede darle el mismo estilo que a los demás botones.
Slide-in
Un panel aparece en la esquina inferior derecha después de unos segundos, y la persona sigue navegando con él abierto. Se cierra con la X. El tiempo viene de Aparece después de (segundos), de 0 a 120 (el predeterminado es 5). Aparece cada vez que se carga la página.
Botón flotante
Un botón fijo en la esquina de la pantalla mientras la persona se desplaza, que abre el formulario en popup. Defines el Texto del botón y la Posición del botón (Esquina derecha o Esquina izquierda). Vitta usa "Llenar ficha" en la esquina derecha.
Dónde pegarlo
- Pega el código en el HTML de la página. En los creadores de sitios, usa el bloque de "HTML personalizado" o "código".
- En el modo En la página, el lugar importa: el formulario aparece exactamente donde esté el código. En los otros tres, cualquier punto de la página sirve.
- Pégalo una vez por página. Para que el botón flotante aparezca en todo el sitio, pon el código en un área común a todas las páginas, como el pie de página.
Las campañas de la página pasan a la respuesta
Si la persona llegó a tu sitio por una dirección con parámetros de campaña, estos pasan al formulario incrustado. Ejemplo: el anuncio de Vitta lleva a clinicavitta.com.co/valoracion?utm_source=instagram&utm_campaign=octubre. Quien llena la ficha en esa página entra en Analytics como llegado desde instagram, campaña octubre, sin que tengas que tocar el código. Cómo leerlo está en el artículo Origen de las respuestas, campañas con UTM, dispositivos y ubicaciones.
Después del envío
- Agradecimiento — aparece dentro del propio recuadro del formulario.
- Redirección — si el formulario envía a otra dirección después del envío, navega la página entera, no solo el recuadro.
- Cerrar la ventana — en Editar › Después del envío, activa Cerrar el popup y el slide-in después del envío. La ventana se cierra sola 3 segundos después del agradecimiento. Vale para el popup (incluso el que abre el botón flotante) y el slide-in; el modo En la página no se cierra, y cuando hay redirección, esta tiene prioridad. Como las demás opciones del formulario, empieza a valer después de publicar.
Alias y dominio propio en el código
- El código usa el alias del enlace, si lo hay. Cambiar el alias después no rompe el código ya pegado, porque el alias anterior sigue abriendo el formulario.
- Con un dominio propio activo, el código sale con tu dominio. Si eliminas el dominio, el código pegado con él deja de funcionar: cópialo de nuevo y reemplázalo en tu sitio.
Adónde ir después
- Enlace del formulario y alias personalizado (colección Compartir) — la dirección que va en el código.
- Agradecimiento y redirección (colección Apariencia y después del envío) — lo que aparece después del envío.
- Origen de las respuestas, campañas con UTM, dispositivos y ubicaciones (colección Analytics) — las campañas que llegan por la página.
- Dominio propio (colección Compartir) — el código servido desde la dirección de tu empresa.
En resumen: en Compartir › Incrustar en el sitio eliges En la página, Popup, Slide-in o Botón flotante, copias el código y lo pegas una vez en el HTML de la página; el formulario publicado aparece ahí, hereda las campañas de la dirección de la página, redirige la página entera cuando hay redirección y puede cerrarse solo 3 segundos después del envío en el popup y el slide-in.