Saltar al contenido principal

Apariencia

Si la página web de chat es tu vitrina, esto es la pintura, el letrero y lo que se exhibe en la ventana. Abre el canal Web de tu agente, ve a la pestaña Apariencia y todo lo que cambies aparece en la vista previa que tienes al lado antes de que lo vea nadie más.


Elige un diseño

Los seis diseños no son combinaciones de colores: cada uno es una página distinta. Los mensajes van en otro lugar, el encabezado se comporta distinto y la sensación al leer cambia con ellos.

ConsolaOscuroUna app oscura con la lista de conversaciones a la izquierda. La opción segura.Usa poco tu color
PapelClaroClaro y editorial. Los mensajes se leen como un documento, no como burbujas.Usa poco tu color
ÓrbitaOscuroUna franja de color en el encabezado y dos tarjetas flotantes.Usa mucho tu color
TerminalOscuroDenso y monoespaciado. Sin burbujas: una línea fina como guía.Usa poco tu color
AtrioOscuroUna apertura grande con una columna de contexto junto a la conversación.Usa tu color moderadamente
FichaClaroUna sola columna centrada, nada más. Ideal para un enlace de un solo propósito.Usa tu color moderadamente

Cada diseño trae su propio modo claro u oscuro por defecto, que puedes cambiar.


Claro, oscuro e idioma

OpciónPara qué sirve
Claro u oscuroFija la página en claro, en oscuro, o deja que siga lo que ya usa el teléfono o el computador de quien entra
Permitir cambiar entre claro y oscuroActivado por defecto. Al desactivarlo se fija tu elección y el botón desaparece por completo
IdiomaEl idioma de la pantalla de acceso y del chat: español, inglés, o el del navegador de quien entra

Tu identidad

  • Nombre en el encabezado y una línea pequeña al lado (algo como Soporte · 24/7). Déjalos vacíos para usar el nombre del agente.
  • Logo para el encabezado, un logo para modo oscuro opcional y un avatar que se usa cuando no hay logo.
  • Descripción del logo — lo que dice un lector de pantalla en lugar de la imagen, para que quien lo use también sepa de quién es la página.
  • Mostrar el crédito «compartido por» — tu nombre y tu foto en la pantalla de acceso, para que se sepa quién está detrás del enlace.
Las imágenes se guardan al instante

Lo que subes se aplica apenas lo eliges, así que aparece en la vista previa antes de presionar Guardar. Todo lo demás de la pestaña se guarda con el botón de abajo.


Tus colores

Dos colores: uno principal (botones, la flecha de enviar, las filas seleccionadas) y un segundo color que solo algunos diseños usan — la franja del encabezado de Órbita, por ejemplo. Deja cualquiera de los dos desactivado para heredar los colores del diseño.

Tu color se ajusta automáticamente para que el texto se siga leyendo bien en claro y en oscuro. El tono nunca cambia, así que tu marca se sigue viendo como tu marca.


Lo que la gente lee

Todos los campos de abajo son opcionales: si los dejas vacíos se usan el nombre, la descripción y las sugerencias del propio agente.

CampoDónde aparece
Título y subtítulo de accesoLa primera pantalla, sobre la casilla del correo
Mensaje de bienvenidaEl chat vacío, antes de que alguien escriba. Es el único campo que conserva los saltos de línea; el formato básico funciona, las imágenes no
Encabezado del chatEl título sobre ese mensaje de bienvenida
Texto de la casilla de mensajeLa pista gris dentro de la casilla donde se escribe
Preguntas sugeridasEjemplos que se pueden tocar en el chat vacío: usa las del agente, no muestres ninguna, o escribe las tuyas, una por línea
Línea de privacidadReescribe el aviso de que tú puedes leer las conversaciones
Línea del pieUna línea tuya bajo el chat, con enlace a tu sitio si quieres
El aviso de privacidad se puede reescribir, no quitar

A quien entra siempre se le dice que la persona dueña del asistente puede leer estas conversaciones. Puedes cambiar las palabras; no puedes desactivarlo.


Lo que sigue siendo de Nirvai

La marca de Nirvai y el botón Get Nirvai están en la esquina superior derecha de todas las pantallas, tanto en el acceso como en el chat, pongas lo que pongas aquí. Esto es co-branding, no marca blanca:

La izquierda es tuya. La derecha es de Nirvai. Tu logo y tu nombre siempre van primero — en un teléfono angosto es el botón de Nirvai el que se reduce a un ícono, nunca tu nombre.

La línea del pie es el espacio que es completamente tuyo.


Problemas frecuentes

ProblemaSolución
Mi logo se ve aplastado o borrosoEl logo del encabezado es pequeño (alrededor de 132×24). Sube una versión ancha y con fondo transparente en vez de una cuadrada — la imagen cuadrada va en Avatar
Mi color casi no se notaAlgunos diseños usan poco el color a propósito. Prueba Órbita, que es el que más lo usa
Mi logo desaparece en modo oscuroAgrega un logo para modo oscuro. Sin él se reutiliza el claro
Los cambios no se venLos textos y colores se aplican al presionar Guardar cambios; las imágenes se aplican de inmediato
Alguien ve un tema distinto al de mi vista previaDejaste Claro u oscuro en «seguir el dispositivo» o esa persona usó el botón. Fíjalo y desactiva el botón si el diseño debe quedar quieto

Qué sigue