Personalizar el widget
Haz que el widget de OneTwoAgent se vea y se comporte como parte de tu producto, sin CSS: tema, colores, 45 Google Fonts, formas de burbuja, iconos y animaciones del lanzador, una pantalla de inicio, Voice y las páginas donde se muestra el widget.
Dónde se personaliza
Abre Channels -> Widget. Cada cambio se ve en la vista previa en vivo mientras editas.
- Vista previa de Home, Chat y Talk en escritorio y en móvil.
- Sin CSS: colores, fuentes, formas, lanzador, pantalla de inicio y Voice son simples ajustes.
- Los mismos ajustes se aplican dondequiera que esté instalado el widget: tu sitio web y tu app.
Superficies y primera pantalla
- Home: una pantalla de inicio con tu marca, tu titular, un botón principal y enlaces.
- Chat: la conversación con el agente de soporte con IA y tu equipo.
- Talk: conversación por Voice con el agente.
- Elige con cuál de las tres se abre el widget.
Tema y colores
- Tema claro u oscuro.
- Colores del encabezado, las burbujas del asistente y del cliente, el fondo del chat, el campo de entrada, el botón de enviar, el lanzador, los botones y el botón de cerrar.
- El botón de cerrar puede tener su propio fondo y borde.
Tipografía
- 45 Google Fonts: sans serif, serif y monoespaciadas.
- Configura la fuente por separado para el encabezado, los mensajes del asistente, los mensajes del cliente, el campo de entrada y el lanzador.
- Cada elemento tiene su propio tamaño de fuente.
Mensajes y encabezado
- 6 formas de burbuja, aplicadas a los mensajes del asistente o a ambos lados.
- Varios iconos de envío para elegir.
- Encabezado: nombre del asistente, línea de estado y un avatar o logotipo opcional.
Lanzador
- 15 iconos de lanzador y el color de lanzador que quieras.
- Texto del lanzador opcional, con solo el icono en móvil si lo prefieres.
- 13 animaciones del lanzador para llamar la atención sin estorbar.
Pantalla de inicio
- Titular, una línea corta encima y el texto del botón principal.
- Hasta 3 enlaces, por ejemplo a tu documentación, tu página de estado o tus precios.
- Un orbe animado, con una textura que también puedes usar en Talk.
- 16 estilos de fondo animados, entre ellos malla, halo, rayos, resplandor, estrellas, puntos, grano y semitono, o un fondo liso.
- Tiñe el fondo con uno de los colores de tu widget o con un color predefinido, y ajusta la intensidad y el movimiento: quieto, tranquilo o vivo.


Talk (Voice)
- Activa o desactiva Talk.
- Elige una voz del catálogo de voces, filtrado por idioma, acento y género, y escúchala antes de decidirte.
- Escribe el mensaje de bienvenida hablado y elige la textura del orbe.
- Cómo funciona Voice: Voice, archivos y capturas de pantalla.
Textos y comportamiento
- Mensaje de bienvenida, texto de ejemplo del campo de entrada y texto del lanzador.
- Subida de archivos activada o desactivada.
- Modo compacto para un widget más pequeño.
Dónde se muestra el widget
- Dominios permitidos: el widget solo se carga en tus dominios.
- Restricciones de páginas: páginas permitidas y páginas excluidas, como /checkout o /account.
- Pasos de instalación: Widget del sitio web.
Guías relacionadas
Continúa con los siguientes pasos de configuración sobre canales, reservas, agenda o automatización.
Instala y personaliza el widget; chat, Voice, archivos e idiomas.
Voice en el widget, notas de voz, capturas de pantalla, archivos y enlaces.
CLI + coding agent setup, live account data, support views and the manual integration architecture.
Preguntas frecuentes
¿Necesito CSS o un desarrollador para adaptar el widget a mi marca?
No. Todos los ajustes de diseño y comportamiento están en Channels -> Widget, y cada cambio se ve en la vista previa en vivo mientras editas.
¿Puede el widget usar la fuente de mi marca?
Elige entre 45 Google Fonts (sans serif, serif y monoespaciadas), configurables por separado para el encabezado, los mensajes del asistente, los mensajes del cliente, el campo de entrada y el lanzador, cada uno con su propio tamaño.
¿Puede el widget abrirse directamente en Voice?
Sí. Elige Home, Chat o Talk como la pantalla con la que se abre el widget.
¿Puedo ocultar el widget en algunas páginas?
Sí. Activa las restricciones de páginas e indica las páginas permitidas o excluidas, por ejemplo /checkout. Los dominios permitidos impiden que el código del widget se reutilice en otros sitios.