La pantalla de inicio del chat: saludo, logotipo, mosaicos y pestañas

La pantalla de inicio es lo primero que ve un visitante al abrir el chat: un saludo, su logotipo, un encabezado de color y hasta diez mosaicos. Debajo puede cambiar entre las pestañas Inicio, Mensajes y Ayuda. Sin pantalla de inicio, el chat abre directamente la conversación.

Encontrará los ajustes en /app/projects/{id}, pestaña Aspecto, sección Pantalla inicial del widget.

La vista previa en vivo

Junto al formulario se ejecuta el widget real, con los datos que introduce. Lo que escribe aparece inmediatamente en la vista previa. Esta no guarda nada: solo el botón Guardar aplica el cambio. Después de guardar, los visitantes tardan hasta un minuto en verlo.

La pestaña Ayuda no aparece en la vista previa: depende de los artículos publicados en su centro de ayuda, que el widget obtiene de su dominio propio. En su sitio web sí aparece.

Los interruptores

• Mostrar la pantalla de inicio: desactivado (predeterminado): el chat abre directamente la conversación y no hay fila de pestañas. Activado: el chat comienza en la pantalla de inicio.
• Mostrar la pestaña Ayuda: muestra los artículos publicados de su centro de ayuda, con búsqueda. La pestaña solo aparece cuando el centro de ayuda tiene una dirección y al menos un artículo publicado. Cómo configurar el centro de ayuda se describe en el Manual del producto.
• Mostrar el último mensaje en la pantalla de inicio: activado (predeterminado): los visitantes que regresan ven dónde lo dejaron y pueden acceder a la conversación con un clic.
• Mostrar el botón «Hablar con el equipo» debajo del campo de mensaje: activado (predeterminado). El botón aparece mientras responde el asistente de IA. Cuando nadie de su equipo está en línea, muestra «Dejar un mensaje al equipo».

Logotipo, colores y saludo

• Logotipo en la pantalla de inicio: una dirección que empiece por https://, o una imagen como data:image/…. Un máximo de 255 caracteres. Vacío significa que no hay logotipo y solo se muestra el saludo.
• Degradado superior, desde y hasta: dos colores para el encabezado de color de la pantalla de inicio. Sin valor, el widget utiliza el color de su marca (véase Colores, fuente y tema).
• Saludo: la línea grande de arriba. Vacío significa que aparece nuestro texto traducido («Hola 👋»).
• Línea de debajo: la línea más pequeña. Vacío significa «¿Cómo podemos ayudarle?» en el idioma del visitante.

Escriba el saludo, la línea de debajo y los textos de los mosaicos en el idioma predeterminado del proyecto (Instalación → Datos básicos). Un máximo de 400 caracteres por texto. No hay traducción independiente por idioma para estos textos: lo que introduzca también lo verán los visitantes cuyo widget funcione en otro idioma. Por eso, escriba la pantalla de inicio en el idioma que lea la mayoría de sus visitantes. Si deja vacíos el saludo o la línea de debajo, aparece nuestro texto en el idioma del visitante.

El estilo del encabezado (degradado, plano o cristal) y la densidad de la pantalla de inicio se ajustan en Aspecto → Marca → Estilo; véase Ventana del chat: estilo, tamaño y panel lateral.

Mosaicos

Los mosaicos son botones grandes en la pantalla de inicio. Puede crear hasta diez. Un mosaico sin título no se muestra; así también se elimina: borre el título y guarde.

Cada mosaico tiene:

• Comportamiento: qué hace un clic:
• ir a la conversación: abre la conversación. Si Destino contiene una frase, se escribe en el campo de entrada del visitante. No se envía.
• abrir un enlace: abre la dirección de Destino. Debe empezar por https://, de lo contrario no se guarda.
• abrir la Ayuda: cambia a la pestaña Ayuda.
• dejar un mensaje: abre el formulario para enviar un mensaje por correo electrónico.
• Título: obligatorio; de lo contrario, el mosaico no aparece.
• Línea de debajo: opcional.
• Destino: según el comportamiento, la dirección o la frase prerrellenada, con un máximo de 200 caracteres.

Toda la pantalla de inicio (mosaicos, textos y tarjeta promocional juntos) puede ocupar un máximo de 16 KB al guardarse. Diez mosaicos con título y segunda línea quedan muy por debajo. Si se supera el límite, su cuenta indica el motivo en lugar de omitir algo sin avisar.

Tarjeta promocional

En la pantalla de inicio y/o en la parte superior de la conversación puede mostrar una tarjeta con su propia oferta, por ejemplo, su plan de pago. Está en Aspecto → Tarjeta promocional y tiene su propia guía: La tarjeta promocional en el chat. Para la ubicación «página de inicio», la pantalla de inicio debe estar activada.

Elegir una pestaña al abrir

La pestaña que aparece en primer plano al abrir el chat puede establecerse por enlace o llamada, con data-rc-tab o la opción tab:

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

Se permiten home (pantalla de inicio), msg (conversación) y help (ayuda). Si la pestaña no existe, el chat simplemente se abre como de costumbre. Más información en Abrir el chat desde un enlace o botón propio.

Si algo no aparece

• No hay fila de pestañas: ¿está marcada y guardada la opción Mostrar la pantalla de inicio?
• No hay pestaña Ayuda: ¿tiene su centro de ayuda una dirección y al menos un artículo publicado?
• Falta un mosaico: ¿tiene título?
• Falta el logotipo: ¿empieza la dirección por https:// o data:image/?

Puede cambiar los textos de las pestañas («Inicio», «Mensajes», «Ayuda») y de los mosaicos incorporados en Textos e idiomas.