Saltar al contenido

Personalización del widget

Personaliza el widget de chat para que el chatbot parezca tuyo

Elige colores, avatar, icono del botón, textos y posición, o pega la dirección de tu web y deja que la importación de marca te proponga logo y colores. Una vista previa en directo muestra cada cambio antes de guardar.

Un widget genérico parece un añadido de terceros

Los visitantes notan cuando la burbuja de chat no encaja con el resto de la web. Colores por defecto, un icono cualquiera y un saludo genérico hacen que el chat parezca un pegote, en lugar del sitio donde preguntarle algo a tu negocio.

Qué puedes cambiar

Todos los ajustes están en la pestaña Appearance, con una vista previa en directo al lado.

  • Tus colores

    Define los colores del botón, la cabecera y los mensajes del visitante y del agente, o parte de una de las cinco paletas. El texto cambia solo entre negro y blanco para seguir siendo legible.

  • Importación de marca

    Escribe la dirección de tu web e intoCHAT propone tu logo y tus colores, ajustados donde haga falta para que los mensajes se lean bien. Nada cambia hasta que aplicas y guardas.

  • Avatar e icono del botón

    Sube un avatar para el agente y tu propio icono para sustituir el símbolo por defecto del botón de chat.

  • Tus palabras

    Escribe el mensaje de bienvenida, el texto de ayuda del botón, el texto del campo de mensaje y hasta seis preguntas sugeridas.

  • Tu marca en primer plano

    Con cualquier plan de pago puedes ocultar la línea «Powered by intoCHAT» bajo el campo de mensaje.

Cómo personalizar tu widget

  1. Importa tu marca

    En la pestaña Appearance, escribe la dirección de tu web. Revisa el logo y los colores propuestos y aplícalos o quédate con los tuyos.

  2. Ajusta colores e imágenes

    Cambia cualquiera de los cuatro colores o elige una paleta, y sube un avatar y un icono para el botón.

  3. Escribe los textos

    Define la bienvenida, el texto de ayuda, el texto del campo y las preguntas sugeridas en el idioma que usa la mayoría de tus visitantes.

  4. Colócalo y guarda

    Pon el botón abajo a la izquierda o a la derecha, revisa la vista previa y guarda. Tu web muestra el nuevo aspecto en la siguiente carga de página, con la misma etiqueta script.

Todos los ajustes de apariencia

  • Cuatro colores, cinco paletas

    Botón, cabecera, mensajes del visitante y mensajes del agente, cada uno con texto negro o blanco automático.

  • Avatar del agente

    Tu logo o una imagen para el agente, visible en la ventana del chat.

  • Icono del botón

    Un icono propio ocupa todo el botón de chat y sustituye el símbolo por defecto y el color de la burbuja.

  • Texto de ayuda y del campo

    La frase junto al botón y la indicación dentro del campo de mensaje vacío.

  • Bienvenida y preguntas sugeridas

    El primer mensaje que ven los visitantes y hasta seis preguntas como botones hasta que envían su primer mensaje.

  • Posición y marca

    Abajo a la izquierda o a la derecha, y un interruptor para ocultar «Powered by intoCHAT» en los planes de pago.

Preguntas frecuentes

¿Cómo personalizo el widget de chat?

Abre la pestaña Appearance de tu agente, cambia colores, avatar, icono, textos y posición mientras se actualiza la vista previa, y guarda. Tu web aplica los cambios en la siguiente carga de página. No hace falta cambiar el código de inserción.

¿Puedo quitar la marca «Powered by intoCHAT»?

Sí, con cualquier plan de pago, desde Starter por 19 $ al mes. Es un solo interruptor en la pestaña Appearance. En el plan Free la mención sigue visible.

¿Qué hace la importación de marca?

Escribes la dirección de tu web e intoCHAT toma tu logo y tus colores principales, ajustándolos donde haga falta para que los mensajes se lean bien. Es solo una propuesta: nada cambia hasta que la aplicas, y guardar es un paso aparte.

¿Puedo usar CSS propio o mis propias fuentes?

El widget se personaliza con los ajustes de la pestaña Appearance: colores, avatar, icono, textos y posición. El CSS propio y la elección de fuentes no forman parte de esos ajustes.

¿La bienvenida y las preguntas sugeridas cambian según el idioma del visitante?

No. Escribes una bienvenida y un conjunto de preguntas sugeridas por agente, y aparecen tal como las escribiste. Las respuestas del agente siguen el idioma del visitante, así que escribe estos textos en tu idioma principal o mantenlos sencillos.

¿Puedo mostrar el chat dentro de una página en lugar de como burbuja?

Sí. Además de la burbuja flotante, puedes insertar el chat en una página con un iframe o compartir un enlace directo a la página del agente. La burbuja se coloca abajo a la izquierda o a la derecha.

Haz que el chat parezca parte de tu web

Crea tu agente gratis, importa tu marca en un paso y revisa el widget en la vista previa antes de publicarlo.

Crea tu agente gratis

Plan gratuito, sin tarjeta de crédito.