# Buton nasıl oluşturulur

## Düğme sekmeleriyle çalışma

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

Düğmeler iki şekilde oluşturulabilir: **bir blok içindeki düğme ayarları**kullanılarak veya **bloklar arasındaki bağlantı**.

İlk seçenek daha işlevsel ve kullanımı daha rahattır.

<figure><img src="/files/cafd30439ffe3c1b5409320139309df6250ab39f" alt="" width="563"><figcaption></figcaption></figure>

Düğmeleri doğrudan bir bloktan oluşturmak için, istediğiniz bloğu açın ve **Düğmeler** bölümünde bulmanız gerekir:

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

"+ Düğme ekle"ye tıkladıktan sonra, düğmede görünecek metni "Metin" alanına girin.

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

Ardından, düğme işlevini seçin.

Bir düğmeyi başka bir duruma basit geçiş için kullanmak istiyorsanız (ödemeler, telefon talepleri vb. olmadan), işlevi **"Varsayılan"**.

{% hint style="info" %}
**Diğer düğme işlevleri hakkında daha fazla bilgiyi makalelerimizde bulabilirsiniz:**

* ["Telefon numarasını iste" düğmesi](/doc/tr/chatbot/builder/butonlar/phone.md)
* [Ödeme düğmesi](broken://pages/8ff6c93b4f068790dd6d0430ea80a02531c0b3f0)
* [Konum iste düğmesi](/doc/tr/chatbot/builder/butonlar/konum-bilgisi-iste-butonu.md)
* [Paylaş düğmesi](/doc/tr/chatbot/builder/butonlar/paylas-butonu.md)
* [Geri arama düğmesi](broken://pages/03d33330765bd2ebb355f70370903334474b6fbf)
* [Web Uygulaması düğmesi](/doc/tr/chatbot/builder/butonlar/webapp.md)
  {% endhint %}

Şuna tıklayın: **"Ekle"** onaylamak ve bunu blok ayarlarına eklemek için düğmesi.

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

İki ana düğme türü vardır:

* **Klavye düğmeleri:** Giriş alanının altında görünür ve basıldıktan sonra veya bir mesaj yazıldığında kaybolur.
* **Satır içi düğmeler:** Mesaj balonunun içinde görünür ve basıldıktan sonra görünür kalır.

Bazı mesajlaşma uygulamaları ayrıca **Otomatik** modunu da destekler; bu mod, platform için en uygun düğme türünü otomatik olarak seçer.

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

Bot, her iki düğme türü için de tıklamaları aynı şekilde işler. Daha fazla düğmeyi iki şekilde ekleyebilirsiniz:

1. Şuna tıklayın: **"+"** mevcut bir düğmenin sağındaki düğme.

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

**Sonuç:** Yeni düğme aynı satırda görünür.

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

2. Eğer şuna tıklarsanız: **"+ Düğme ekle",**

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

o zaman yeni düğme daha önce oluşturulanın altına eklenecektir:

<div data-with-frame="true"><figure><img src="/files/81f58115de39c6b665771550a40c54a09f12d8a9" alt="" width="563"><figcaption></figcaption></figure></div>

Bir düğmeyi istediğiniz konuma sürükleyerek düğmeleri yeniden sıralayabilir ve aynı satıra hizalayabilirsiniz.

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

Ayrıca, sol fare tuşunu basılı tutup bir düğmeyi yeni bir konuma sürükleyerek bu alandaki düğmeleri kolayca yeniden düzenleyebilirsiniz.

{% hint style="success" %}
**Lütfen dikkat edin!**&#x20;

Bir blok içinden ayrı bir düğme oluşturmak yerine, bloklar arasındaki bağlantıyı klavye düğmesi olarak göstermek için şu adımları izleyin:

1. Bu bloğa giden bağlantı üzerinde aşağıdaki tetikleyiciyi yapılandırın: **"Bağlantıları düğme olarak göster"** onay kutusu.
2. İki bloğu bağlayan bağlayıcı üzerinde bir tetikleyici ayarlayın.

Bağlayıcı daha sonra kullanıcıya bir klavye düğmesi olarak gösterilecektir.

Ayrıntılı bir kılavuz için lütfen şu makaleye bakın: [**"Düğmeli bağlantı"**](/doc/tr/chatbot/builder/baglantilar/buttons.md).
{% endhint %}

Bu sürüm, bağlantı düğmeleri devre dışıyken kullanıcının manuel bir düğme oluşturması gerektiğini varsayar.

> 1. içinde **Gelişmiş** ayarlar menüsünde, **"Bağlantıları düğme olarak göster"** anahtarını bulun ve **KAPALI**.
> 2. olduğundan emin olun. Şimdi, **"+ Düğme ekle"** ögesine tıklayarak blok içinde standart bir düğme oluşturun.

<div data-with-frame="true"><figure><img src="/files/665bc87872ed8304ea760c7b620f7c8584df4808" alt="" width="563"><figcaption></figcaption></figure></div>

### Bir düğme etiketi nasıl doğru yazılır

Bir düğme oluştururken, müşterileri çekmek için her zaman en ilgi çekici ve çekici etiketleri seçersiniz. Ancak şu kurala uymalısınız: <mark style="color:kırmızı;">**düğme etiketi tırnak işareti içermemelidir**</mark>**.**

<mark style="color:kırmızı;">**Yanlış varyant:**</mark>

<div data-with-frame="true"><figure><img src="/files/4eb8b40022364c03d12cd4f2b24709a84660eb1c" alt="" width="563"><figcaption></figcaption></figure></div>

Kelimeleri vurgulamanız gerekiyorsa, tek tırnak işaretleri kullanabilirsiniz.

<mark style="color:yeşil;">**Doğru varyant:**</mark>

<div data-with-frame="true"><figure><img src="/files/069ebbc71cd575a9c28e7643d2279e6182a9b550" alt="" width="326"><figcaption></figcaption></figure></div>

Ayrıca emojiler kullanarak düğmeleri daha canlı ve renkli hale getirebilirsiniz:

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

## Düğme rengi nasıl ayarlanır

Gerekirse, düğme rengini belirtebilirsiniz — bu Viber ve Online sohbet'te çalışır.

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

Viber veya Online sohbet'te herhangi bir düğme rengini seçebilirsiniz — renk paletini açmak için siyah kareye tıklayın:

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

Online sohbet'te renkli düğmeler böyle görünür.

<div data-with-frame="true"><figure><img src="/files/771d7c5d211906596478b203a5efa6b1872a646c" alt="" width="563"><figcaption></figcaption></figure></div>

### Gelişmiş düğme ayarları alanları

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

### Düğmeleri göster onay kutusu

**Düğmeleri göster:** varsayılan olarak bu anahtar etkindir ve düğmeler müşteriye gösterilir.

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

### Bağlayıcıları düğme gibi göster&#x20;

**Bağlayıcıları düğme olarak göster:** etkinleştirildiğinde (varsayılan), bu bloktaki tüm bağlayıcı tetikleyicileri kullanıcıya düğme olarak gösterilir.

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

### Düğmeleri olmayan mesajlaşma uygulamaları için ipucu

Düğmenin **"Düğmeleri olmayan mesajlaşma uygulamaları için ipucu"** alanı, düğme desteği olmayan mesajlaşma uygulamaları (ör. standart WhatsApp) için alternatif metin sağlar. Bu, kullanıcılara neyi manuel olarak yazmaları gerektiği konusunda yol gösterir.

<div data-with-frame="true"><figure><img src="/files/790b136d00b6cec44c41a139259d2176f35f04c9" alt="" width="563"><figcaption></figcaption></figure></div>

WhatsApp düğmeleri desteklemediğinden, **"Düğmeleri olmayan mesajlaşma uygulamaları için ipucu"** alanını sayısal bir menü sağlamak için kullanın. Yalnızca WhatsApp'ta görüntülenen bu metin, kullanıcıların sayılar yazarak bot içinde gezinmesine olanak tanır.

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

### Gelişmiş düğme ayarları – Düğme kodu alanı

Alan **"Gelişmiş düğme ayarları (düğme kodu)"** kod kullanarak benzersiz düğmeler oluşturmak için kullanılabilir.

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


---

# 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/chatbot/builder/butonlar/create.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.