Personaliza el aspecto de tu widget de chat

Haz que el widget de chat combine con tu marca. Configura el nombre del asistente, el color de marca, el logotipo y el mensaje de bienvenida, todo con vista previa en vivo.

Puedes hacer que el widget de chat parezca parte de tu sitio web. Configura el color, logotipo, etiqueta opcional para visitantes y mensaje de bienvenida en Anders → Canales → Chat web. La vista previa muestra cada cambio. La etiqueta para visitantes es independiente de la identidad de Anders dentro de RankLadder.

Antes de empezar

Necesitas el rol de Propietario o Gerente.
El widget debe estar activado. Si aún no lo has configurado, empieza con Instala el widget de chat en tu sitio.

Pasos

Abre Anders → Canales → Chat web.
Abre la pestaña Personalización. El panel de Vista previa está junto a los ajustes y se actualiza mientras trabajas.
En Configure su marca, define lo básico:
- Logotipo: haz clic en Subir logotipo. PNG, JPEG o WebP, hasta 1MB. Las imágenes cuadradas se ven mejor. Aparece en la parte superior del chat; sin logotipo, ese espacio simplemente desaparece.
- Nombre del asistente: cómo se presenta el asistente del chat. Déjalo vacío para usar el nombre de tu agente de IA.
- Color de marca: elige uno de los colores predefinidos, o usa el selector de color personalizado para igualar el color exacto de tu marca.
En Contenido de bienvenida, escribe lo primero que ven los visitantes:
- Mensaje principal e Introducción: el texto de la pantalla de bienvenida. Deja un campo vacío para usar el texto predeterminado.
- Mensaje de bienvenida: el primer mensaje que ve cada visitante, con tus palabras. Tu asistente siempre aparece identificado como IA en la ventana de chat, así que este texto es completamente tuyo.
- Preguntas iniciales: hasta tres preguntas pulsables que se muestran antes del primer mensaje del visitante.
En Experiencia y Lanzador, ajusta los detalles:
- Diseño: Tarjetas de bienvenida o Pestañas de bandeja (recomendado).
- Radio de las esquinas, Icono de la burbuja de chat, Forma de la burbuja de chat e Icono para minimizar.
Revisa el resultado en la Vista previa. Usa Estado de la vista previa para alternar entre las vistas Inicio, Preguntar a la IA, Mensajes y Transferencia.

Quita la marca de RankLadder

En el plan Scale puedes quitar la línea "Powered by RankLadder" de la parte inferior del widget. En la tarjeta Avanzado, activa Ocultar "Powered by RankLadder". En los demás planes, esta opción aparece como disponible en el plan Scale.

Qué pasa después

Tus cambios se aplican solos en tu sitio web. Nunca necesitas tocar el código de inserción; es el mismo sin importar cómo se vea el widget.

Si no funciona

Si tu sitio todavía muestra el aspecto anterior, recarga la página. Si tu plataforma usa caché, límpiala.
Si tu logotipo no se sube, revisa que sea PNG, JPEG o WebP de menos de 1MB.