{"id":287474,"date":"2024-12-24T17:09:07","date_gmt":"2024-12-24T17:09:07","guid":{"rendered":"https:\/\/gfssite.local\/tidio-widgeti-yalnizca-belirli-sayfalarda-nasil-goruntulenir\/"},"modified":"2024-12-24T17:09:07","modified_gmt":"2024-12-24T17:09:07","slug":"tidio-widgeti-yalnizca-belirli-sayfalarda-nasil-goruntulenir","status":"publish","type":"post","link":"https:\/\/globalfinanceschool.com\/tr\/tidio-widgeti-yalnizca-belirli-sayfalarda-nasil-goruntulenir\/","title":{"rendered":"Tidio widget’\u0131 yaln\u0131zca belirli sayfalarda nas\u0131l g\u00f6r\u00fcnt\u00fclenir?"},"content":{"rendered":"
\n

Tidio’da, widget konumunu Tidio y\u00f6netici aray\u00fcz\u00fcn\u00fcz\u00fcn sa\u011f ve sol taraf\u0131 aras\u0131nda de\u011fi\u015ftirebilirsiniz. Widget’\u0131 biraz daha y\u00fckse\u011fe veya a\u015fa\u011f\u0131ya ta\u015f\u0131y\u0131p g\u00f6r\u00fcnt\u00fclemek isterseniz bu yaz\u0131m\u0131zda a\u00e7\u0131klad\u0131\u011f\u0131m\u0131z \u00f6zel CSS kodunu uygulayarak bunu yapabilirsiniz. <\/p>\n

Tidio’da widget’\u0131n\u0131z\u0131n farkl\u0131 s\u00fcr\u00fcmleri i\u00e7in farkl\u0131 se\u00e7eneklerin bulundu\u011funu l\u00fctfen unutmay\u0131n: masa\u00fcst\u00fc s\u00fcr\u00fcm\u00fc, mobil s\u00fcr\u00fcm\u00fc ve kenar \u00e7ubu\u011fu.<\/p>\n

Bu makalede \u015funlar\u0131 \u00f6\u011freneceksiniz:<\/strong><\/p>\n

Yatay konum (sol\/sa\u011f)<\/h2>\n

Ayarlar b\u00f6l\u00fcm\u00fcne<\/strong> giderek masa\u00fcst\u00fcndeki sohbet widget’\u0131n\u0131n sol\/sa\u011f konumunu de\u011fi\u015ftirebilirsiniz.> canl\u0131 sohbet<\/strong>> Widget yerle\u015ftirme<\/strong> se\u00e7ene\u011fini bulabilece\u011finiz Tidio y\u00f6netici aray\u00fcz\u00fcn\u00fczdeki g\u00f6r\u00fcn\u00fcm<\/strong> ( G\u00f6r\u00fcn\u00fcm<\/strong> sekmesinde):<\/p>\n

\"konum<\/p>\n

\n

\u0130pucu: Widget’\u0131n belirli bir sayfada yaln\u0131zca g\u00fcn\u00fcn belirli saatlerinde g\u00f6r\u00fcnmesini istiyorsan\u0131z, konum de\u011fi\u015fikli\u011fini, zaman\u0131 kontrol edecek ve CSS’yi buna g\u00f6re g\u00fcncelleyecek bir JavaScript komut dosyas\u0131yla birle\u015ftirebilirsiniz.<\/p>\n<\/p><\/div>\n

Dikey Konum (Y\u00fcksek\/D\u00fc\u015f\u00fck)<\/h2>\n

Sohbet simgelerimizi biraz daha y\u00fckse\u011fe veya a\u015fa\u011f\u0131ya ta\u015f\u0131mak istiyorsan\u0131z \u00f6zel CSS kodu uygulamas\u0131 gerekir. Kodu uygulamak, sohbet widget’\u0131n\u0131 \u00f6zel miktarda bo\u015fluk ta\u015f\u0131man\u0131za olanak tan\u0131r. <\/p>\n

Kodu nereye yerle\u015ftirece\u011finizden veya kod kayna\u011f\u0131n\u0131za eri\u015fece\u011finizden emin de\u011filseniz, uygulama konusunda size yard\u0131mc\u0131 olmas\u0131 i\u00e7in web geli\u015ftiricinizle ileti\u015fime ge\u00e7menizi \u00f6neririz.<\/p>\n

CSS kodu nas\u0131l kullan\u0131l\u0131r?<\/h3>\n

Widget’\u0131 ta\u015f\u0131mak i\u00e7in a\u015fa\u011f\u0131da g\u00f6sterilen kodu site ba\u015fl\u0131\u011f\u0131na, bir etiketin hemen \u00fcst\u00fcne ekleyin.< \/KAFA<\/strong>> braket<\/p>\n

\u0130lk sat\u0131r #tidio-chat iframe,<\/strong> widget’\u0131n hem masa\u00fcst\u00fc hem de mobil cihazlara yerle\u015ftirilmesini etkinle\u015ftirir.<\/p>\n

\u0130kinci ve \u00fc\u00e7\u00fcnc\u00fc sat\u0131rlar, widget’in yaln\u0131zca mobil cihazlarda ta\u015f\u0131nmas\u0131na olanak tan\u0131r (birinci kural\u0131 atlarlar) ve ayn\u0131 zamanda ama\u00e7lanan ekran boyutunun belirlenmesine de olanak tan\u0131r. Widget’\u0131 yaln\u0131zca mobil cihazlar i\u00e7in ta\u015f\u0131mak istiyorsan\u0131z, yaln\u0131zca bu sat\u0131rlar\u0131 de\u011fi\u015ftirin veya sohbeti yaln\u0131zca masa\u00fcst\u00fcne ta\u015f\u0131mak istiyorsan\u0131z yukar\u0131daki koda bak\u0131n. <\/p>\n

Kayd\u0131rma de\u011feri ‘px’<\/strong> ile temsil edilir.<\/p>\n

Hareket y\u00f6n\u00fc parantez i\u00e7indeki ilk de\u011ferle tan\u0131mlan\u0131r { }:<\/p>\n

top<\/strong> – ‘zirveden uzak’ anlam\u0131na gelir<\/p>\n

alt<\/strong> – ‘alttan uzak’ anlam\u0131na gelir<\/p>\n

sol<\/strong> – ‘sol taraftan uzak’ anlam\u0131na gelir<\/p>\n

sa\u011f<\/strong> – ‘sa\u011f taraftan uzak’ anlam\u0131na gelir<\/p>\n

Negatif bir px de\u011feri kullanmak (\u00f6rne\u011fin, -100px olarak ayarlamak) onu ters y\u00f6nde hareket ettirecektir, yani koda Bottom: -100px yazarsan\u0131z, sohbet sitede 100 piksel a\u015fa\u011f\u0131ya do\u011fru hareket edecektir.<\/p>\n

\n

Pratik bir \u00f6rnek: Sitenin \u00fcst k\u0131sm\u0131nda bir reklam banner’\u0131n\u0131z varsa, banner’\u0131 gizlememesi i\u00e7in widget’\u0131 a\u015fa\u011f\u0131 ta\u015f\u0131mak i\u00e7in CSS’yi kullanabilirsiniz.<\/p>\n<\/p><\/div>\n

Ek \u00f6zelle\u015ftirme<\/h2>\n

Widget’\u0131n konumunu de\u011fi\u015ftirmenin yan\u0131 s\u0131ra Tidio widget’\u0131n\u0131 \u00f6zelle\u015ftirmek i\u00e7in ba\u015fka se\u00e7enekler de vard\u0131r. Bu se\u00e7enekler \u015funlar\u0131 i\u00e7erir: <\/p>\n