OneTwoAgent

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.

Diseño del widget sin CSSIconos y animaciones del lanzadorPantalla de inicio y fondosAjustes de Voice (Talk)

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.
Pantalla de inicio del widget en tema oscuro con fondo mesh
Tema oscuro, fondo mesh, un botón con el color de la marca y dos enlaces.
Pantalla de inicio del widget en tema claro con fondo de puntos
Tema claro, fondo de puntos en otro color de marca.

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.
Notas

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.
Notas

Guías relacionadas

Continúa con los siguientes pasos de configuración sobre canales, reservas, agenda o automatización.

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.

¿Necesitas ayuda?

support@onetwoagent.com