Si eres desarrollador, puedes elegir exactamente dónde mostrar la caja de chat añadiendo unas opciones en el código de instalación de Smartsupp. Aquí te explicamos cómo mover la caja de chat a la izquierda, separarla de los bordes y usar una posición diferente para móviles.
Avanzado: posición en el código de instalación
🟡 Nota: Necesitas acceso de desarrollador al código de tu web. Para mover la caja de chat al lado izquierdo, necesitas el plan Solo o uno superior.
Añade las opciones en la sección de configuración de tu código de instalación, justo después de la línea _smartsupp.key y antes del loader (la parte que empieza por window.smartsupp||). La caja de chat las aplicará al cargarse, así que asegúrate de ponerlas antes de que arranque el loader.
Mover la caja de chat al lado izquierdo:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resto de tu código de instalación (el loader)</script>Separar la caja de chat del borde (valores en píxeles):
_smartsupp.offsetX = 20; // la aleja del borde lateral _smartsupp.offsetY = 100; // la sube respecto al borde inferior
Usar una posición diferente solo en móvil:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...resto de tu código de instalación (el loader)</script>Para aplicarlo:
Abre el código de tu web y busca el script de instalación de Smartsupp.
Añade las opciones que quieras justo después de la línea
_smartsupp.key, antes del loader.Ajusta los valores a tu gusto según tu diseño.
Guarda los cambios y recarga tu web en una ventana de incógnito o navegación privada para comprobar la nueva posición. Prueba también desde un móvil.
💡 Consejo: Comandos como smartsupp('chat:position', ...) no funcionan. La caja de chat los ignora y la consola de tu navegador mostrará "Unknown API command". Consulta todas las opciones disponibles en la documentación para desarrolladores.
¿Qué puedo hacer ahora?
💡 ¿Necesitas ayuda? Ponte en contacto con nuestro equipo de soporte — ¡nos encantará echarte una mano!