E-posta Şablonu Oluştur

Hızlı Adımlar Rehberi

Ayarlar > Mail Şablonları > E-posta Şablonu Oluştur

1. Aç Mail Şablonları.

2. Tıkla E-posta Şablonu Oluştur.

3. Ayarla Şablon Etiketi ve E-posta Türü.

4. Gönderen bilgilerini ve konu alanlarını doldurun.

5. Düzeni ile oluşturun Structures ve Blocks.

6. Ön izleyin, test edin, ardından Kaydedin.

Windows Outlook Yapılandırmaları

Bazı Windows Outlook sürümleri, eğer CSS tanımları eksikse veya doğru şekilde uygulanmamışsa bozulmalar gösterebilir. Tüm e-posta istemcilerinde, özellikle Outlook’ta tutarlı bir görünüm sağlamak için şablonunuzun medya stilleri içerdiğinden CSS bölümünde emin olun.

CSS bölümüne medya stilleri ekleme:

1. Şablonu açın ve Code Editor’a geçin.

2. Sağ üst köşedeki CSS sekmesini açın.

3. Medya stili tanımlarınızı ekleyin ve kaydedin.

4. Test: Birkaç farklı istemcide ön izleyin (Outlook, Gmail, Apple Mail).

Örnek:

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Şablon Nitelikleri

Nitelik	Açıklama
Şablon Etiketi	Yalnızca sizin görebileceğiniz dahili ad. Şablonları hızlıca tanımlamak için açıklayıcı adlar seçin.
E-posta Türü	Birini seçin: - Bildirim: İşlemsel e-postalar için (şifre sıfırlama, onaylar). Opt-in durumundan bağımsız olarak tüm kullanıcılara gönderilir. - Kampanya/Reklam: Yalnızca opt-in kullanıcılarına gönderilen pazarlama e-postaları.
Gönderen Adresi	Alıcıların görebileceği önceden kaydedilmiş gönderici e-posta adresi.
Gönderen Adı	Alıcılarınızın tanıyacağı görünen ad (örn. şirket adı).
Mail Konusu	E-posta içeriğini yansıtan, net ve kısa e-posta konusu.
Mail Pre-header	Konu satırından sonra gösterilen isteğe bağlı önizleme metni (en az 40 karakter önerilir).
Yanıt E-postası	Alıcıların doğrudan yanıt vermesini istiyorsanız isteğe bağlı yanıt adresi. Devre dışı bırakmak için boş bırakın.

E-posta Türü ve Opt-Out'lara Dair Önemli Notlar

• Bildirim e-postaları opt-in tercihlerini atlar ve tüm kullanıcılara gönderilir; temel bilgiler içindir.

• Kampanya e-postaları opt-in durumuna saygı duyar ve yalnızca abonelikten çıkmamış kullanıcılara gönderilir.

Netmera E-posta Editörü

Structures & Modules

İçeriği organize eden önceden tanımlı düzenler (örn. tek sütunlu, iki sütunlu). Şablon çalışma alanına kolayca sürüklenebilir. Kenarlıkları (boyut, renk, yuvarlatılmış köşeler) tek tek veya toplu olarak özelleştirebilirsiniz.

Blocks (Icon Toolbar)

Editörün sol tarafında yer alan ikon tabanlı araç çubuğu (yeşil ile vurgulanmıştır), tüm kullanılabilir içerik bloklarına erişim sağlar. Blocks, e-posta içeriğini oluşturmak için önceden tanımlı düzenlerin içinde kullanılan sürükle-bırak öğeleridir. Özelleştirilebilir özellikler arasında yazı tipi, hizalama, renkler, padding ve boyut bulunur.

Block Türü	Açıklama	Temel Özellikler	Özelleştirme Seçenekleri	Kullanım Senaryoları
Görsel	E-postanıza bir görsel (veya GIF) ekler.	Kütüphanenizden yükleyin veya bir URL kullanın Tıklamada isteğe bağlı bağlantı Düzen içinde responsive boyutlandırma	Boyut ve hizalama Padding ve arka plan Kenarlık ve köşe yarıçapı	Logolar, hero görselleri, ürün çekimleri
Metin	Biçimlendirilmiş metin içeriği ekler.	Başlıklar, paragraflar, listeler Bağlantılar	Yazı tipi, boyut, renk Hizalama ve satır aralığı Padding	Gövde metni, yasal notlar, duyurular
Buton	Bir call-to-action (CTA) butonu ekler.	Özel etiket + bağlantı Tüm e-posta istemcilerinde çalışır	Buton + metin renkleri Kenarlık ve köşe yarıçapı Hizalama ve padding	Şimdi satın al, şifreyi sıfırla, e-postayı onayla
Spacer	Bloklar arasında dikey boşluk ekler.	Sabit yükseklikte boş alan	Yükseklik Arka plan (isteğe bağlı)	Bölümleri ayırır ve okunabilirliği artırır
Sosyal	Sosyal medya ikonlarını profil bağlantılarıyla ekler.	Yaygın ağlar (örn. Instagram, X, LinkedIn) Tıklama bağlantıları	İkon stili ve boyutu Boşluk ve hizalama	Footer sosyal bağlantıları
Menü	Web sitesi başlıklarına benzer gezinme bağlantıları ekler.	Birden çok bağlantı Yatay veya dikey düzen İsteğe bağlı ayırıcılar	Yazı tipi ve renk Hizalama Padding ve boşluk	Bültenler ve çok bölümlü e-postalar için gezinme
HTML	Özel HTML/CSS ekler.	Gelişmiş düzenler için tam kontrol E-posta istemcisi desteği değişiklik gösterebilir	HTML/CSS	Özel bileşenler, özel tasarlanmış düzenler
Banner	Belirgin bir görsel ile bir kampanyayı öne çıkarır.	Görsel + isteğe bağlı başlık/açıklama Tıklamada isteğe bağlı bağlantı	Boşluk ve hizalama Arka plan	Kampanyalar, öne çıkan duyurular
Video	Bir video URL'sine bağlantı veren bir video önizlemesi ekler.	Thumbnail + oynat simgesi Tıklandığında videoyu harici olarak açar	Video URL'si Thumbnail görseli Hizalama ve padding	Ürün demoları, webinar davetleri
Zamanlayıcı	Hedef tarih/saat için geri sayım zamanlayıcısı ekler.	Belirli bir tarih/saat’e geri sayım yapar Süre dolduktan sonra gizlenebilir veya değiştirilebilir	Yazı tipi ve renkler Arka plan ve kenarlık Zaman birimi gösterimi	Flaş indirimler, sınırlı süreli teklifler
Carousel	Bir slider içinde birden fazla görsel/öğe gösterir.	Bağlantılı birden fazla görsel Otomatik oynatma veya manuel kontroller	Geçiş ve göstergeler Arka plan/kenarlık stili	Ürün galerileri, öne çıkanlar, referanslar
Akordeon (İçerik Modülü)	Uzun içerikler için genişletilebilir bölümler (yalnızca AMP).	Birden fazla bölüm (başlık + gövde) AMP destekleyen istemcilerde aç/kapa etkileşimi	Başlık/gövde stilleri Kenarlıklar ve boşluk	SSS, kaydırma gerektirmeyen uzun içerik
Form	E-posta içinde giriş toplar (yalnızca AMP).	Girdi alanları + gönder butonu Harici işleme/endpoint gerektirir	Zorunlu alanlar ve placeholder'lar Etiket/alan stili Boşluk	Anketler, RSVP'ler, hızlı lead toplama

İçerik Blokları

E-posta içinde statik veya özel içerik göstermek için kullanılır.

• Görsel – Görselleri ve GIF'leri yükleyin ve düzenleyin.

• Metin – Metin, başlıklar, merge stiller ve listeler ekleyin.

• Banner – Vurgulu bölümler için görsel ve metin kombinasyonları

• HTML – Gelişmiş düzenler için özel HTML/CSS ile öğe ekleyin

Aksiyon ve Etkileşim Blokları

Doğrudan e-postadan etkileşimi teşvik etmek için tasarlanmıştır.

• Buton – Harekete geçirici öğeler

• Form – Kullanıcı girdisi toplayın (anketler, RSVP'ler, iletişim formları; harici olarak işlenir)

• Akordeon (İçerik Modülü) – Yapılandırılmış içerik için genişletilebilir bölümler

Not: Akordeon ve Form blokları AMP tabanlı bileşenlerdir. Yalnızca e-postanın AMP HTML sürümünde desteklenirler. Alıcının e-posta istemcisi AMP'yi desteklemiyorsa:

• Akordeon içeriği etkileşimli olmayacaktır

• Form gönderimleri etkileşimli e-posta içinde çalışır. Form gönderimleri her zaman harici işleme gerektirir.

Düzen ve Yapı Blokları

Boşluk ve gezinmeyi kontrol etmek için kullanılır.

• Spacer – Dikey boşluk ekleyin

• Menü – Gezinme bağlantılarını gösterin

Dinamik / Medya Blokları

Dinamik veya zamana bağlı içerik eklemek için kullanılır.

• Carousel – Dönen görseller veya içerik

• Zamanlayıcı – Geri sayım zamanlayıcıları

• Video – Video önizlemeleri veya thumbnail'lar

Sosyal ve Yardımcı Bloklar

E-postalarda yaygın olarak kullanılan destekleyici öğeler.

• Sosyal – Sosyal medya ikonları ve profil bağlantıları

Modüller

• Yeniden kullanılabilir içerik bloklarını veya tam şablonları gelecekte kullanım için kaydedin

• Modülleri ada veya etiketlere göre arayın ve filtreleyin

• Modülleri gerektiğinde düzenleyin veya silin

Görsel Yapılandırma

Görsel Yapılandırma, içindeki genel stil ayarlarını ifade eder Global Styles & Layout paneli. Bu ayarlar tüm e-posta şablonunu etkiler ve hangi blok seçilirse seçilsin etkin kalır.

Tipik kullanım alanları şunlardır:

• Tutarlı bir içerik genişliği tanımlamak

• Şablon genelinde boşlukları ve margin'leri kontrol etmek

• Arka plan renkleri veya arka plan görselleri uygulamak

• Düzenin farklı cihazlarda doğru şekilde uyum sağlamasını garanti etmek

Bu yapılandırmalar global olarak uygulanır ve tek tek içerik bloklarından bağımsızdır.

Genel Görünüm ve Düzen

paneli, tüm e-posta şablonuna uygulanan görsel ayarları yapılandırmanıza olanak tanır. Blok düzeyindeki ayarlardan farklı olarak, bu paneldeki seçenekler hangi içerik bloğu seçilirse seçilsin aktif kalır. Global Styles & Layout Varsayılan Padding

• – İçerik ile şablon kenarları arasındaki boşluğu genel olarak veya bölüm bazında kontrol edin. Arka Plan Rengi

• – Tüm şablon için temel bir arka plan rengi belirleyin. Yazı Tipi ve Satır Aralığı

• – Yazı tipi stillerini seçin ve okunabilirliği artırmak için satır aralığını ayarlayın. Paragraf Alt Boşluğu

• – Paragraflar arasındaki boşluğu tanımlayın. Bağlantıların Altını Çiz

• – Bağlantıları daha görünür hale getirmek için alt çizgiyi açıp kapatın. Responsive Tasarım

• – Düzenin mobil cihazlara doğru şekilde uyum sağlamasını sağlayın. RTL Metin Yönü

• – Desteklenen diller için sağdan sola metin akışını etkinleştirin. Arka Plan Görseli

• – Arka plan görseli eklemek için bir PNG, JPG veya GIF (maks. 1 MB) yükleyin ya da bir URL kullanın. Özel Liste Stilleri

• – Liste girintisini, listelerin üst ve alt boşluğunu, öğe boşluğunu, liste türünü (madde işaretli veya numaralı) ve liste işaretçisi rengini ayarlayın. Dinamik Davranış

Ayarlar paneli seçili öğeye göre otomatik olarak güncellenir:

Hiçbir blok seçili değilken genel e-posta ayarları görüntülenir.

• Bir içerik bloğu seçildiğinde (örn. Buton, Görsel, Form), bloğa özel ayarlar görünür.

• Mevcut seçenekler, mevcut seçime bağlı olarak dinamik şekilde değişir.

Mevcut ayarlar, seçilen öğeye bağlı olarak otomatik şekilde değişir.

Mesaj Ayarları

sekmesi, düzen veya içerik bloklarıyla ilgili olmayan e-posta düzeyi özellikleri yapılandırmak için kullanılır.

paneli, tüm e-posta şablonuna uygulanan görsel ayarları yapılandırmanıza olanak tanır. Blok düzeyindeki ayarlardan farklı olarak, bu paneldeki seçenekler hangi içerik bloğu seçilirse seçilsin aktif kalır. sekmesi, düzen veya içerik bloklarıyla ilgili olmayan e-posta düzeyi özellikleri yapılandırmak için kullanılır. Bu ayarlar, e-postanın alıcının gelen kutusunda nasıl görüneceğini belirler

açılmadan önce Aşağıdaki seçenekleri yapılandırabilirsiniz:.

Konu / Başlık

• Gelen kutusunda gösterilen e-posta konu satırını tanımlar. &#xNAN; Önerilen uzunluk: en fazla 65 karakter.Gizli Preheader

• Gelen kutularında konu satırının yanında gösterilen kısa önizleme metni. &#xNAN; Önerilen uzunluk: 50–100 karakter.Gmail için E-posta Notları

• Teklifleri, indirimleri veya kampanyaları doğrudan Gmail'in Promotions sekmesinde, özellikle mobil cihazlarda, öne çıkarmanızı sağlar. UTM Parametreleri

• Google Analytics gibi araçlarda kampanya takibini desteklemek için e-postadaki tüm bağlantılara otomatik olarak UTM etiketleri ekler. Şeritler

Şeritler, şablonu yapılandırmak için kullanılan yatay bölümlerdir. İçeriği net şekilde ayırmaya ve okunabilirliği artırmaya yardımcı olurlar.

Şerit Bölümleri

Header:

• Metin boyutu, yazı tipi rengi, arka plan rengi, bağlantı rengi ve arka plan görseli seçenekleriyle şablonunuzun üst kısmını özelleştirin. Content:

• Metin boyutu, yazı tipi rengi, bağlantı rengi ve içerik arka planı gibi ana gövde ayarlarını düzenleyin. İpucu:

  Bu alanı, net yazı tipleri ve kontrastlı arka plan renkleri ile okunabilirliği artırmak için kullanın. Footer:

• Arka plan renkleri, yazı tipi ve bağlantı renkleri ile isteğe bağlı bir arka plan görseli seçenekleriyle alt bölümü tasarlayın. İletişim bilgilerini ve sosyal medya bağlantılarını burada ekleyin.

  Bu alanı, net yazı tipleri ve kontrastlı arka plan renkleri ile okunabilirliği artırmak için kullanın. Info Area:

• Tarih, saat veya harici aksiyonlara bağlantılar (örn. kayıt veya bilet satın alma) gibi ayrıntılar için ayrı bir bölüm. Etkinlikle ilgili bilgileri vurgulamak için idealdir.

  Bu alanı, net yazı tipleri ve kontrastlı arka plan renkleri ile okunabilirliği artırmak için kullanın. Başlıklar

Şablonunuz genelindeki başlıkların görünümünü özelleştirin:

Yazı tipi türünü ve boyutunu ayarlayın

• Satır aralığını ve rengi ayarlayın

• İtalik veya kalın stil uygulayın

• Şablonunuzdaki butonların görünümünü kontrol edin:

Buton

Buton ve yazı tipi renklerini ayarlayın

• Yazı tipi boyutunu ve stilini seçin (italik/kalın)

• Kenarlık boyutunu, rengini ve köşe yarıçapını ayarlayın

• Outlook desteği

Bu seçenek, Microsoft Outlook e-posta istemcilerinde butonun render edilmesini iyileştirir. Etkinleştirildiğinde, butonlar farklı Outlook sürümlerinde tutarlı görünüm sağlamak için Outlook uyumlu markup kullanılarak render edilir.

Not: Bu seçeneğin etkinleştirilmesi, her buton için e-posta boyutunu biraz artırabilir.

Düzen ve görünüm ayarlarını her cihaz için ayrı ayrı yapılandırmak üzere Desktop ve Mobile görünümleri arasında geçiş yapabilirsiniz.

Önizleme ve Test

Bir e-posta kampanyası göndermeden önce, tutarlı render edildiğinden emin olmak için şablonu farklı cihazlarda ve e-posta istemcilerinde önizlemeniz ve test etmeniz önerilir.

Editör, e-posta düzeninin farklı ekran boyutlarına nasıl uyum sağladığını simüle etmek için

Desktop Mobile ve görünümleri arasında geçiş yapmanıza olanak tanır. Bu, aşağıdaki gibi responsive davranışları doğrulamaya yardımcı olur: Mobilde içeriğin alt alta gelmesi

• Görsel ve buton hizalaması

• Küçük ekranlarda metin okunabilirliği

• Genişletilmiş Görünümde E-posta Editörünü Kullanma

Daha kolay düzenleme ve önizleme için editörü daha büyük bir görünümde açmak üzere

Expand butonunu kullanabilirsiniz. Bu görünüm, özellikle küçük ekranlarda e-posta içeriğiyle çalışmayı kolaylaştıran daha geniş bir çalışma alanı sağlar.

Varsayılan editör görünümüne dönmek için

Collapse How It Works.

sekmesine tıklayın.

1. Genişletilmiş görünümde editörü açmak için Stripo Editor.

2. Tıkla butonunu kullanabilirsiniz. editörü açın.

3. E-posta şablonunuzu daha geniş çalışma alanında düzenleyin ve önizleyin.

4. Tıkla How It Works varsayılan görünüme dönmek için.

E-postanın gerçek e-posta istemcilerinde nasıl görüneceğini görmek için harici önizleme seçeneğini kullanabilirsiniz. Bu, e-posta istemcisi kısıtlamalarından kaynaklanan düzen farklılıklarını tespit etmek için kullanışlıdır.