Si tu centro tiene su propio sitio web (fuera de tu landing page de CrossHero), cada visitante que tiene que salir de tu página para llegar a la landing page de CrossHero y reservar una clase de prueba es una oportunidad de que se distraiga y no vuelva. Con el Embed de Drop-in puedes incorporar el flujo de reserva de drop-in directamente en tu propio sitio web: el visitante completa sus datos y reserva su clase de prueba sin salir de tu página. Así reduces la fricción para captar nuevos clientes y mantienes la experiencia dentro de tu propia marca.
Este artículo explica cómo generar el código para incorporar el drop-in en un sitio web externo (fuera de crosshero.site). Si en cambio quieres activar el botón de drop-in dentro de tu landing page de CrossHero, o que el staff añada un drop-in manualmente , consulta Drop-In.
Requisitos previos
Antes de generar el embed, el drop-in debe estar habilitado en dos niveles:
A nivel de cuenta: en Administración → Cuenta, pestaña Configuraciones, activa Permitir drop-in.
A nivel de landing page: en Landing page, pestaña Ajustes, activa Permite drop-in; y en la pestaña Contenido, en Horarios para drop-in, selecciona al menos un programa.
Importante: si no seleccionas ningún programa en Horarios para drop-in, el embed mostrará a tus visitantes un aviso de que la reserva de drop-in no está disponible, aunque el resto esté configurado.
¿Quién puede configurarlo?
Solo los usuarios con permiso sobre Landing page pueden acceder al editor de la landing page y, dentro de él, al Embed de Drop-in:
El rol Administrador tiene este permiso de forma predeterminada.
Los roles Coach y Staff no lo tienen de forma predeterminada.
Si tu centro usa roles personalizados, se puede otorgar este permiso (Landing page, dentro del grupo Marketing) a cualquier rol que lo necesite.
¿Cómo generar el embed?
Ve a Landing page, pestaña Ajustes.
En Configuraciones/Ajustes, haz clic en Embed de Drop-in.
En el campo Dominios web permitidos, ingresa el o los dominios donde vas a incorporar el embed (un dominio por línea, por ejemplo
www.tucentro.com). El embed solo se cargará cuando esté incorporado en uno de estos dominios.Haz clic en Generar código de incorporación (o en Guardar, si ya habías generado uno antes).
Copia el Código de incorporación y pégalo en el HTML de tu sitio web.
Importante: si en algún momento cambias o quitas dominios del listado, deberás guardar de nuevo para que el embed refleje esos dominios permitidos.
Regenerar el código
Si necesitas invalidar un código ya publicado (por ejemplo, porque se compartió por error o cambiaste de sitio), hacé clic en Regenerar código de incorporación dentro del mismo modal.
Importante: al regenerar el código, el que ya publicaste en tu sitio deja de funcionar de inmediato. Vas a tener que reemplazarlo por el nuevo en el HTML de tu sitio web.
¿Qué verá el cliente en tu sitio?
En el lugar donde incorporaste el código, el visitante ve un botón con el texto configurado en Botón drop-in (el mismo que se usa en tu landing page de CrossHero).
Al hacer clic, se abre una ventana superpuesta sobre tu propia página (el visitante no sale de tu sitio) donde completa su nombre, email y teléfono.
Elige una clase entre los horarios de los programas habilitados para drop-in.
Confirma la reserva y ve la confirmación en pantalla, además de recibir un email con los detalles de su clase.
Consideraciones
El embed solo funciona si se carga desde uno de los dominios que agregaste en Dominios web permitidos. Desde cualquier otro sitio, mostrará un aviso de que el widget no está autorizado.
Si más adelante desactivas el drop-in (a nivel de cuenta o de landing page), el embed seguirá visible en tu sitio pero mostrará un aviso de que la reserva no está disponible por el momento.
Las reservas hechas desde este embed se identifican por separado de las hechas desde tu landing page de CrossHero, para que puedas distinguir el origen de cada cliente.