Yerleşim
Konum ve seçici ile yerleştirme
Yerleşim, widget'ın sayfada nereye konacağını belirler. İki temel yöntem vardır ve hangisini kullanabileceğinizi widget tipi belirler.
Sabit yerleşim
Widget ekrana göre konumlanır; sayfa kaydırılsa da yerinde kalır. Konum seçenekleri tipe göre değişir:
| Tip | Seçenekler |
|---|---|
| Announcement Bar, Countdown Timer | top, bottom |
| Sticky Footer | bottom |
| Modal | center |
| Slide In | right, left, bottom |
| Floating Button | bottom-right, bottom-left, top-right, top-left |
| Cookie Consent | top, bottom, center-modal, bottom-left, bottom-right |
| Newsletter | bottom-right, bottom-left, center |
Seçici ile yerleşim
Widget, sitenizdeki bir HTML elementinin yanına yerleştirilir. İki alan doldurursunuz:
Selector — hedef elementin CSS seçicisi, örn. .product-price veya #description.
Insert position — widget'ın o elemente göre nereye gireceği:
| Değer | Sonuç |
|---|---|
before | Elementin hemen öncesine |
after | Elementin hemen sonrasına |
inside-start | Elementin içine, en başa |
inside-end | Elementin içine, en sona |
replace | Elementin yerine geçer |
Doğru seçici nasıl bulunur
- Sitenizde hedef yerin üzerine sağ tıklayın → İncele (Inspect).
- Açılan panelde vurgulanan elemente sağ tıklayın → Copy → Copy selector.
- Kopyalanan değeri sadeleştirin:
body > div:nth-child(3) > div.wrapper > h2yerine, elementin kendi sınıfı varsa yalnızca onu kullanın (.product-title).
Kırılgan seçicilerden kaçının
nth-child ve uzun zincirler, sitenizin teması güncellendiğinde bozulur. Sabit bir id ya da anlamlı bir sınıf adı tercih edin. Seçici eşleşmezse widget sessizce render edilmez — hata mesajı yoktur.
Ayrıntılı seçici bulma rehberi: Seçici Bulma.
Aynı anda birden fazla widget
Aynı konuma birden fazla kampanya denk gelirse çakışma çözümü devreye girer. Üç davranış vardır:
| Davranış | Sonuç |
|---|---|
highest_priority | Yalnızca en yüksek öncelikli widget gösterilir (varsayılan) |
random | Adaylardan biri rastgele seçilir |
all | Hepsi gösterilir |
Öncelik (priority) sayısı widget üzerinde tanımlanır; yüksek olan kazanır.
A/B testi için random kullanmayın
Rastgele seçim ölçülmez ve kalıcı değildir — aynı ziyaretçi bir sonraki sayfada başka bir widget görebilir. Varyant karşılaştırması için Deneyler modülünü kullanın.
Sırada ne var
Son güncelleme: 9 Eylül 2026