Tidio’da, widget konumunu Tidio yönetici arayüzünüzün sağ ve sol tarafı arasında değiştirebilirsiniz. Widget’ı biraz daha yükseğe veya aşağıya taşıyıp görüntülemek isterseniz bu yazımızda açıkladığımız özel CSS kodunu uygulayarak bunu yapabilirsiniz.
Tidio’da widget’ınızın farklı sürümleri için farklı seçeneklerin bulunduğunu lütfen unutmayın: masaüstü sürümü, mobil sürümü ve kenar çubuğu.
Bu makalede şunları öğreneceksiniz:
Yatay konum (sol/sağ)
Ayarlar bölümüne giderek masaüstündeki sohbet widget’ının sol/sağ konumunu değiştirebilirsiniz.> canlı sohbet> Widget yerleştirme seçeneğini bulabileceğiniz Tidio yönetici arayüzünüzdeki görünüm ( Görünüm sekmesinde):
İpucu: Widget’ın belirli bir sayfada yalnızca günün belirli saatlerinde görünmesini istiyorsanız, konum değişikliğini, zamanı kontrol edecek ve CSS’yi buna göre güncelleyecek bir JavaScript komut dosyasıyla birleştirebilirsiniz.
Dikey Konum (Yüksek/Düşük)
Sohbet simgelerimizi biraz daha yükseğe veya aşağıya taşımak istiyorsanız özel CSS kodu uygulaması gerekir. Kodu uygulamak, sohbet widget’ını özel miktarda boşluk taşımanıza olanak tanır.
Kodu nereye yerleştireceğinizden veya kod kaynağınıza erişeceğinizden emin değilseniz, uygulama konusunda size yardımcı olması için web geliştiricinizle iletişime geçmenizi öneririz.
CSS kodu nasıl kullanılır?
Widget’ı taşımak için aşağıda gösterilen kodu site başlığına, bir etiketin hemen üstüne ekleyin.< /KAFA> braket
İlk satır #tidio-chat iframe, widget’ın hem masaüstü hem de mobil cihazlara yerleştirilmesini etkinleştirir.
İkinci ve üçüncü satırlar, widget’in yalnızca mobil cihazlarda taşınmasına olanak tanır (birinci kuralı atlarlar) ve aynı zamanda amaçlanan ekran boyutunun belirlenmesine de olanak tanır. Widget’ı yalnızca mobil cihazlar için taşımak istiyorsanız, yalnızca bu satırları değiştirin veya sohbeti yalnızca masaüstüne taşımak istiyorsanız yukarıdaki koda bakın.
Kaydırma değeri ‘px’ ile temsil edilir.
Hareket yönü parantez içindeki ilk değerle tanımlanır { }:
top – ‘zirveden uzak’ anlamına gelir
alt – ‘alttan uzak’ anlamına gelir
sol – ‘sol taraftan uzak’ anlamına gelir
sağ – ‘sağ taraftan uzak’ anlamına gelir
Negatif bir px değeri kullanmak (örneğin, -100px olarak ayarlamak) onu ters yönde hareket ettirecektir, yani koda Bottom: -100px yazarsanız, sohbet sitede 100 piksel aşağıya doğru hareket edecektir.
Pratik bir örnek: Sitenin üst kısmında bir reklam banner’ınız varsa, banner’ı gizlememesi için widget’ı aşağı taşımak için CSS’yi kullanabilirsiniz.
Ek özelleştirme
Widget’ın konumunu değiştirmenin yanı sıra Tidio widget’ını özelleştirmek için başka seçenekler de vardır. Bu seçenekler şunları içerir:
- Renkleri değiştirin: Widget’ın renklerini web sitenizin genel tasarımına uyacak şekilde değiştirebilirsiniz.
- Yeniden Boyutlandırma: Widget’ı yerleştirdiğiniz yere sığacak şekilde yeniden boyutlandırabilirsiniz.
- Logo ekleme: Markanızı güçlendirmek için kişisel logonuzu widget’a ekleyebilirsiniz.
- Hoş geldiniz mesajlarını ayarlama: Kullanıcıların widget’ı açtıklarında alacakları özel karşılama mesajlarını ayarlayabilirsiniz.
renkleri değiştirmek
Widget renklerini değiştirmek için Ayarlar bölümüne gidin> canlı sohbet> Yönetici arayüzünüzde gösterilir . Burada widget’ın arka planı, metni ve düğmeleri için farklı renkler seçebilirsiniz.
Yeniden boyutlandır
Widget’ın boyutunun değiştirilmesi de aynı bölümde yapılır. Widget’ın yüksekliğini ve genişliğini yerleştirmek istediğiniz yere sığacak şekilde ayarlayabilirsiniz.
Logo ekleme
Logo eklemek için Tidio yönetici arayüzünde logo ekleme seçeneğini arayın. Logonuzu yükleyin ve değişiklikleri kaydedin.
Karşılama mesajlarını ayarlama
Karşılama mesajlarını yapılandırmak için Ayarlar bölümüne gidin> canlı sohbet> Yönetici arayüzünüzdeki bildirimler . Burada kullanıcılar tarafından alınacak kişiselleştirilmiş mesajlar ekleyebilirsiniz.
Özet
Tidio widget’ını yeniden konumlandırmak ve özelleştirmek, web sitenizdeki kullanıcı deneyimini iyileştirebilecek basit bir işlemdir. Bu makaledeki talimatları izleyerek widget’ı ihtiyaçlarınıza ve kullanıcılarınızın ihtiyaçlarına uyacak şekilde özelleştirebilirsiniz.
Başka sorularınız varsa veya daha fazla yardıma ihtiyacınız varsa lütfen Tidio Destek veya profesyonel bir web geliştiricisiyle iletişime geçmekten çekinmeyin.