# E-posta oluşturucu

E-posta kampanyaları için e-postalar, bloklar kullanılarak tasarımınıza göre oluşturulabilir.

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

Metinler, butonlar, mesajlaşma araçları, görseller ve blok özelleştirme araçları — bunlar tamamen yeni bir tasarım seviyesidir.

Sıkıcı şablonları unutun — Mavibot ile benzersiz, markalı e-postalar oluşturun.

## E-postalar için bölümler (bloklar)

E-posta toplu gönderimi oluştururken e-posta oluşturucusunu “E-postalar” sekmesi altında bulabilirsiniz:

<figure><img src="/files/6aacf6ad485ef0285afac2fc27570fd83e8dcf06" alt=""><figcaption></figcaption></figure>

Oluşturucuda, aşağıdaki blokları (bölümleri) ekleyebileceğiniz boş bir alan göreceksiniz:

1. Görsel
2. Metin
3. Boş blok
4. Buton
5. &#x20;Sosyal medya&#x20;
6. HTML bloğu

Ayrıca bloklar birbiriyle birleştirilebilir — örneğin, tek bir bölüm içine birden fazla e-posta öğesi ekleyebilirsiniz.

<figure><img src="/files/9b68e7e798bbee81d3c6f05e78fee91510b4e506" alt=""><figcaption></figcaption></figure>

Her blok, bölüm için aşağıdaki gibi genel görüntüleme ayarlarını içerir:

1. İç boşluk;
2. Kenarlık;
3. Kenarlık yarıçapı;&#x20;
4. Arka plan.

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

Her bölüm için kullanılabilen ayarları inceleyerek başlayalım. Ardından, tek bir bölüm içinde birden fazla farklı bloğu nasıl özelleştirebileceğinizi göstermek için bir örnek üzerinden ilerleyeceğiz.

### Görsel

Bir görsel eklemek için ekranın sağ tarafındaki menüye gidin. Orada, tıklandığında bir görsel yüklemenizi sağlayan bir simge bulacaksınız:

<figure><img src="/files/4488913adac4a9da8e1c105149a14fcede491d48" alt=""><figcaption></figcaption></figure>

Butona tıkladığınızda, bölümün e-postaya eklendiğini göreceksiniz:

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

Bir görsel eklemek için ilgili sekmeye gidin ve ihtiyacınız olan dosyayı cihazınızdan yükleyin:

<figure><img src="/files/0037fdd4f472edc6c58ea0fd48aba9cdabfd724e" alt=""><figcaption></figcaption></figure>

Ardından, görselin bölüme eklendiğini göreceksiniz:

<figure><img src="/files/4547d9fed1abee898e99648bcd9a63d2efda8fb9" alt=""><figcaption></figcaption></figure>

Görseli, alıcılar e-postada üzerine tıkladığında belirli bir sayfaya yönlendirilecekleri buton benzeri bir öğeye dönüştürebilirsiniz.

Bunu yapmak için, sağlanan alana istediğiniz bağlantıyı girmeniz yeterlidir:

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

### Metin

Bir metin bloğu, görsel içeren bir bölümün içine (veya başka herhangi bir bloğun içine) ya da tek başına ayrı bir blok olarak eklenebilir.

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

Yazı tiplerini değiştirme mevcut değildir.
{% endhint %}

1. Bir bölümün içine — örneğin görsel içeren bir bölümün içine — metin eklemek için, görsel bloğunun (veya sağdaki başka bir bloğun) üzerine gelin ve “+” simgesini bulun:

<figure><img src="/files/897e34315d81419c3c985415ddc99dc31f54c158" alt="" width="299"><figcaption></figcaption></figure>

Ardından artı simgesine tıklayın; blok seçeneklerini içeren bir açılır menü görünecektir:

<figure><img src="/files/5f942d4642aa2f3a690f95d1c3fb043e670e5c89" alt="" width="250"><figcaption></figcaption></figure>

Gördüğünüz gibi, metin bloğu zaten bir görsel içeren bölüme eklendi:

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

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

Tek bir bölüm içinde en fazla dört içerik öğesi (blok) ekleyebilirsiniz.
{% endhint %}

2. E-postaya metin bloğu (veya başka bir blok) içeren ayrı bir bölüm eklemek için, ekranın sol tarafına gelin ve hızlı işlemler menüsündeki “+” simgesini bulun:

<figure><img src="/files/5bf68278f0cfa2ab4f35a8e3430b59f8da99e280" alt=""><figcaption></figcaption></figure>

Ardından artı simgesine tıklayın ve eklemek istediğiniz bölümü seçin:

<figure><img src="/files/310f9c5b5b8bca3ac56389e681d79330145add96" alt=""><figcaption></figcaption></figure>

Bundan sonra metin bloğu içeren yeni bir bölüm eklenecektir:

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

Düzenlemek için metne tıklayın; üstte, herhangi bir metin düzenleyicidekine benzer ayarları içeren bir araç çubuğu görünecektir.

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

Metin bloğunun üzerindeki araç çubuğunda kalın, italik ve altı çizili biçimlendirme uygulayabilirsiniz:

<figure><img src="/files/66b7943b03a7e191f973908c2b83c043d35219be" alt=""><figcaption></figcaption></figure>

Ayrıca metni liste olarak biçimlendirebilir, bağlantı ekleyebilir ve sola, sağa veya ortaya hizalayabilirsiniz.

Yazı tipi boyutunu, satır yüksekliğini, aralığı ve rengi ayarlamak için sağdaki menüde yer alan “Metin” bloğu ayarlarına gidin:

<figure><img src="/files/9ff615cb60cc73dfb5832714425d76cf9ff44f8c" alt=""><figcaption></figcaption></figure>

### Buton&#x20;

Bir buton bloğu da diğer herhangi bir blokla aynı şekilde eklenir: ayrı bir bölüm olarak veya diğer öğelerle birlikte mevcut bir bölümün içine yerleştirilebilir:

<figure><img src="/files/91553a6c55beaa591ef0daf37b64a3442efc688a" alt=""><figcaption></figcaption></figure>

Butona gerekli herhangi bir sayfaya bağlantı ekleyebilirsiniz:

<figure><img src="/files/24f53e38f34dac9cbffb424fc28b4b17fc503d79" alt=""><figcaption></figcaption></figure>

Metni değiştirmek için butonun içindeki metin alanına tıklayın:

<figure><img src="/files/5da0a776cb0688e51c3434aa64097084c2f9f311" alt=""><figcaption></figcaption></figure>

Ardından istediğiniz metni girin:

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

Buton boyutunu değiştirmek için menüdeki oklar bulunan alanı bulun:

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

Sonra, sayısal bir değer girerek gerekli boyutu ayarlayın — alan piksel cinsinden değerleri kabul eder.&#x20;

Buton hizalamasını (orta, sol veya sağ) değiştirmek için bu ayarları kullanın:

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

Menüde ayrıca buton rengini değiştirmek için bir alan da bulunur:

<figure><img src="/files/20e0d3023d19d0366380297afb43841b141d9440" alt=""><figcaption></figcaption></figure>

### “Sosyal Medya” Butonları

E-postaya, müşterilerinizi projenize bağlı sosyal medya platformlarına yönlendirecek butonlar da ekleyebilirsiniz:

<figure><img src="/files/808246db16bbee4bb4cce643295421ed55f6ecd3" alt=""><figcaption></figcaption></figure>

Blok ayarlarında, müşterilerinizi hangi belirli kanala yönlendirmek istediğinizi seçebilirsiniz:

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

Ayarlar menüsünde sosyal medya butonları için bir stil seçeneği de bulunur:

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

1. Standart: mesajlaşma simgelerinin özgün stilini kullanır:

<figure><img src="/files/0ee1b6d94e59647e43a4694a57568856cce04fd9" alt="" width="326"><figcaption></figcaption></figure>

2. çerçeveli: ilgili mesajlaşma uygulamasının standart renkleriyle uyumlu bir kenarlık rengine sahip şeffaf simgeler.

<figure><img src="/files/b3af88d0af88cc9a5c5307d08b581f8f1844bd34" alt="" width="371"><figcaption></figcaption></figure>

3. Tek renkli: simgeler tek bir renk şemasında gösterilir.

<figure><img src="/files/9f6a1e786405d6d5449950d32c8f4d76a2f3eda2" alt="" width="365"><figcaption></figcaption></figure>

Simge köşelerini yuvarlamak için “Yuvarlatılmış köşeler” alanına piksel cinsinden istediğiniz sayısal değeri girin:

<figure><img src="/files/177988d81cd090e79bcc3dbf07e17fb7678854d9" alt=""><figcaption></figcaption></figure>

## Bir Bölüm İçindeki Blok Ayarları

Bir bölüm içindeki her öğe için dolgu, kenarlık ve arka plan ayarları aynıdır.&#x20;

Bir bloğu her bir öğeden ayrı olarak yapılandırabilir, ayrıca şunları seçebilirsiniz:

### Öğe dolgusu

Öğenin dolgusunu ilgili alanlarda ayarlayabilirsiniz:

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

Bu dolgular, içerik bloğunun kenarlığına göre konumunu özellikle ifade eder.

### Kenarlık (İç)

Bir bölüm, özelleştirilebilen iki kenarlık içerir: dış kenarlık (tüm bölüm için) ve iç kenarlık (görsel veya diğer öğeler için).

{% hint style="info" %}
Dış bölüm kenarlığının nasıl düzenleneceğine dair talimatları “Genel Bölüm Ayarları” -> Kenarlık bölümünde bulabilirsiniz. ссылка  “[Çerçeve](#ramka)"
{% endhint %}

İç kenarlık, içerik bloğunu çevreleyen ve herhangi bir renk, kalınlık ile belirli kenarlar ve istenen çizgi stili kullanılarak vurgulanabilen bir kenarlık olarak özelleştirilebilir:

<figure><img src="/files/e371c784536d66253d65d4baedf0dbb52caa8c87" alt="" width="375"><figcaption></figcaption></figure>

Kenarlığın her bir tarafı diğerlerinden ayrı olarak özelleştirilebilir.

Bunu yapmak için, düzenlemek istediğiniz kenarlık tarafına tıklayın:

<figure><img src="/files/6bba24a72649f227b785ddfa30fd658e4c127197" alt=""><figcaption></figcaption></figure>

Sonra, kenarlık için rengi, kalınlığı ve çizgi stilini seçin.

Kenarlığı dört taraf için de özelleştirmek için ilgili simgeye tıklayın:

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

#### Kenarlık yarıçapı&#x20;

İç kenarlığın köşe yarıçapını da piksel cinsinden ayarlayabilirsiniz:

<figure><img src="/files/cf3b71755c06426d10ab63cab9b4f138349fb27c" alt="" width="372"><figcaption></figcaption></figure>

Kenarlığın her köşesi için alanlar piksel cinsinden sayısal değerleri kabul eder.

<div><figure><img src="/files/174b387471b7ef27216c9edb1f21acf49f772c54" alt=""><figcaption></figcaption></figure> <figure><img src="/files/65a4e20cc2b848c8b3c5761bdb07277f04c283f7" alt=""><figcaption></figcaption></figure></div>

### Bir Bölüm İçindeki İçerik Bloğu Arka Planı

<figure><img src="/files/419a071b27e3d55f90ba27d414a7afaf4172dab5" alt="" width="375"><figcaption></figcaption></figure>

Bölüm içindeki belirli bir öğeyi içeren bloğa uygulanan iç arka plan, bir görsel yüklenerek veya renk paletinden bir renk seçilerek ayarlanabilir.

Arka plan için görselin konumunu ve boyutunu da seçebilirsiniz:

<figure><img src="/files/9c945f05e7dd5ab88770b08def47aa53785b3558" alt=""><figcaption></figcaption></figure>

## Bölüm Ayarları

İçerik öğeleri bulunan bir bölüm, arka plan renkleri uygulanarak, kenarlıklar eklenerek ve dolgu ayarlanarak e-postadaki diğer bölümlerden farklı şekilde özelleştirilebilir.

### İç boşluk

Bölüm dolgusu, bölüm içinde yer alan tüm öğelere uygulanır:

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

Bloklar için dolguyu bir bölümün dış kenarlığına göre ayarlamak için, kenarlığın kenarlarını sürükleyerek öğelerin üst ve alt, ayrıca sağ ve sol kenarlara göre konumunu ayarlayın.

<figure><img src="/files/71c3911ab7dc76afd6f2f75ad1c53c20b5d5133e" alt=""><figcaption></figcaption></figure>

Alternatif olarak, sağ taraftaki menüde “Bölüm” sekmesi altında bulunan alanlara sayısal değerler girebilirsiniz:

<figure><img src="/files/4e6f204b788e754c506306a40cd610945df6cb30" alt="" width="366"><figcaption></figcaption></figure>

### Kenarlık

Bir bölüm, özelleştirilebilir iki kenarlık içerir: dış kenarlık (tüm bölüm için) ve iç kenarlık (bir görsel veya diğer öğeler için)

{% hint style="info" %}
Dış bölüm kenarlığının nasıl düzenleneceğine dair talimatları “Kenarlık (iç)” bölümünde bulabilirsiniz ссылка  “[Çerçeve (iç)](#ramka-vnutrennyaya)"
{% endhint %}

İçerik blokları bulunan tüm bölümü çerçeveleyen dış kenarlık, herhangi bir renk ve kalınlık kullanılarak, ayrıca vurgulanacak istenen taraflar ve kenarlık stili seçilerek özelleştirilebilir:

<figure><img src="/files/58823a5c6e557c383224bd93863e912ba758b46d" alt=""><figcaption></figcaption></figure>

Kenarlığın her bir tarafı diğerlerinden ayrı olarak özelleştirilebilir.

Bunu yapmak için, kenarlığın istediğiniz tarafına tıklayın:

<figure><img src="/files/6df1791cb7210da6690aacfa25174fce239f3148" alt=""><figcaption></figcaption></figure>

Ardından kenarlığın rengini, kalınlığını ve stilini seçin.&#x20;

Kenarlığı dört taraf için de özelleştirmek için ilgili simgeye tıklayın:

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

### Kenarlık yarıçapı

Ayrıca bölüm kenarlığının köşe yuvarlatmasını piksel cinsinden ayarlayabilirsiniz:

<figure><img src="/files/b8d7a4b2cd35f9f81fc22b5b4c7b30d539c9a41f" alt="" width="372"><figcaption></figcaption></figure>

Kenarlığın her köşesi için alanlar piksel cinsinden sayısal değerleri kabul eder.

<div><figure><img src="/files/d277259ea55a74fb5a7b728ff83f816a1297f2f7" alt=""><figcaption></figcaption></figure> <figure><img src="/files/32dadad383c7b2bb2e924317c9d52c68eb811ff6" alt=""><figcaption></figcaption></figure></div>

### Arka plan

<figure><img src="/files/67506dfaa5fe5634f6a99a3d5070778226197660" alt="" width="375"><figcaption></figcaption></figure>

Sadece tüm bölüme uygulanan iç arka plan, bir görsel yüklenerek veya renk paletinden bir renk seçilerek ayarlanabilir.

Arka plan görselinin konumunu ve boyutunu da seçebilirsiniz:

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


---

# 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/is-e-postalari/e-posta-olusturucu.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.