La API de JavaScript de Smartsupp permite a los desarrolladores controlar con precisión dónde aparece el widget de chat en tu sitio web. Esta guía muestra cómo definir la posición de la caja de chat desde el código — incluyendo posiciones diferentes para escritorio y móvil.
Avanzado: posición con la API de JavaScript
🟡 Nota: Cambiar la posición mediante la API requiere el paquete Plus y acceso de desarrollador al código de tu sitio web.
La API de JavaScript de Smartsupp da a los desarrolladores un control aún más preciso sobre el widget de chat. Por ejemplo, puedes definir posiciones distintas para escritorio y móvil:
<script>// Posiciones para escritorio smartsupp('chat:position', { bottom: 20, right: 20 });// Para móvil if (window.innerWidth < 768) { smartsupp('chat:position', { bottom: 100, right: 10 });}</script>
Para implementarlo:
Abre el código de tu sitio web y localiza el script de instalación de Smartsupp.
Pega el fragmento anterior justo debajo del script de Smartsupp.
Ajusta los valores de
bottomyrightsegún el diseño para escritorio y móvil.Guarda los cambios y actualiza tu sitio web en una ventana de incógnito o privada para comprobar las nuevas posiciones.
💡 Consejo: Si quieres un control completo, puedes crear tu propio botón y gestionar el widget de chat totalmente mediante la API de JavaScript.
¿Y ahora?
💡 ¿Necesitas más ayuda? Contacta con nuestro equipo de soporte — ¡felices de ayudarte!