Stripo Sürükle ve Bırak E-posta Düzenleyicisi Ayarları

Published: 22 Ekim 2024 · Last updated: 21 Temmuz 2026 · By Marcus Biel

Maildroppa e-posta düzenleyicisinin sağ tarafında, e-postanızın içeriğini ve görünümünü yapılandırıp özelleştirmenize yardımcı olan araçları içeren E-posta Ayarları Sütunu bulunur. Bu sütun iki sekmeye ayrılır: İçerik ve Görünüm.

İçerik Sekmesi

E-postanızın içeriğini tasarlayıp düzenlediğiniz yer İçerik sekmesidir. Bu sekmede iki ana bölüm bulunur: Yapılar ve Bloklar.

1. Yapılar

Yapılar, içeriği satır ve sütunlar halinde düzenleyerek e-postanızın yerleşimini belirler. Şu gibi çeşitli önceden tasarlanmış yerleşimler arasından seçim yapabilirsiniz:

• Tek sütunlu
• İki sütunlu
• Çok sütunlu

Bu seçeneklerle sınırlı değilsiniz; birden fazla bloğu birleştirerek istediğiniz özel yerleşimi oluşturabilir, tasarım ihtiyaçlarınıza tam esneklik sağlayabilirsiniz.

• Sürükle ve Bırak: İçerik eklemeye başlamak için bu bölümden bir yapıyı sürükleyip e-posta tasarım alanınıza bırakmanız yeterlidir.
• Özelleştirme: Bir yapı eklendikten sonra yapıya görsel, metin veya düğme gibi farklı içerik blokları ekleyebilirsiniz.

2. Bloklar

Bloklar, e-postanızı oluşturmak için yapıların içine yerleştirdiğiniz içerik öğeleridir.

Kullanılabilir blok türleri şunlardır:

• Görsel: Görselleri (PNG, JPG, GIF) yükleyin ve görünümlerini özelleştirin.
• Metin: Mesajınızı iletmek için metin ekleyin ve biçimlendirin.
• Düğme: Özelleştirilebilir metin, bağlantı ve stillere sahip tıklanabilir düğmeler ekleyin.
• Boşluk: Diğer bloklar arasındaki yerleşimi ayarlamak için boş alan ekleyin.
• Video: YouTube, Vimeo ve daha fazlası gibi platformlardan video içeriği yerleştirin.
• HTML: Gelişmiş e-posta içeriği özelleştirmesi için özel HTML ve CSS kodu ekleyin.

Her blok esnek ve özelleştirilebilir olacak şekilde tasarlanmıştır; böylece markanızın görünümü ve tarzıyla uyumlu bir e-posta oluşturabilirsiniz.

İçerik Bloklarının Ayrıntılı Açıklaması

Görsel Bloğu

Stripo’nun sürükle ve bırak e-posta düzenleyicisindeki Görsel Bloğu, e-posta kampanyanıza görsel eklemenize ve görselleri özelleştirmenize olanak tanır.

Görsel Bloğu Ekleme

E-postanıza Görsel Bloğu eklemenin iki yolu vardır:

1. Seçenek

Bir yapıda "İçeriği Buraya Bırakın" alanının üzerine gelin ve ardından Görsel simgesine tıklayın. Bu işlem, seçilen yapıyı hemen bir görsel bloğuna dönüştürür.

2. Seçenek

İçerik Sekmesi altındaki Bloklar bölümüne gidin. Görsel Bloğunu e-posta yerleşiminizde istediğiniz yapının içine sürükleyin. Bu yöntem, görselinizi tam olarak nereye yerleştireceğiniz üzerinde daha fazla kontrol sağlar.

Görsel Yükleme

Görsel Bloğunu ekledikten sonra görsel yüklemek için iki yönteminiz vardır:

Sürükle ve Bırak

Bir görsel dosyasını (PNG, JPG, GIF) bilgisayarınızdan doğrudan Görsel Bloğunun içinde görünen yükleme kutusuna sürükleyip bırakabilirsiniz.

Bilgisayardan Yükleme

Alternatif olarak Görsel Bloğundaki bulut simgesine tıklayarak dosya tarayıcınızı açabilir ve bilgisayarınızdan bir görsel seçebilirsiniz (en fazla 2 MB). Seçtiğiniz görsel hem blokta hem de sağdaki içerik sekmesinde görünür.

Görseli Değiştirme

Görseli değiştirmek için içerik sekmesinde bulunan Görseli Değiştir seçeneğini kullanın. Yeni bir görsel yüklemenize veya harici bir URL’deki görsele bağlantı vermenize olanak tanıyan dairesel Görseli Değiştir simgesine tıklayın.

Görseli Düzenleme

Bir görseli yükledikten sonra doğrudan platform içinde ek düzenlemeler yapmak isteyebilirsiniz. Stripo’nun yerleşik Görsel Düzenleyicisi, e-posta düzenleyicisinden çıkmadan görsellerinizi geliştirmenize ve ayarlamanıza olanak tanır.

Görsel Düzenleyicisine Erişme

1. Bir görsel yüklendikten sonra Görseli Düzenle düğmesine tıklayın. Görsel Düzenleyicisi arayüzü açılır.
2. Düzenleyici, üst menü çubuğunda gösterilen çok çeşitli araçlar sunar.

Kullanılabilir Görsel Düzenleme Araçları

• Filtreler Tek tıklamayla çeşitli filtreler uygulayın:

  • Gri Tonlama
  • Siyah Beyaz
  • Keskinleştir
  • Ters Çevir
  • Sepya
  • Parlaklık
  • Renk

• Yeniden Boyutlandır Görselinizin boyutlarını ayarlayın. Şunları yapabilirsiniz:

  • Belirli bir genişlik ve yükseklik tanımlamak.
  • En-boy oranını korumak.

• Kırp Görselin korunacak bir bölümünü seçin ve istenmeyen kısımları kaldırın.

• Dönüştür Görseli döndürün veya çevirin:

  • Yatay
  • Dikey

• Çiz Görselinizin üzerine çizgiler veya özel şekiller gibi serbest çizim öğeleri eklemek için çizim aracını kullanın.

• Metin Görsele doğrudan metin ekleyin. Şunları özelleştirin:

  • Yazı tipi
  • Boyut
  • Renk
  • Hizalama

• Şekiller ve Çıkartmalar Görselinizi şunları üzerine yerleştirerek zenginleştirin:

  • Hazır şekiller
  • Eğlenceli çıkartmalar

• Çerçeveler Görselinize şık bir kenarlık vermek için çeşitli çerçeveler arasından seçim yapın.

• Köşeler Daha düzgün bir görünüm için köşe stilini ayarlayın.

• Arka Plan Daha temiz bir görünüm için görselin arka planını kaldırın veya değiştirin.

Düzenlemeleri Kaydetme

İstediğiniz değişiklikleri yaptıktan sonra düzenleyicinin sol üst kısmındaki Kaydet düğmesine tıklayın. Düzenlenen görsel, e-posta yerleşiminizde otomatik olarak orijinal görselin yerini alır.

Görsel Ayarları

Görseli yükledikten sonra sağ taraftaki İçerik Sekmesinde bulunan Görsel Ayarları seçeneklerini kullanarak görseli özelleştirebilirsiniz.

Bağlantı

Görsele bir bağlantı ekleyin. Şu gibi çeşitli bağlantı türleri arasından seçim yapabilirsiniz:

• Web sitesi (HTTP, HTTPS)
• Posta (mailto:)
• Dosya (ftp)
• Sosyal Paylaşım (Facebook, X (formerly Twitter), LinkedIn, Pinterest)

Bu seçenekleri bağlantı ayarları açılır menüsünde bulabilirsiniz.

Alternatif Metin

Görsel yüklenmezse görüntülenecek alternatif metni ekleyin. Bu metin, ekran okuyucuların görseli görme engelli alıcılara açıklamasını sağlayarak erişilebilirlik açısından da faydalıdır.

Hizalama

Görselin kapsayıcısı içinde nasıl hizalanacağını seçin. Sola, Ortaya veya Sağa hizalayabilirsiniz.

Boyut

Artı/eksi düğmelerini kullanarak veya istediğiniz boyutları yazarak görselin genişliğini ve yüksekliğini manuel olarak ayarlayın.

Görselin kapsayıcının tamamını otomatik olarak kaplamasını sağlamak için "Genişliğe Ayarla" seçeneğini de etkinleştirebilirsiniz.

Duyarlı Görsel

Özellikle mobil cihazlarda görselin farklı ekran boyutlarına uyum sağlaması için "Duyarlı Görsel" seçeneğini etkinleştirin.

İç Boşluk

Görsel ile çevresindeki içerik arasında ne kadar boşluk olacağını kontrol etmek için görselin çevresindeki iç boşluğu özelleştirin. İç boşluğu tüm kenarlara eşit uygulayabilir veya her kenar için (Üst, Alt, Sol, Sağ) ayrı ayrı ayarlayabilirsiniz.

Çapa Bağlantıları

Görsele bir çapa bağlantısı atayabilirsiniz. Böylece alıcılar görsele tıkladıklarında aynı e-posta içindeki belirli bir bölüme geçebilir. Ancak çapa bağlantılarının Gmail ve Apple Mail gibi bazı e-posta istemcilerinde çalışmayabileceğini unutmayın.

Metin Bloğu

Aşağıdaki ayarları kullanarak metin bloklarınızın görünümünü ve işlevselliğini geliştirin. Her seçenek, metninizin nasıl görüntüleneceğini hassas biçimde ayarlamanıza ve tasarım tercihlerinizle tam olarak uyumlu hale getirmenize olanak tanır.

Metin Araç Çubuğu

Bir metin bloğuna tıkladığınızda, içerik alanının üzerinde Metin Araç Çubuğu görünür ve sık kullanılan birçok metin biçimlendirme seçeneğine hızlı erişim sağlar. Araç çubuğunda bulunan özellikler şunlardır:

1. Paragraf Biçimi

E-postanızda yapılandırılmış bir hiyerarşi oluşturmak için normal metin için Normal veya çeşitli başlık düzeyleri (Başlık 1 ile Başlık 6 arası) gibi seçeneklerden birini belirleyerek paragraf stilini ayarlayın. Bu, içeriğin daha okunabilir ve düzenli olmasına yardımcı olur.

2. Yazı Tipi Ailesi

Varsayılan yazı tipi Arial’dır; ancak Georgia, Helvetica ve Courier New gibi yaygın seçenekler de dahil olmak üzere çeşitli yazı tipleri arasından seçim yapabilirsiniz. Belirli bir yazı tipini hızlıca bulmak için arama işlevi de vardır.

3. Yazı Tipi Boyutu

Yazı tipi boyutunu 8pt ile 72pt arasında ayarlayın. Çoğu e-posta gövde metni için uygun olan varsayılan değer 14pt’dir. İstediğiniz yazı tipi boyutunu hızlıca belirlemek için açılır menüyü kullanın.

4. Metin Stili

Metninizi şu seçeneklerle biçimlendirin:

• Kalın (B): Metni kalınlaştırarak vurgular.
• İtalik (I): Daha stilize bir görünüm için metni italik yapar.
• Altı çizili (U): Metnin altını çizer; genellikle köprü bağlantılarında kullanılır.
• Üstü çizili (S): Metnin üzerine bir çizgi çeker; düzenlemeler veya kaldırılmış içerik için kullanışlıdır.

5. Gelişmiş Metin Stili (Üç Nokta Menüsü)

Araç çubuğundaki üç noktaya tıklamak ek seçenekleri genişletir:

• Alt simge: Metni taban çizgisinin altına indirir (dipnotlar veya kimyasal formüller için kullanışlıdır).
• Üst simge: Metni taban çizgisinin üzerine çıkarır (üsler veya sıra sayıları için yaygın olarak kullanılır).
• Biçimlendirmeyi Kaldır: Uygulanan tüm biçimlendirmeleri kaldırarak metni varsayılan stiline döndürür.

6. Metin ve Arka Plan Rengi

• Metin Rengi: Bir paletten seçim yapmak veya metin rengini hassas biçimde belirlemek için hex kodu girmek üzere Metin Rengi düğmesine tıklayın.
• Arka Plan Rengi: Metniniz için bir arka plan (vurgulama) rengi seçin.

7. Metin Hizalama

Metninizi blok içinde hizalayın:

• Sola Hizala: Metni sola hizalar.
• Ortala: Metni ortalar.
• Sağa Hizala: Metni sağa hizalar.
• İki Yana Yasla: Metni bloğun genişliğine eşit şekilde dağıtır.

8. Listeler

Sıralı (numaralı) ve sırasız (madde işaretli) listeler oluşturun:

• Madde İşaretli Liste Ekle/Kaldır: Madde işaretlerini ekler veya kaldırır.
• Numaralı Liste Ekle/Kaldır: Numaralı liste ekler veya kaldırır.

9. Satır Kaydırma

Metin bloğu içinde satır kaydırmayı etkinleştirin veya devre dışı bırakın. Etkinleştirildiğinde uzun metin satırları otomatik olarak bir sonraki satıra geçer.

10. Girinti

Metninizin girintisini ayarlayın:
- **Girintiyi Artır**: Metni kenar boşluğundan uzaklaştırır; alt maddeler veya alıntılar için kullanışlıdır.
- **Girintiyi Azalt**: Girintiyi azaltarak metni sol kenar boşluğuna yaklaştırır.
![Metin Girintisi](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Köprü Bağlantısı Ekle

E-posta içeriğinizde köprü bağlantıları eklemeyi, düzenlemeyi ve yönetmeyi öğrenin.

Bağlantı Ekleme veya Düzenleme Adımları

a) Metni Vurgulayın

Köprü bağlantısına dönüştürmek istediğiniz metni seçin.

b) Bağlantı Simgesine Tıklayın

Metin Araç Çubuğu içinde Bağlantı Simgesine tıklayın.

c) Ayarlar Panelinde Bağlantıyı Düzenleyin

Bağlantı seçeneklerini içeren Sağ Ayarlar Paneli görünür:

• Bağlantı Alanı: URL’yi girin veya önceden tanımlanmış seçeneklerden birini seçin.
• Etiket: Aboneleri etiketlemek veya otomasyonları tetiklemek için etiketler ekleyin.

Gönderimden Sonra Bağlantıları Düzeltme

2.365 abonenize yeni bir kampanya gönderip bağlantılardan birinin basit bir yazım hatası nedeniyle bozuk olduğunu fark etmek kadar kötü bir şey yoktur. Kara Cuma satışlarına elveda!

Neyse ki e-posta abonelerinize gönderildikten sonra bile bozuk bağlantıları düzeltmenizi mümkün kıldık.

a) Kampanyayı Görüntüle

Gönderilen kampanyayı genel bakışta bulun, üç noktaya tıklayın ve Kampanyayı Görüntüle seçeneğini belirleyin.

b) Bağlantıları veya Etiketleri Değiştirin

Kampanya ayrıntılarındaki bağlantı listesine giderek şunları yapın:

• Bağlantı Hedeflerini Güncelleme: Yanlış URL’leri düzeltin.
• Etiketleri Yönetme: Otomasyonlar için etiket ekleyin veya kaldırın.

Not: Bağlantı yeniden hedefleme özelliğini kullanmak için kampanya ayarlarında Tıklama Takibi özelliğinin etkin olduğundan emin olun.

Bağlantı Görünümünü Özelleştirme

Sağ Ayarlar Panelinde bağlantının görünümünü ayarlayabilirsiniz:

• Bağlantı Rengi: Bir renk seçin veya hex kodu girin.

• Bağlantıların Altını Çizme: Daha temiz bir görünüm için alt çizgileri etkinleştirin veya devre dışı bırakın.

12. Kişiselleştirme Etiketleri

Alıcının adı veya diğer özel alanlar gibi dinamik içerikler eklemek için Kişiselleştirme Etiketlerini kullanın.

• Her alıcıya özel e-postalar hazırlamak için araç çubuğundaki Kişiselleştirme Etiketleri açılır menüsünden Ad, E-posta veya Ülke gibi yaygın alanları seçin ya da özel alanlar tanımlayın.

13. Emojiler

Emojiler ekleyerek metninize görsel çekicilik katın.

• Kolayca göz atabileceğiniz kategorilere ayrılmış emoji listesini açmak için araç çubuğundaki Emoji Simgesine tıklayın.
• Uyumluluk Notu: Bazı e-posta istemcileri emojileri doğru görüntülemeyebileceğinden e-postalarınızı Outlook gibi belirli istemcilerde test edin.

14. Tablo ve Özel Karakterler

Daha gelişmiş seçenekleri göstermek için araç çubuğunun sonundaki üç noktaya tıklayın.

Tablo Ekleme

E-posta yerleşiminizi geliştirmek için tablolar oluşturun ve özelleştirin.

• Satırları, sütunları, hücre aralığını, iç boşluğu ve kenarlık boyutunu ihtiyaçlarınıza göre belirleyin.

Özel Karakter Ekleme

Semboller, aksanlı karakterler ve diğer standart dışı karakterlerle metninizi zenginleştirin.

• Çok çeşitli karakterlere göz atmak için Özel Karakterler seçeneğine erişin.

Ek Metin Bloğu Ayarları (Sağ Panel)

Sağ panel, metin bloklarınızın görünümü ve işlevselliği üzerinde kapsamlı kontrol sağlar. Kullanılabilir ayarlar aşağıdadır:

1. Metin Rengi

Renk seçiciyi kullanarak veya hex kodu girerek metnin rengini belirleyin.

2. Arka Plan Rengi

Metin bloğu için özel bir arka plan rengi belirleyin. Varsayılan olarak arka plan şeffaftır.

3. Bağlantıya Özel Ayarlar

Metin bloğu bağlantılar içerdiğinde ayarlarda ek seçenekler görünür:

• Bağlantı Rengi: Renk seçiciyi veya hex kodunu kullanarak bağlantıların rengini ayarlayın.

• Bağlantıların Altını Çizme: Metin bloğundaki bağlantılar için alt çizme seçeneğini açın veya kapatın.

• Bağlantı Düzenleme: URL’sini ayarlar panelinde düzenlemek için içerik alanında bir bağlantı seçin. Ayrıca "Etiketler" adlı açılır menüyü kullanarak bağlantıya etiket atayabilir veya etiketleri güncelleyebilirsiniz.

4. Hizalama

Metin bloğunu kapsayıcısı içinde Sola, Ortaya veya Sağa hizalayın.

5. Sabit Yükseklik

Bu seçeneği etkinleştirerek metin bloğu için sabit bir yükseklik belirleyin. Ayrıca dikey metin hizalamasını Üst, Orta veya Alt olarak ayarlayabilirsiniz.

6. Satır Aralığı

Metin satırları arasındaki boşluğu kontrol edin. Dar, Normal veya Geniş seçeneklerinden birini seçin.

7. İç Boşluk

Metin bloğunun çevresindeki boşluğu ayarlayın. İç boşluğu tüm kenarlara eşit uygulayın veya her kenarı (Üst, Alt, Sol ve Sağ) ayrı ayrı özelleştirin.

8. Çapa Bağlantıları

Okuyucuların e-postanızdaki belirli bölümlere geçebilmesini sağlamak için çapa bağlantıları oluşturun. Bazı e-posta istemcilerinin çapa bağlantılarını desteklemediğini unutmayın.

Düğme Bloğu

Düğme Bloğu, işlev ve stil için özelleştirilebilir ayarlarla e-postanıza tıklanabilir bir düğme eklemenize olanak tanır.

Bağlantı Ayarları

Bağlantı seçeneği, alıcı düğmeye tıkladığında gerçekleştirilecek işlemi belirler.

Kullanılabilir Bağlantı Türleri

• Normal Site Bağlantısı (HTTP veya HTTPS): Kullanıcıyı bir web sayfasına yönlendirir.
• Posta Bağlantısı: Yeni bir e-posta oluşturmak üzere kullanıcının e-posta istemcisini açar.
• Dosya Bağlantısı (FTP, FTPS): Bir FTP sunucusundaki dosyaya bağlantı verir.
• Skype: Skype araması veya sohbeti başlatır.
• Telefon (tel): Uyumlu cihazlarda telefon araması başlatır.
• SMS: Önceden doldurulmuş alıcı numarasıyla mesajlaşma uygulamasını açar.
• Viber: Mesajlaşma veya arama için Viber uygulamasını açar.
• Başka Protokol Türü: Yukarıda listelenmeyen özel bir protokol belirtin.

Sosyal Paylaşım Seçenekleri

Düğmeyi sosyal medya veya e-posta paylaşımı için de ayarlayabilirsiniz:

• Facebook
• X (formerly Twitter)
• LinkedIn
• Pinterest
• E-posta Paylaşımı

URL Alanı

Bağlantı türünün yanında bulunan ve genellikle https:// ile başlayan URL Alanı, bağlantı türüne karşılık gelen belirli adresi girmenize olanak tanır.

Düğme Etiketi

Harekete geçirici mesajınızı yansıtması için düğmenin etiketini özelleştirin. Varsayılan etiket "Düğme"dir; ancak bunu "Daha Fazla Bilgi", "Şimdi Abone Ol" veya "Şimdi Alışveriş Yap" gibi seçeneklerle değiştirebilirsiniz.

Metin Stili

Metin Stili ayarları, düğme metninin görünümünü ayarlamanıza olanak tanır.

Yazı Tipi Seçimi

Şunlar da dahil olmak üzere çeşitli standart yazı tipleri arasından seçim yapın:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

Standart olmayan yazı tipleri için ek seçenekler şunlardır:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

Yazı tipi listesinin üst kısmındaki arama kutusu, belirli bir yazı tipini hızlıca bulmanıza yardımcı olur.

Yazı Tipi Boyutu ve Biçimlendirme

• Yazı Tipi Boyutu: Düğme metninin ne kadar öne çıkmasını istediğinize bağlı olarak 8 ile 72 arasında bir değer seçin.
• Metin Biçimlendirme: Düğme metnini vurgulamak için "B" veya "I" simgelerini kullanarak Kalın ya da İtalik stil uygulayın.

Renk Ayarları

Renk ayarlarını düzenleyerek düğmenin görünümünü özelleştirin.

1. Düğme Rengi: Düğmenin arka plan rengini değiştirin. Varsayılan renk yeşildir (#31cb4b). Yeni bir renk seçmek için hex kodu alanını veya renk seçiciyi kullanın.

2. Metin Rengi: Düğme metninin rengini belirleyin. Varsayılan renk beyazdır (#ffffff). Okunabilirlik için düğme arka planıyla iyi kontrast oluşturan bir renk seçin.

3. Arka Plan Rengi: Düğme kapsayıcısının arka planını ayarlayın. Varsayılan olarak şeffaftır; ancak düğmenin e-posta arka planında öne çıkmasını sağlamak için değiştirebilirsiniz.

Kenarlık Yarıçapı

Kenarlık Yarıçapı ayarını kullanarak düğme köşelerinin yuvarlaklığını kontrol edin.

• Varsayılan Değer: 30 (orta derecede yuvarlatılmış köşeler).
• Aralık: 0 (kare köşeler) ile 100 (kapsül şeklinde düğme) arası.

Not: Yuvarlatılmış köşelerin Microsoft Outlook’ta doğru görüntülenmesi için Görünüm sekmesinde "Outlook Desteği" seçeneğini etkinleştirin.

Hizalama

Hizalama ayarını kullanarak düğmeyi içerik alanı içinde konumlandırın.

• Seçenekler: Sol, Orta, Sağ.
• Yaygın Kullanım: Vurgu için orta hizalama; tasarım tutarlılığı için sol veya sağ hizalama.

Sabit Yükseklik

Düğme boyutlarının tutarlı kalması için Sabit Yükseklik seçeneğini etkinleştirin.

1. Varsayılan: Devre dışı.
2. Minimum Yükseklik: 44 piksel.
3. İçeriğin Dikey Hizalaması: Sabit yükseklik etkinleştirildiğinde, düğme içeriğini hassas biçimde konumlandırmak için Üst, Orta veya Alt olarak hizalayın.

Simgeli Düğme

Simgeli Düğme seçeneği, düğme metninin yanına bir simge eklemenize olanak tanır. Bu, görsel çekiciliği artırır ve harekete geçirici mesajı güçlendirir. Bu özellik varsayılan olarak devre dışıdır.

• Desteklenen Biçimler: Simgeyi PNG, JPG veya GIF biçiminde, en fazla 2 MB dosya boyutuyla yükleyin.
• Simge Konumu: Simgenin düğme metninin Sol veya Sağ tarafında görüntülenmesini seçin.

Not: Windows’taki Microsoft Outlook’un aşağıdaki sürümleri dahil olmak üzere belirli sürümlerinde simgeler görüntülenmez:

• Outlook 2002, 2007, 2010, 2013, 2016 ve 2019. Bu sınırlama, bu e-posta istemcilerinin HTML e-postaları işleme biçiminden kaynaklanır. Kitlenizin büyük bir bölümü bu istemcileri kullanıyorsa bunu göz önünde bulundurun.

Kenarlık Ayarları

Ek stil ve vurgu için düğmenin kenarlıklarını özelleştirin.

• Kenarlık Genişliği: Her kenarın (sol, sağ, üst ve alt) genişliğini ayrı ayrı, en fazla 40 piksele kadar belirleyin.
• Kenarlık Stili: Düz, Kesikli veya Noktalı stiller arasından seçim yapın.
• Kenarlık Rengi: Kenarlık rengini markanız veya tasarım şemanızla eşleştirmek için renk seçiciyi kullanın veya hex kodu girin.

İç Boşluk

İçerik (metin ve simge) ile düğmenin kenarlığı arasındaki boşluğu ayarlayın.

• Özelleştirme Seçenekleri: Sol, Sağ, Üst ve Alt kenarlar için en fazla 99 piksele kadar iç boşluk değerleri belirleyin.
• Etkisi: İç boşluk, düğmenin genel boyutunu ve içeriğin düğme içindeki konumunu etkiler.

Dış Boşluk

E-posta yerleşimindeki diğer öğelere göre konumunu ayarlamak için düğmenin dışındaki boşluğu kontrol edin.

• Özelleştirme Seçenekleri: Sol, Sağ, Üst ve Alt kenarlar için en fazla 40 piksele kadar dış boşluk değerleri belirleyin.
• Kullanım Alanı: Düğmenin diğer içeriklere veya e-posta kenarlarına çok yakın görünmesini önler.

Çapa Bağlantısı Ekleme

Okuyucuları aynı e-posta içindeki belirli bölümlere yönlendirmek ve uzun bültenlerde hızlı gezinme sağlamak için çapa bağlantılarını kullanın.

• Çapa Adı: E-posta içinde bir hedef tanımlayın ve düğmeyi bu çapaya bağlayın. Tıklandığında e-posta belirtilen bölüme kaydırılır ve kullanıcıların gezinmesi kolaylaşır.

Önemli: Aşağıdakiler dahil olmak üzere bazı e-posta istemcilerinde çapa bağlantıları desteklenmez:

• iOS Gmail Uygulaması
• iOS Apple Mail
• Android için Outlook Uygulaması
• macOS için Outlook Uygulaması
• AMP E-postaları

İşlevselliği farklı e-posta istemcilerinde doğrulamak ve bu özelliğin kitleniz için uygun olup olmadığını belirlemek üzere e-postanızı kapsamlı biçimde test edin.

Boşluk Bloğu

Boşluk Bloğu, e-posta içeriğinize ayarlanabilir alan eklemenizi sağlar ve boyutu, hizalaması, görünümü ve iç boşluğu üzerinde kontrol sunar. Aşağıda iki boşluk türü hakkında ayrıntıları bulabilirsiniz: Normal Boşluk ve Dinamik Boşluk.

1. Normal Boşluk

Normal Boşluk, e-postanızdaki bölümleri görsel olarak ayıran bir çizgi öğesidir.

Temel Ayarlar

1. Çizgi Kalınlığı ve Stili Çizginin kalınlığını, stilini ve rengini özelleştirin:

   • Kalınlık: + ve - düğmelerini kullanarak ayarlayın (1 değerinden başlar).
   • Stil: Düz, kesikli veya noktalı arasından seçim yapın.
   • Renk: Hex kodu veya renk seçiciyle özel bir renk belirleyin (varsayılan: #cccccc).

2. Genişlik Boşluk çizgisinin içeriğiniz boyunca ne kadar uzanacağını belirleyin. Genişliği + ve - düğmelerini kullanarak piksel cinsinden ayarlayın.

3. Hizalama Yerleşiminize uyacak şekilde çizgiyi sola, ortaya veya sağa hizalayın.

4. İç Boşluk Boşluk çevresindeki iç aralığı kontrol edin:

   • Varsayılan: İç boşluk tüm kenarlarda 20 olarak ayarlanır.
   • Her kenar için iç boşluk belirtmek üzere Daha Fazla geçişini kullanın:
     • Üst
     • Sağ
     • Alt
     • Sol

Kullanım Alanı

Normal Boşluk, e-postanızdaki bölümler arasında temiz ve görsel ayrımlar oluşturmak, düzenli ve profesyonel bir yerleşim sağlamak için idealdir.

2. Dinamik Boşluk

Dinamik Boşluk, e-posta yerleşiminizde nefes alanı oluşturmak üzere tasarlanmış görünmez bir boş alan bloğudur.

Temel Özellikler

1. Yükseklik Ayarı Yüksekliği doğrudan içerik alanında veya + ve - düğmelerini kullanarak kontrol panelinden ayarlayın. Yükseklik, bölümler arasına ne kadar dikey alan ekleneceğini belirler.

2. Arka Plan Rengi Varsayılan olarak boşluğun şeffaf bir arka planı vardır; ancak hex kodu veya renk seçiciyle özel bir arka plan rengi uygulayabilirsiniz. Böylece boşluk gerektiğinde görünür bir blok olarak işlev görebilir.

3. Duyarlı Davranış Duyarlı Boşluk seçeneği, farklı ekran boyutlarında en uygun yerleşim için boşluğun dinamik olarak uyum sağlamasını sağlar. Bu özellik varsayılan olarak etkindir.

Normal ve Dinamik Boşluklar Arasındaki Temel Farklar

• Dinamik Boşluk: Görünür bir çizgi olmadan boş alan ekler.
• Normal Boşluk: Şunlar gibi çizgiye özel ayarlar içerir:
  • Çizgi genişliği
  • Hizalama
  • Çizgi stilleri
  • İç boşluk

Dinamik Boşluk bu özellikleri desteklemez ve yalnızca görsel öğeler olmadan ayırma oluşturmak için tasarlanmıştır.

3. Çapa Bağlantısı Ekleme

Her iki boşluk türüne de çapa bağlantıları uygulanabilir. Böylece kullanıcılar e-postanın başka bir bölümünden doğrudan boşluğun bulunduğu konuma gidebilir. Bu özellik, özellikle uzun bültenlerde e-posta içi gezinme oluşturmak için kullanışlıdır.

Not: Çapa bağlantıları aşağıdakiler dahil olmak üzere bazı e-posta istemcileri tarafından desteklenmez:

• Microsoft Outlook
• Gmail (mobilde)

Video Bloğu

Video Bloğu, e-postanıza video yerleştirmenize ve videonun görünümünü ve davranışını özelleştirmenize olanak tanır. YouTube ve Vimeo gibi platformların video bağlantılarını destekleyerek videonun nasıl sunulacağı üzerinde esneklik ve kontrol sağlar.

1. Videoya Bağlantı

Video URL’sini Videoya Bağlantı alanına ekleyin. Desteklenen platformlar arasında YouTube, Vimeo ve yerleştirmeye izin veren diğer hizmetler bulunur.

• Otomatik Davranış: Geçerli bir URL eklendiğinde:

  • Platformdaki video küçük resmi kullanılarak otomatik olarak bir önizleme görseli oluşturulur.
  • Alternatif Metin alanı, mevcutsa video başlığı veya açıklamasıyla otomatik olarak doldurulur.

• Düzenlenebilir Alanlar: Gerekirse oluşturulan önizleme görselini ve metni manuel olarak düzenleyebilir veya değiştirebilirsiniz.

2. Alternatif Metin

Alternatif Metin alanı, video yüklenemezse açıklamasını görüntüleyerek erişilebilirlik sağlar.

• Desteklenen bir video URL’si eklendiğinde otomatik olarak doldurulur.
• İçerik ihtiyaçlarınıza göre özelleştirilebilir.

3. Özel Küçük Resim

Varsayılan video önizlemesinin yerine özel bir görsel yükleyin.

• Nasıl Etkinleştirilir: Özel Küçük Resim seçeneğini açın.
• Desteklenen Biçimler: PNG, JPG veya GIF.
• Ne Zaman Kullanılır: Oluşturulan küçük resim e-postanızın tasarımıyla uyumlu olmadığında değiştirin.

4. Oynat Düğmesi

Video küçük resmi üzerindeki Oynat Düğmesini özelleştirin.

• Kullanılabilir Seçenekler:
  • YouTube, Vimeo veya diğer oynat düğmesi stilleri arasından seçim yapın.
  • Oynat düğmesini tamamen gizlemek için “Yok” seçeneğini belirleyin.

5. Boyut

Videonun boyutlarını e-posta tasarımınıza uyacak şekilde ayarlayın.

• Genişlik ve Yükseklik: Boyutu kontrol etmek için + ve - düğmelerini kullanın veya değerleri manuel olarak girin.
• Duyarlı Tasarım: Videonun çeşitli cihazlarda sorunsuz biçimde görüntülenmesini sağlayın.

6. Genişliğe Ayarla

Videonun kapsayıcısının genişliğine otomatik olarak uyum sağlaması için Genişliğe Ayarla geçişini etkinleştirin. Bu, videonun çeşitli cihazlarda duyarlı tasarımını korumasını sağlar.

7. Duyarlı Görsel

Duyarlı Görsel geçişi, video küçük resminin mobil cihazlarda ekran genişliğine uyacak şekilde ayarlanmasını sağlar.

• Not: Duyarlılık, cihazın ve e-posta istemcisinin desteğine bağlıdır.

8. Hizalama

Videonun blok içindeki yatay konumunu kontrol etmek için Hizalama ayarını kullanın:

• Sol: Videoyu sola hizalar.
• Orta: Videoyu ortalar.
• Sağ: Videoyu sağa hizalar.

9. Mobil Cihaza Özel Seçenekler

Videonun mobil cihazlardaki davranışını ve görünümünü özelleştirin:

1. Öğeyi Mobilde Gizle Gerekirse video bloğunu mobil cihazlarda gizleyin.

   • Not: Bu özellik medya sorgusu desteğine bağlıdır ve tüm e-posta istemcilerinde çalışmayabilir.

2. Mobil İç Boşluğu Mobil ekranlarda videonun çevresindeki iç boşluğu ayarlayın.

   • Her kenar için ayrı iç boşluk değerleri belirlemek üzere Daha Fazla geçişini kullanın:
     • Üst
     • Sağ
     • Alt
     • Sol

10. AMPHTML veya HTML’e Dahil Etme

Video bloğunun belirli e-posta sürümlerinde görünüp görünmeyeceğini seçin:

• Hem AMPHTML hem HTML
• Yalnızca AMPHTML
• Yalnızca HTML

Bu seçenek, teslim edilen e-posta sürümüne göre videonun uygun şekilde dahil edilmesini sağlar.

HTML Bloğu

HTML Bloğu, e-postanıza özel HTML ve CSS kodu eklemenizi sağlar. E-posta istemcileriyle uyumluluğu korurken gelişmiş özelleştirmeler için esneklik sunar. İster tek bir HTML öğesi ekleyin ister tüm bir e-posta tasarlayın; bu blok, özel tasarımlar için aracınızdır.

1. Kod Düzenleyici Arayüzü

HTML Bloğunu seçtiğinizde içerik bölmesinde siyah bir kod düzenleyici penceresi görünür. Bu düzenleyicide özel kod yazabilir, yapıştırabilir veya değiştirebilirsiniz. Düzenleyici iki bölüm içerir:

• HTML Bölümü: E-postanızın HTML yapısını ekleyin veya düzenleyin.
• CSS Bölümü: İçeriğinizi biçimlendirmek için ayrı bir CSS düzenleyicisi açın.

2. Yazı Tipi Boyutunu Ayarlama

Daha iyi okunabilirlik için düzenleyicideki kodun yazı tipi boyutunu ayarlayın:

• Yazı tipi boyutunu artırmak için A+ düğmesini kullanın.
• Yazı tipi boyutunu azaltmak için A- düğmesini kullanın.

3. Düzenleyici Penceresi Boyutunu Ayarlama

Kod düzenleyici penceresini çalışma tercihlerinize uyacak şekilde yeniden boyutlandırın:

• Nasıl Ayarlanır:
  • Düzenleyici penceresinin üst-orta kısmındaki üç noktanın üzerine gelin.
  • Düzenleyici boyutunu artırmak veya azaltmak için kaydırıcı kontrolünü yukarı ya da aşağı sürükleyin.

Bu özellik özellikle daha büyük veya daha ayrıntılı kod bloklarını yönetmek için kullanışlıdır.

4. CSS Düzenleyicisi

CSS Düzenleyicisi, HTML içeriğinizin stillerini yönetmenize olanak tanır ve kod düzenleyicisinin sağ üst köşesindeki bir düğme aracılığıyla erişilebilir.

Önemli Hususlar:

• Sınırlı Destek: Birçok e-posta istemcisi Flexbox, Grid veya medya sorguları gibi gelişmiş CSS özelliklerini desteklemez.
• Temel Özelliklere Bağlı Kalın: En yüksek uyumluluk için temel satır içi CSS kullanın.
• Önceden Yapılandırılmış Stiller: Büyük e-posta istemcilerinde doğru görüntülenmeyi sağladıkları için önceden yapılandırılmış stilleri silmekten kaçının.

5. E-posta İstemcisi Uyumluluğu

Birçok e-posta istemcisindeki eski işleme motorları nedeniyle e-posta HTML’i özel dikkat gerektirir.

Temel İlkeler:

• Daha iyi destek için <div> tabanlı yerleşimler yerine tablo tabanlı yerleşimler kullanın.
• Animasyonlar, Flexbox veya Grid gibi gelişmiş CSS özelliklerinden kaçının.
• Medya sorgularının ve küçük CSS özelliklerinin tutarsız davranabileceğini göz önünde bulundurun.
• Test: Doğru görüntülenmeyi sağlamak için e-postaları her zaman birden fazla istemcide (ör. Gmail, Outlook, Apple Mail) test edin.

6. İç Boşluk

İç Boşluk ayarı, HTML içeriğinizin çevresindeki boşluğu ayarlar:

• Varsayılan İç Boşluk: Varsayılan olarak 0 olarak ayarlanır.
• Özel İç Boşluk: Her kenarın iç boşluğunu ayarlamak için Daha Fazla geçişini etkinleştirin:
  • Üst
  • Sağ
  • Alt
  • Sol

Bu özellik, HTML içeriğini e-posta yerleşimi içinde hizalamak için idealdir.

7. Çapa Bağlantısı Ekleme

Çapa Bağlantısı Ekle özelliği, e-postanın başka bir yerinde HTML Bloğuna yönlendiren tıklanabilir bir bağlantı oluşturmanıza olanak tanır.

Nasıl Kullanılır:

• Seçeneği açın ve alana bir çapa adı girin.

Sınırlamalar:

• Çapa bağlantıları aşağıdakiler gibi bazı e-posta istemcileri tarafından desteklenmez:
  • iOS Gmail uygulaması
  • iOS Apple Mail
  • Outlook uygulaması (Android ve macOS)
  • AMP E-postaları

8. Özel HTML Yazma

HTML Düzenleyicisi, e-postanızın özel HTML yapısını yazmak veya yapıştırmak için tasarlanmıştır.

En İyi Uygulamalar:

• Basit ve yaygın olarak desteklenen HTML kullanın.
• <div> öğeleri gibi karmaşık yerleşimlerden veya özelliklerden kaçının.
• Daha iyi uyumluluk sağlamak için tablo tabanlı tasarımlara bağlı kalın.

9. Başarı İçin İpuçları

1. Küçük Başlayın: E-posta geliştirmeye yeniyseniz HTML Bloğunu belirli bölümler için kullanın.
2. Kodu Doğrulayın: HTML’inizin e-posta istemcisi gereksinimlerine uygun olduğundan emin olun.
3. Kapsamlı Test Edin: E-postanızı birden fazla istemci ve cihazda önizlemek ve test etmek için araçlar kullanın.