Una vez que el Chat De Smartsupp esté instalado en tu sitio web, lo primero que probablemente querrás hacer es configurar el aspecto y el comportamiento de la caja de chat. La caja de chat de Smartsupp combina un chat y un formulario de contacto en un único widget, de modo que los visitantes pueden enviar mensajes y —si activas el formulario de contacto— compartir datos como su nombre y email.
💡 Dónde encontrarlo: Todas las opciones que aparecen a continuación se encuentran en Ajustes > Canales > Chat en vivo En tu panel de control de Smartsupp.
En este artículo:
Qué puedes personalizar
En los ajustes de apariencia de la caja de chat puedes modificar lo siguiente para que el widget se adapte a tu sitio web:
Ajuste | Qué hace |
Degradado de color | Define los colores de la caja de chat para que coincidan con los de tu marca. |
Posición | Coloca la caja de chat en el lado izquierdo o derecho de la pantalla. |
Textos generales | Edita las etiquetas y los mensajes que se muestran en la caja de chat. |
Tema | Cambia el aspecto general de la caja de chat. |
Estilo de cabecera | Permite alternar entre los estilos de cabecera Compacto Y Estándar . El estilo compacto reduce la altura de la cabecera para ofrecer un widget más despejado y centrado en el contenido; el estilo estándar mantiene la cabecera más grande, más adecuada para el chat en vivo con varios operadores. |
Idioma de la caja de chat | Define el idioma de los textos de la caja de chat que se muestran a tus visitantes. Para obtener más información, consulta Idiomas de la caja de chat. |
🟡 Conviene saber: Los widgets creados a partir del 17 de junio de 2026 Usan de forma predeterminada el estilo de cabecera Compacto . Los widgets creados anteriormente mantienen el estilo Estándar Para garantizar la compatibilidad con versiones anteriores —puedes alternar entre ambos en cualquier momento en los ajustes de apariencia de tu caja de chat.
Cambiar la posición de la caja de chat
Puedes mover el botón de chat directamente desde el panel de control —sin necesidad de código:
Inicia sesión en tu cuenta de Smartsupp.
Ve a Ajustes > Canales > Chat en vivo > Apariencia.
Ajusta la ubicación —elige el lado izquierdo o derecho de la pantalla, define un desplazamiento vertical y establece la distancia respecto a los bordes.
Guarda los cambios. La posición actualizada se aplica a tu sitio web automáticamente.
💡 Avanzado: Los desarrolladores pueden controlar con precisión la posición de la caja de chat mediante la API de JavaScript —consulta Avanzado: posición de la caja de chat mediante la API de JavaScript.
Nota — foto del operador & avatar de la caja de chat: La foto que ven los visitantes en la caja de chat es la Foto de perfil; no se puede configurar por separado de la foto del operador en el panel de control interno. La antigua smartsupp('chat:avatar') API de JavaScript para sustituirla se ha Eliminado Y ya no recibe soporte.
¿Y ahora qué?
Idiomas de la caja de chat — Consulta los idiomas disponibles y cómo cambiarlos.
Estado de la caja de chat — Controla cuándo tu caja de chat aparece en línea o fuera de línea.
¿Por qué no puedo ver el chat en mi sitio web? — Soluciona el problema de una caja de chat que no aparece.
💡 ¿Sigues necesitando ayuda? Si no encuentras un ajuste o algo no funciona como esperabas, contacta con nuestro Equipo de soporte Por chat o email —estaremos encantados de ayudarte.