Para usar un elemento HTML como botón CTA custom se requiere el uso de la clase .agent-laucher para mantener su comportamiento:
Se puede personalizar el Botón de Inicio de 2 formas:
1) Desde la Plataforma de Agenbot
Una vez seleccionada la opción “personalizado”, ingresa la fracción de código HTML que contiene tu botón custom bajo la clase .agent-launcher (no es necesario agregar etiquetas como <html> o <body>), y debajo las reglas CSS que deseas aplicar en tu botón.
Ten presente que la ubicación en el sitio web que tendrá el botón, será alguna de las opciones predeterminadas ofrecidas:
- Izquierda (superior/centro/inferior)
- Derecha (superior/centro/inferior)
- Centro (superior/inferior)
2) Desde tu Sitio Web
Si deseas ubicar tu botón de inicio en una posición personalizada acorde a tu sitio web, tu desarrollador web puede agregar tu botón custom en la plantilla HTML donde deseas que se vea, recuerda que debe contener la clase .agent-launcher para mantener su comportamiento esperado y deberás desactivar el switch de “boton de inicio” dentro de la configuración para evitar que se visualice cualquier otro botón por default.
Por ejemplo, con el siguiente código:
El funcionamiento será:
