Geliştiriciler, Smartsupp kurulum koduna bazı yapılandırma seçenekleri ekleyerek sohbet kutusunun ekranda tam olarak nerede görüneceğini kolayca belirleyebilirler. Bu rehberde, sohbet kutusunu sola sabitlemeyi, varsayılan konumdan uzak tutmayı ve mobilde farklı bir pozisyon kullanmayı nasıl ayarlayacağınızı bulacaksınız.
Gelişmiş: kurulum kodunda konum belirleme
🟡 Not: Web sitenizin koduna geliştirici erişiminiz olmalıdır. Sohbet kutusunu sol tarafa taşımak için Solo veya üzeri bir plana sahip olmanız gerekir.
Seçenekleri, kurulum kodunuzun yapılandırma kısmında, _smartsupp.key satırından hemen sonra ve yükleyici (window.smartsupp ile başlayan bölüm) eklenmeden önce yerleştirin. Sohbet kutusu, yüklemeden önce bu ayarları okur; bu nedenle, seçenekler yükleyicinin öncesine eklenmelidir.
Sohbet kutusunu sola taşıyın:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...kurulum kodunuzun geri kalanı (yükleyici)</script>Sohbet kutusunu varsayılan konumdan uzaklaştırın (değerler piksel üzerinden ayarlanır):
_smartsupp.offsetX = 20; // Kenardan 20 piksel uzaklaştırır_smartsupp.offsetY = 100; // Alttan 100 piksel yukarıya taşır
Yalnızca mobilde farklı bir pozisyon kullanmak için:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...kurulum kodunuzun geri kalanı (yükleyici)</script>Bu ayarları uygulamak için:
Web sitenizin kodunu açıp Smartsupp kurulum JavaScript'ini bulun.
Gerekli seçenekleri
_smartsupp.keysatırının hemen ardından ve yükleyiciden önce ekleyin.Ayarları, web sitenizin tasarımına uygun şekilde yapılandırın.
Değişiklikleri kaydedin, ardından web sitenizi gizli veya özel bir sekmede yenileyerek yeni konumu test edin. Mobil görünümü de gerçek bir cihazda kontrol edin.
💡 İpucu: smartsupp('chat:position', ...) gibi komutlar desteklenmez. Sohbet kutusu bu tür komutları yok sayar ve tarayıcı konsolunda "Unknown API command" uyarısı gösterilir. Tüm yapılandırma seçeneklerini geliştirici belgelerinde inceleyebilirsiniz.
Sırada ne var?
💡 Daha fazla yardıma mı ihtiyacınız var? Destek ekibimize ulaşın — size yardımcı olmaktan memnuniyet duyarız!