Una vez que tienes el chat de Smartsupp instalado en tu sitio web, seguramente lo primero que quieras hacer es definir cómo se verá y funcionará la caja de chat. La caja de Smartsupp une chat y formulario de contacto en un solo widget, así que tus visitantes pueden enviarte mensajes y, si decides activar el formulario, dejar información como su nombre y correo electrónico.
💡 Dónde encontrarlo: Todas las opciones que verás abajo están en Ajustes > Canales > Chat en vivo en tu panel de Smartsupp.
En este artículo encontrarás:
Qué puedes personalizar
En los ajustes de apariencia de la caja de chat puedes modificar lo siguiente para que el widget se adapte totalmente a tu web:
Ajuste | Qué hace |
Degradado de color | Ajusta los colores de la caja de chat para que encajen con tu identidad visual. |
Posición | Elige si quieres la caja de chat a la izquierda o a la derecha de la pantalla. |
Textos generales | Modifica las etiquetas y mensajes que se muestran en la caja de chat. |
Tema | Cambia el look general de la caja de chat. |
Estilo de la cabecera | Elige entre cabecera Compacta o Standard. Compacta reduce la altura de la cabecera para que el widget quede visualmente más limpio y centrado en el contenido; Standard mantiene la cabecera más grande, ideal si tienes varios agentes conectados. |
Idioma de la caja de chat | Selecciona el idioma de los textos que verán tus visitantes en la caja de chat. Si quieres saber más, visita Idiomas del chat. |
🟡 Ten en cuenta: Los widgets creados desde el 17 de junio de 2026 activan la cabecera Compacta por defecto. Los anteriores seguirán mostrando la Standard para garantizar la compatibilidad, pero puedes cambiar entre ambas cuando quieras desde los ajustes de apariencia.
Cambiar la posición de la caja de chat
Puedes mover el botón de chat directamente desde el panel, sin tocar ningún código:
Accede a tu cuenta de Smartsupp.
Ve a Ajustes > Canales > Chat en vivo > Apariencia.
Ajusta la posición: selecciona si prefieres el lado izquierdo o derecho, elige el margen vertical y define el espacio desde el borde.
Guarda los cambios. La nueva posición se aplicará automáticamente en tu web.
💡 Opciones avanzadas: Si eres desarrollador puedes controlar exactamente dónde aparece la caja de chat usando la API de JavaScript — consulta Avanzado: posición de la caja de chat por la API de JavaScript.
Nota — foto y avatar de agente en la caja de chat: La foto que verán tus visitantes en la caja de chat será siempre la foto de perfil del agente. No se puede cambiar solo para el widget: es la misma que aparece dentro del panel. La antigua API JavaScript smartsupp('chat:avatar') para modificarla se ha eliminado y ya no está disponible.
¿Qué sigue?
Idiomas del chat — descubre los idiomas disponibles y aprende cómo cambiarlos.
Estado de la caja de chat — controla cuándo la caja de chat está en línea o fuera de línea.
¿Por qué no veo el chat en mi sitio web? — resuelve el problema si no te aparece la caja de chat.
💡 ¿Necesitas ayuda? Si no localizas algún ajuste o notas que algo no va como debería, habla con nuestro equipo de soporte por chat o email: estamos aquí para ayudarte.