Personalizar el widget
El widget de ChatNorris es completamente personalizable. Podés ajustar su apariencia para que combine con la identidad visual de tu empresa. La personalización está disponible en dos momentos:- Durante la creación del agente — en el paso 6 del wizard, con preview en tiempo real.
- En cualquier momento — desde el detalle del agente, en la pestaña Customize.
Opciones de personalización
Color primario
El color principal del widget. Se usa en:- El fondo del header (barra superior del chat)
- El botón flotante que abre el widget
- El botón de envío de mensajes
#RRGGBB) o usar el selector de color visual.
Color del texto
El color de los íconos y el texto que se superpone sobre el color primario (en el header y el botón de envío). ChatNorris lo calcula automáticamente según la luminosidad del color primario:- Si el color primario es claro, el texto se vuelve oscuro para garantizar contraste.
- Si el color primario es oscuro, el texto se vuelve blanco.
Fondo del chat
Además del color primario, podés personalizar el fondo del panel de conversación: color sólido o degradado (dos colores). Se configura desde Branding → Fondo del chat.Apariencia avanzada
Dentro de Branding → Apariencia avanzada podés ajustar, más allá de los colores:- Tipografía — por defecto, serif, mono o redondeada.
- Redondeo del panel — un slider de 0 a 24px para las esquinas del panel del widget.
- Densidad de mensajes — cómodo o compacto, para controlar el espaciado entre mensajes.
Título del header, nombre del agente y mensaje de bienvenida
Estos tres campos viven en la sub-sección Texts (ver tabla más abajo), no en Interface:- Título del header — el texto principal que aparece en la barra superior del widget, visible desde que el visitante abre el chat. Ejemplos:
"Asistente de soporte","Hola, ¿en qué te ayudamos?". - Nombre del agente — el nombre del bot que aparece debajo del título en el header y como firma en cada mensaje del agente. Ejemplos:
"Sofía","Asistente IA". - Mensaje de bienvenida — el primer mensaje que el agente envía automáticamente al abrir el widget. Ejemplos:
"¡Hola! ¿En qué puedo ayudarte hoy?","Hola 👋 Estoy aquí para responder tus dudas sobre nuestros productos."
Avatar del agente
La imagen de perfil circular que aparece junto a los mensajes del agente. Tenés dos opciones:- Sin imagen: se muestra la inicial del nombre del agente sobre un fondo de color.
- Imagen personalizada: subí un archivo PNG o JPG. Recomendamos una imagen cuadrada de al menos 100×100 px.
Quick replies (respuestas rápidas)
Botones de sugerencia que aparecen debajo del mensaje de bienvenida para que el visitante inicie la conversación con un clic. Se configuran en Texts → Quick replies. Cada respuesta rápida puede llevar, opcionalmente, un ícono — hay un selector de emojis integrado para elegirlo sin salir del formulario.Texto de carga
El texto que se muestra mientras el agente está generando una respuesta (por defecto algo como “Escribiendo…”). Personalizable desde Texts → Texto de carga, hasta 60 caracteres.Texto de pie de página (footer)
Texto libre en el pie del widget, configurable desde Texts → Footer text.Cómo editar la personalización después de la creación
1
Ve al detalle del agente
En el menú lateral, hacé clic en Agentes y luego en el agente que querés modificar.
2
Entrá a la pestaña Customize
Ahí vas a encontrar cinco sub-secciones:
3
Realizá los cambios
Modificá los campos que necesites. Los cambios se reflejan en la preview en tiempo real.
4
Guardá
Hacé clic en Guardar. Los cambios se aplican de inmediato en el widget instalado en tu sitio.
Qué incluye Configure
La sub-sección Configure agrupa el resto de los toggles de comportamiento:Los campos de esta tabla no siguen necesariamente el mismo orden dentro de la pestaña Configure del portal — están agrupados en bloques (branding/marca, calificación de respuestas, y “Otras configuraciones” que junta archivos adjuntos, fuentes de IA y Google Analytics).
No necesitás volver a instalar el snippet en tu sitio cuando cambiás la personalización. El widget carga su configuración de forma dinámica desde los servidores de ChatNorris.
Lead form — solicitar datos antes o durante el chat
El lead form ya no se configura desde la personalización del widget: ahora es una acción del agente. Se configura desdeChatbots → [tu agente] → Acciones → Lead Form, donde podés definir si es obligatorio, qué campos pedir, cuándo debe mostrarse y los textos del formulario.
Ver la guía completa en Acciones del agente.
Los datos quedan registrados automáticamente en la sección Leads del portal.
Preguntas frecuentes
¿Los cambios en el widget se aplican de inmediato?
¿Los cambios en el widget se aplican de inmediato?
Sí. Al guardar los cambios, el widget se actualiza en tu sitio web sin necesidad de reinstalar el código ni modificar nada en el HTML. Los visitantes que abran el widget por primera vez después del cambio verán la nueva configuración.
¿Puedo usar el mismo widget en varios sitios con apariencias distintas?
¿Puedo usar el mismo widget en varios sitios con apariencias distintas?
Actualmente, cada agente tiene una única configuración de widget. Si necesitás apariencias distintas para diferentes sitios, podés crear agentes separados con configuraciones visuales diferentes y usar el snippet correspondiente a cada uno.
¿Qué tamaño y formato debe tener el avatar?
¿Qué tamaño y formato debe tener el avatar?
Recomendamos una imagen cuadrada de al menos 100×100 px en formato PNG o JPG. El widget la recorta en forma circular automáticamente.
¿Puedo ocultar el widget en ciertas páginas?
¿Puedo ocultar el widget en ciertas páginas?
Sí, sin tocar código: desde
Customize → Visibility → Hide on specific pages podés indicar en qué páginas de tu sitio el widget no debe mostrarse. También podés definir un horario de visibilidad desde la misma sección.