Una vez que el chat de Smartsupp está instalado en su sitio web, lo primero que probablemente querrá hacer es configurar el aspecto y el comportamiento del chat box. El chat box de Smartsupp combina un chat y un formulario de contacto en un único widget, de modo que los visitantes pueden enviar mensajes y — si activa el formulario de contacto — compartir datos como su nombre y correo.
💡 Dónde encontrarlo: Todas las opciones siguientes están en Configuración > Chat box en su panel de Smartsupp.
En este artículo:
Qué puede personalizar
En la configuración de apariencia del chat box puede ajustar lo siguiente para que el widget encaje con su sitio web:
Ajuste | Qué hace |
Degradado de color | Define los colores del chat box para que coincidan con su marca. |
Posición | Coloca el chat box en el lado izquierdo o derecho de la pantalla. |
Textos generales | Edita las etiquetas y los mensajes que se muestran en el chat box. |
Tema | Cambia el aspecto general del chat box. |
Cambiar la posición del chat box
Puede mover el botón de chat directamente desde el panel — sin necesidad de código:
Inicie sesión en su cuenta de Smartsupp.
Vaya a Configuración > Chat box > Apariencia (o Ajustes de posición).
Ajuste la ubicación — elija el lado izquierdo o derecho de la pantalla, establezca un desplazamiento vertical y el espaciado desde los bordes.
Guarde los cambios. La posición actualizada se aplica automáticamente a su sitio web.
Avanzado: posición a través de la API de JavaScript
🟡 Nota: Cambiar la posición a través de la API requiere el paquete EXPERT (Legacy: PRO) y acceso de desarrollador al código de su sitio web.
La API de JavaScript de Smartsupp da a los desarrolladores un control más preciso sobre el widget de chat. Por ejemplo, puede establecer posiciones diferentes para escritorio y móvil:
<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobile override
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 });
}
</script>
Para implementarlo:
Abra el código de su sitio web y localice el script de instalación de Smartsupp.
Pegue el fragmento anterior directamente debajo del script de Smartsupp.
Ajuste los valores
bottomyrightsegún su diseño para escritorio y móvil.Guarde los cambios y actualice su sitio web en una ventana de incógnito o privada para verificar las nuevas posiciones.
💡 Consejo: Para un control total, puede crear su propio botón y gestionar el widget de chat completamente a través de la API de JavaScript.
¿Qué sigue?
Idiomas del chat box — vea los idiomas compatibles y cómo cambiarlos.
Estado del chat box — controle cuándo su chat box aparece en línea o desconectado.
¿Por qué no veo el chat en mi sitio web? — solucione un chat box que no aparece.
💡 ¿Aún necesita ayuda? Si no encuentra un ajuste o algo no funciona como esperaba, contacte con nuestro equipo de soporte por chat o correo — estaremos encantados de ayudarle.