# Butonlar bölümü

"Buttons" bloğunu kullanarak, cihazın yerleşik uygulamaları üzerinden arama yapma veya e-posta gönderme özelliğine sahip butonlar ile ek sayfalara bağlantı veren ve site sayfasında ödeme kabul etme imkânı sunan butonlar ekleyebilirsiniz.

{% hint style="success" %}
Özel (özelleştirilebilir) butonlara gizlilik politikası ve teklif ekleyebilirsiniz.

Bunu yapmak için uygun onay kutularını işaretlemeniz ve bağlantıları eklemeniz yeterlidir.
{% endhint %}

<figure><img src="/files/a00c8483fcf5b03e46df76e40572e7c16ab04a47" alt=""><figcaption></figcaption></figure>

## Buton nasıl oluşturulur

Site düzenleme modunda "+" simgesine tıklayın, ardından bölümleri eklemek için bir yan menü açılacaktır.:

<figure><img src="/files/27662f8e5083eb8c20d16030a86ecc143ccf9823" alt=""><figcaption></figcaption></figure>

Buton bölümüne tıkladığınızda, iki buton içeren standart bir şablon eklenecektir; bu şablonun ayarlarında butonları düzenleyebilir, ekleyebilir veya kaldırabilir, gizlilik politikasına ve (veya) tekliflere bir bağlantı ekleyebilirsiniz:

<figure><img src="/files/4de1ea8882b44187c17be3edadbabe85099002b0" alt=""><figcaption></figcaption></figure>

Butonun iç ayarlarını açmak için doğrudan butona tıklayın:

<figure><img src="/files/9157c3baa2295890d87580d25315212d147f88ec" alt=""><figcaption></figcaption></figure>

Sonraki aşamada, buton ayarlarının bulunduğu bir açılır pencere açılır:

<figure><img src="/files/2e7e230b38ecbcf7a889cb474f0a288a3a3b2b76" alt=""><figcaption></figcaption></figure>

Buton oluşturma penceresinde, butonun işlevini seçebilirsiniz:

<figure><img src="/files/dedb9fee63bc11fe1d59d4dc7d53b86fe4d17613" alt=""><figcaption></figcaption></figure>

Aşağıda her bir butonun işlevlerini açıklayacağız.

Ayrıca butonun rengini de seçebilirsiniz (metin rengi, üzerine gelindiğinde arka plan rengi ve normal durumda genel arka plan ve metin vb.), aynı pencerede buton simgesini yükleyebilirsiniz:

<figure><img src="/files/0e165f579263eb81a5b075146a76a7f628f6203c" alt=""><figcaption></figcaption></figure>

Buna ek olarak, butonlar için genişlik ve köşe yuvarlaklığı ayarlanabilir. Butonu yapılandırmak için bu alanlara sayısal değerler girilmelidir.

### Düğmeler nasıl eklenir

Aynı satırda bulunan butonları eklemek için, butonun sağındaki "+" simgesine tıklayın:

<figure><img src="/files/9743adeca830288cb9c03c3178dba4f8a909b46c" alt=""><figcaption></figcaption></figure>

Önceden eklenen butonun altına bir buton eklemeniz gerekiyorsa, "+ Buton Ekle"ye tıklayın:

<figure><img src="/files/dfdf50d34ad89f3956e992e0c2540e2eb12cfd21" alt=""><figcaption></figcaption></figure>

### Ödeme işlevine sahip bir buton

Web sitesinde ödeme butonları oluşturmak için öncelikle projede ödeme sistemlerini platforma bağlamanız gerekir.

{% hint style="info" %}
Ödeme sisteminin projeye nasıl bağlanacağını okuyun [burada. ](/doc/tr/integrations/payment.md)
{% endhint %}

Ödeme işlevine sahip bir buton, chatbotu mesajlaşma uygulamalarına bağlamadan, web sitenizde sunulan ürün veya hizmetler için ödeme kabul etmenize yardımcı olur.

<figure><img src="/files/d6d2a69655a797ddbce0fcde5a5cb02319de1738" alt=""><figcaption></figcaption></figure>

Bu buton sayesinde, sizin için uygun olan bir ödeme sistemi üzerinden siteye ödeme işlevi eklemek mümkündür. Ardından ürünün tutarını, adını ve başarılı ödeme sonrası yönlendirme bağlantısını belirtin.

{% hint style="info" %}
Dikkat!

Ödeme sistemleri satırındaki açılır menüde, yalnızca projenin "Ödeme sistemleri" bölümünde etkinleştirdiğiniz entegrasyonlar kullanılabilir olacaktır.
{% endhint %}

#### Telefon işlevi butonu

Yeni bir buton oluşturun, Telefon işlevini seçin ve butona tıklandığında aramanın yapılacağı telefon numarasını belirtin:

Mobil cihazlarda butona tıklamak, uygulama seçimi için bir pencere açar:

<figure><img src="/files/00c60aa0f86170a6e95126749af6feeb0e233866" alt=""><figcaption></figcaption></figure>

### E-posta işlevi butonu

E-posta işlevine sahip yeni bir buton oluşturun ve ayarlarda e-posta adresini belirtin:

<figure><img src="/files/53c227e4d31d9b3a6b366f91aaca0c84ce1c3614" alt=""><figcaption></figcaption></figure>

Butona tıklandığında, e-posta gönderme uygulamaları otomatik olarak açılır ve buton ayarlarındaki e-posta, alıcı alanına otomatik olarak eklenir.

### Bağlantı işlevi butonu

{% hint style="danger" %}
Verileri aktarmak ve botu başlatmak için "Mesajlaşma butonlu başvuru formu" bölümünü kullanın!
{% endhint %}

Yeni bir buton oluşturun ve Bağlantı işlevini seçin. Butona tıklamak, buton ayarlarında belirtilen sayfayı açar.

<figure><img src="/files/8f2deef95134ad6e38b3b892e83be70b22b81c2c" alt=""><figcaption></figcaption></figure>

### Ders butonunun fiyat planı işlevi

MaviBot'ta yapılandırılmış çevrimiçi kurslar için ödeme ücretlerini de buton işlevlerine ekleyebilirsiniz:

<figure><img src="/files/d8eae020f56a2ab109928aedb3365b3423d6064c" alt=""><figcaption></figcaption></figure>

Kursu ve ardından butona tıklandığında ödemenin yapılacağı fiyat planını seçin.

{% hint style="info" %}
Ödeme, ödeme sistemi ve kursun fiyat planı maliyetiyle ilgili tüm ayarlar Kurslar bölümünde yapılır.

Kurs ücretlerini nasıl ayarlayacağınız hakkında daha fazla bilgi için "[Çevrimiçi kurs planları](/doc/tr/lms/builder/plans.md)".
{% endhint %}

### Çevrimiçi rezervasyon işlevi butonu

Bu buton, müşterilerinizin hizmetler için boş zaman dilimlerini çevrimiçi olarak rezerve etmesi için bir çevrimiçi giriş widget'ını açma işlevine sahiptir.

Bunu yapmak için, şubeyi ve çevrimiçi rezervasyon için hizmetleri ile çevrimiçi rezervasyon widget'ını önceden ayarlamanız gerekir.&#x20;

{% hint style="info" %}
Hizmetler bölümünün ayarlanmasından [ "Çevrimiçi rezervasyon"](/doc/tr/booking/settings.md) makale.
{% endhint %}

Buton ayarlarında "Çevrimiçi rezervasyon" işlevini seçin ve açılır menüde, butona tıkladığınızda göstermek istediğiniz widget'ı seçin.

### Mesajlaşma uygulamalarına bağlantı işlevi butonu

Bir müşterinin web sitenizden Telegram veya WA gibi mesajlaşma uygulamalarındaki bir bottan geçiş yapabilmesi için "mesajlaşma uygulamasına bağlantı" buton işlevini kullanabilir veya "Form" bölümünü kullanabilirsiniz.

<figure><img src="/files/48e2897e6d512f06ebeaf526175020d07cc66c11" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Hakkında daha fazlasını okuyun ["Form](/doc/tr/websites/siteler/blocks/forms.md)" bölümü, aynı adlı makalede.&#x20;
{% endhint %}

Butonun işlevini seçtikten sonra, müşterinin müşteri butonuna tıkladıktan sonra geçiş yapacağı mesajlaşma uygulamasını seçin.


---

# 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/siteler/blocks/buttons.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.