# Sosyal kanıt widget'ı

Sosyal kanıt widget’ı, ürününüzün web sitesindeki sipariş veya satın alımlarını simüle eder ve bunları açılır bildirimler olarak gösterir.

<div data-with-frame="true"><figure><img src="/files/3ac720706f5f66d7ff82fa3afb8357142a83f3bf" alt=""><figcaption></figcaption></figure></div>

#### **Widget nasıl çalışır**

Widget, basit bir psikolojik ilkeye dayanır: Ziyaretçiler başkalarının satın alma yaptığını gördüklerinde, kendileri de satın almaya daha yatkın hale gelirler.

#### **Temel faydalar**

Bu widget’ı web sitenize entegre etmek, size birkaç stratejik avantaj sağlar:

* **Dürtüsel satın alımları teşvik edin:** sosyal kanıt ve dürtüsel karar verme gücünden yararlanarak yeni müşterileri anında çekin. İnsanlar doğal olarak popüler ürünlere yönelir ve başkalarının seçimlerini taklit etmek ister.
* **Güven ve sadakat oluşturun:** güvenilirlik oluşturmak için gerçek zamanlı yüksek hacimli siparişleri sergileyin. Müşteriler, aktif ve memnun bir kullanıcı tabanına sahip işletmelere güvenme ve sadık kalma konusunda daha eğilimlidir.
* **Hedefe yönelik güncellemelerle etkileşim kurun:** müşterileri önemli etkinlikler ve özel promosyonlar hakkında bilgilendirin. Widget’ın ne sıklıkla görüneceğini ve kimlerin göreceğini, belirli hedef kitle kriterlerine göre tamamen özelleştirebilirsiniz.

## Widget nasıl oluşturulur ve ayarlanır

Bir widget oluşturmak için ilgili "Widgets" sekmesine gidin.

<div data-with-frame="true"><figure><img src="/files/2cda3c74356148aa47837b88315b730de7b7ae45" alt=""><figcaption></figcaption></figure></div>

Ardından düğmeye tıklayın **"Create a widget".**

<div data-with-frame="true"><figure><img src="/files/0f6e78ca4cd76c457472a232bcf34cc3e3806abb" alt=""><figcaption></figcaption></figure></div>

Web sitesi entegrasyonu için kullanılabilen widget’ları gösteren bir açılır menü görünecektir; lütfen listeden ihtiyacınız olanı seçin:

<div data-with-frame="true"><figure><img src="/files/769336a2b2d6b55864386c54c746bbd740de2352" alt=""><figcaption></figcaption></figure></div>

Daha sonra widget ayarları sayfasına yönlendirileceksiniz:

<div data-with-frame="true"><figure><img src="/files/00c678ee562a2293c92c3e6e79f6e8914bc4a272" alt=""><figcaption></figcaption></figure></div>

### Genel bilgiler

#### Widget adı

"Widget name" ayar alanında widget’ınız için adı belirtin:

<div data-with-frame="true"><figure><img src="/files/1d53b59d013585b0775346cac66564849218d711" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Widget adı zorunlu bir alandır ve yalnızca "Widgets" bölümünde gösterilir; müşterileriniz tarafından görünmez.
{% endhint %}

#### Alan adı

Bu ikinci zorunlu alandır; burada web sitenizin alan adını belirtmeniz gerekir:

<div data-with-frame="true"><figure><img src="/files/5fbc5759e67ff0e3d23a791ad73035547ce35ef6" alt=""><figcaption></figcaption></figure></div>

Bu, MaviBot üzerinde oluşturulmuş bir web sitesi, Tilda platformu ile yapılmış bir site veya kendi özel siteniz olabilir.

### Genel içerik ayarları

Genel içerik ayarları, web sitesindeki widget açılır bildirimlerinde neyin gösterileceğini belirler.

<div data-with-frame="true"><figure><img src="/files/24bf73a54a654543e4ded21602b7c9651bf5933e" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Lütfen \[name], \[city] ve diğerleri gibi yer tutuculara dikkat edin — bunları "Widget Options" sekmesi altındaki widget içinde mesaj oluştururken kullanacaksınız.
{% endhint %}

#### Ad yer tutucusu

Ad yer tutucusu alanları, web sitesinde özellikle erkek veya kadın isimlerini göstermenizi sağlar:

İsimleri erkek veya kadın olarak değiştirmek için ilgili alanı kullanın:

<div data-with-frame="true"><figure><img src="/files/77b2af9097e9b25dd6af55c2bae6da9d58c43c86" alt=""><figcaption></figcaption></figure></div>

İsimleri coğrafi konuma göre de seçebilirsiniz:

<div data-with-frame="true"><figure><img src="/files/9ff7c58df89e990b067d98e4fc9e5d4b46946f80" alt=""><figcaption></figcaption></figure></div>

Böylece isim seçimi buna göre ayarlanacaktır.

#### Şehir yer tutucusu

İsimleri coğrafi konuma göre de seçebilirsiniz:

<div data-with-frame="true"><figure><img src="/files/58da29ce3b4067ca6109ddbef30c13a0b3a9e2c0" alt=""><figcaption></figcaption></figure></div>

#### **Tutar yer tutucusu**

Widget’ın metin bloğuna sabit bir değer veya belirtilen aralık içinde rastgele oluşturulmuş bir sayı olabilen bir tutar ekleyebilirsiniz:

<div data-with-frame="true"><figure><img src="/files/36b6c6b4f8a7f4649290bc5813de147c5dcf1d4b" alt=""><figcaption></figcaption></figure></div>

Tam bir tutar girmek için sağdaki boş alanı kullanın:

<div data-with-frame="true"><figure><img src="/files/91d068a0eecd72a9476e9756028f7c4774159fa2" alt=""><figcaption></figcaption></figure></div>

"Aralıktan tutar" türünü seçerseniz, bu aralık içinde rastgele bir sayı oluşturmak için alanlara minimum ve maksimum değerleri girmeniz gerekir:

<div data-with-frame="true"><figure><img src="/files/49646ed8052b019a4f19bfbbfbefd9bc00fa3488" alt=""><figcaption></figcaption></figure></div>

Gerekirse, yuvarlama için ondalık basamak sayısını da ayarlayabilirsiniz:

<div data-with-frame="true"><figure><img src="/files/2f282d819f60612f3b59e404622ec5285d812add" alt=""><figcaption></figcaption></figure></div>

### Özel değişken yer tutucusu

Widget’a kendi özel değişkenlerinizi eklemek için **"Add variable"** düğmesine tıklamanız gerekir.

<div data-with-frame="true"><figure><img src="/files/219f483b3326a2ff67e6def78272f779a562afaf" alt=""><figcaption></figcaption></figure></div>

mü düğmesine tıklayın. Açılan modal pencerede değişken adını köşeli parantez içinde tanımlamanız gerekir.

<div data-with-frame="true"><figure><img src="/files/7d15930730c27e682940d237d062bef89ee7587c" alt=""><figcaption></figcaption></figure></div>

Ardından değişken değerlerini girin ve her yeni değerin bir **yeni satıra** virgül veya başka ayırıcılar olmadan yazıldığından emin olun:

<div data-with-frame="true"><figure><img src="/files/2ccbd86dfc8183dc2079bf3bb5134477b17078b0" alt=""><figcaption></figcaption></figure></div>

Ardından değerleri sistemde kaydetmek için "Save"e tıklayın:

<div data-with-frame="true"><figure><img src="/files/57ae3c9132e617ea2bca61055fd716634bd91750" alt=""><figcaption></figcaption></figure></div>

Sonra özel değişkenin genel içerik ayarlarında kaydedildiğini göreceksiniz:

<div data-with-frame="true"><figure><img src="/files/bb681f4f338cdf48024468e7f691d945ccde8dfb" alt=""><figcaption></figcaption></figure></div>

Değişkeni daha sonra kullanmak için, adını köşeli parantez içinde "Content" bölümündeki "Main Text" alanına ekleyin:

<div data-with-frame="true"><figure><img src="/files/01651c2d36afd859820e148c097178e2c0302aeb" alt=""><figcaption></figcaption></figure></div>

### Widget tetikleme koşulları

<div data-with-frame="true"><figure><img src="/files/a270c99a076c04423ccf8bbf55ecb7284599c277" alt=""><figcaption></figcaption></figure></div>

#### Zaman aralığı

"When to show the widget" özelliğini kullanarak widget’ın web sitesindeki gösterim zamanını ayarlayabilirsiniz:

1. **Anında**\
   Bu ayar, kullanıcı web sitesini açtığında widget’ı hemen görüntüler.
2. **Gecikmeyle**

<div data-with-frame="true"><figure><img src="/files/852ed7e9f6a7e1c94018e82f7c00cb7f090fb6d4" alt=""><figcaption></figcaption></figure></div>

Widget, kullanıcı açtıktan sonra belirtilen saniye sayısı kadar süre geçince web sitesinde görünecektir.

Zaman aralığı saniye cinsinden ayarlanır; minimum değer 1 saniye, maksimum değer 15 saniyedir.

3. **Kaydırdıktan sonra**

<div data-with-frame="true"><figure><img src="/files/b4600ba0e56c9f6448632a7d9e817e71a0557469" alt=""><figcaption></figcaption></figure></div>

"Kaydırmadan sonra" koşulu, kullanıcı belirli sayıda piksel kadar kaydırdıktan sonra widget’ların sitede çalışmaya başlayacağını ifade eder.

#### Zaman aralığı

Aşağıdaki tetikleme koşulu da mevcuttur:

1. Gösterim süresi:
   * Değeri saniye cinsinden ayarlayın.
   * Bu, bildirim kaybolmadan önce widget’ın ne kadar süre görünür kalacağını belirler.
2. Gecikmeler arasındaki aralık
   * Değeri saniye cinsinden ayarlayın.
   * Bu, widget gösterimleri arasındaki gecikmeyi belirler — bir bildirim göründükten sonra, sonraki bildirim yalnızca belirtilen saniye sayısı geçtikten sonra gösterilir.

<div data-with-frame="true"><figure><img src="/files/3dbe45b782164528f8f89b798e3d5d60c9fe8d06" alt=""><figcaption></figcaption></figure></div>

#### Bir koşul belirleyin

&#x20;Mevcut koşullara daha yakından bakalım.

1. UTM parametreleri

{% hint style="info" %}
UTM etiketlerinin ne olduğunu ve nasıl kullanılacağını öğrenmek için "[How to transfer UTM Tags](/doc/tr/faq/questions/...utm-etiketlerini-aktarmak.md)."
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/07f8ec910eac589da269e38609aa6ee710205e8c" alt=""><figcaption></figcaption></figure></div>

Gerekli etiketin adını belirlenen alana girin:

<div data-with-frame="true"><figure><img src="/files/ca7d71ea0d6fe3cb2762f1b7358d8f1ce3f0c264" alt=""><figcaption></figcaption></figure></div>

Ardından, etikete değere karşılık gelen operatörü seçin:

<div data-with-frame="true"><figure><img src="/files/d4d7c3a81aa491a48d78fcfe87ce1c3f3929be1b" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
contains/does not contain ile equals/does not equal arasındaki fark nedir?

Temel fark, "contains/does not contain" operatörünün UTM etiketinin belirli bir değeri içerip içermediğini (veya içermediğini) kontrol etmesidir.<br>

Buna karşılık, "equals" operatörü tam eşleşme gerektirir; yani sistem belirtilen değere tam olarak uyan bir UTM etiketi arar (ve buna bağlı olarak, "does not equal" bunun tersidir).
{% endhint %}

Ardından UTM etiketi için gerekli değeri girin:

<div data-with-frame="true"><figure><img src="/files/46bec06fe9bf37b6899d7045b99cdca1b547c353" alt=""><figcaption></figcaption></figure></div>

2. Ülke

Ayrıca, ziyaretçinin IP ülkesine göre widget’ı gösterecek olan "Country" koşulunu da seçebilirsiniz.

Listeden istenen ülkeyi ve operatör türünü ("is" veya "is not") seçin:

3. Cihaz

Gerekirse, widget’ı göstermek için **"Device"** koşulunu uygulayın; böylece widget, ziyaretçinin siteye erişmek için kullandığı cihaz türüne bağlı olarak gösterilir:

Ayarlar ayrıca widget’ı göstermek için birden fazla değer ekleme özelliği de içerir. Sadece "+ Add Value"e tıklayın ve gerektiğinde bir veya daha fazla ek koşul ayarlayın:

## Widget seçenekleri

Widget’ın yapılandırmasını tamamladıktan sonra **"Widget options"** sekmesine gidin:

<div data-with-frame="true"><figure><img src="/files/aee1a8a35df59e94520aa4b2341de3d2317d402e" alt=""><figcaption></figcaption></figure></div>

sekmesine gidin. Bu sekmede, kullanıcılarınıza gösterilecek widget’ın görünüm ve içerik ayarlarını yapabilirsiniz.

### İçerik

<div data-with-frame="true"><figure><img src="/files/1f3d535c26e4d365911a385991e5a3b557fdfc39" alt=""><figcaption></figcaption></figure></div>

Sabit metni veya dinamik değişkenleri girebilirsiniz (örneğin, `[name]`, `[sum]`, `[city]`) **Başlık** ve **Ana metin** alanları. Widget etkin olduğunda, sistem bu değişkenleri widget ayarlarınızda yapılandırılmış gerçek değerlerle otomatik olarak değiştirir.

#### Simge

<div data-with-frame="true"><figure><img src="/files/01b0b8b530399c5c733dba94ca6bc183675e3be0" alt=""><figcaption></figcaption></figure></div>

Simge, açılır bildirim içinde gösterilecektir:

<div data-with-frame="true"><figure><img src="/files/349c5b74539423ee892e4abfe77107540b444a24" alt=""><figcaption></figcaption></figure></div>

### Görünüm

Görünüm ayarları genellikle geniş bir paletten renk seçme, köşe yuvarlaklığını ayarlama ve gölge ile saydamlık seviyelerini yapılandırma seçeneklerini içerir:

<div data-with-frame="true"><figure><img src="/files/cbc382ae1a9c5734f120d42203e44744894a3505" alt=""><figcaption></figcaption></figure></div>

1. Renk paleti: metinden simge arka planına kadar herhangi bir widget öğesi için renk seçin. Ayrıca degrade renkleri de seçebilirsiniz.
2. Metin hizalaması, merkeze, sağa veya sola göre ayarlanabilir:

<div data-with-frame="true"><figure><img src="/files/b78cf21d99dfda366a7c203870d1c3d56e9b1579" alt=""><figcaption></figcaption></figure></div>

2. Bildirim köşe ayarları: web sitesindeki mesaj için yuvarlak, kare veya tamamen dairesel köşeler seçebilirsiniz:

<div data-with-frame="true"><figure><img src="/files/e5341437b420fd4c99d234d7fcbd797b6b6b165d" alt=""><figcaption></figcaption></figure></div>

#### Widget kapatma düğmesini gizle

<div data-with-frame="true"><figure><img src="/files/0179a0b5ee57f0255135d8adf1bf2071b5f8f721" alt=""><figcaption></figcaption></figure></div>

Bu onay kutusu, widget’ın köşesindeki kapatma (×) düğmesini gizler.

<div data-with-frame="true"><figure><img src="/files/3d471c9de4636bd9e07e6d35e6a196bbf7bb9907" alt=""><figcaption></figcaption></figure></div>

### Widget’ın web sitesindeki konumu

Varsayılan olarak, bildirimler ekranın sağ alt köşesinde görünmek üzere ayarlanır. Gerekirse, aşağıdaki ayarları kullanarak widget’ın web sitenizdeki konumunu değiştirebilirsiniz.

<div data-with-frame="true"><figure><img src="/files/873ff05fbd3bb5333c36edadc7f1aa8a932224c7" alt=""><figcaption></figcaption></figure></div>

Widget’ın konumu ekranın alt ve sağ kenarlarına göre hesaplanır. Bunu sol kenara doğru taşımak için **"Right margin"** alanını **60%**.

## Widget web sitesine nasıl gömülür

Tüm ayarları yapılandırıp widget’ın görünümünü benzersiz tasarımınıza göre özelleştirdikten sonra **"Widget ekle"** düğmesine tıklayın.

düğmesine tıklayın. Var olan widget’ların listesine yönlendirileceksiniz; burada **"Embed code on website"** düğmesine tıklayın:

<div data-with-frame="true"><figure><img src="/files/19d10e8401ba5a2a144ba27bc8a1e403d3863e12" alt=""><figcaption></figcaption></figure></div>

düğmesine tıklamanız gerekir. Bir modal pencere açılacak ve betik kodu gösterilecektir:

<div data-with-frame="true"><figure><img src="/files/b7a55d2be29ff06056b2ac52085b5692937413b1" alt=""><figcaption></figcaption></figure></div>

Oluşturulan betiği kopyalayın, ardından daha önce widget yapılandırmasında belirttiğiniz alan adının web sitesi ayarlarına gidin.

Ardından betiği aşağıdaki bölümdeki HTML koduna yapıştırın:

<div data-with-frame="true"><figure><img src="/files/d7d1b4a74c3fee390ea63e88ef312320c49dc91d" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Widget’ı bir Tilda sitesine eklemek için, "Embedcode on website" düğmesini kullanarak widget betiğini kopyalayın, ardından bunu web sitenizin sayfasına ekleyin.
{% endhint %}

Bitti! Widget kurulumu ve web sitenize yüklenmesi artık tamamlandı!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/tr/websites/widgets/proof.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.