Ir al contenido principal

Avanzado: posición del chat box mediante la API de JavaScript

Controle la posición del chat box en el código, incluidas posiciones distintas para escritorio y móvil.

La API de JavaScript de Smartsupp da a los desarrolladores un control preciso sobre dónde aparece el widget de chat en su sitio web. Esta guía muestra cómo establecer la posición del chat box en el código — incluidas posiciones distintas para escritorio y móvil.

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 PLUS 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:

  1. Abra el código de su sitio web y localice el script de instalación de Smartsupp.

  2. Pegue el fragmento anterior directamente debajo del script de Smartsupp.

  3. Ajuste los valores bottom y right según su diseño para escritorio y móvil.

  4. 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?

💡 ¿Necesita más ayuda? Contacte con nuestro equipo de soporte — ¡estaremos encantados de ayudarle!

¿Ha quedado contestada tu pregunta?