E-posta Şablonu Oluştur

Hızlı Adımlar Kılavuzu

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 bununla oluşturun Yapılar ve Bloklar.

6. Önizleyin, test edin, ardından Kaydedin.

Windows Outlook Yapılandırmaları

Windows Outlook’un bazı sürümleri, eğer CSS tanımları yoksa eksikse veya düzgün şekilde uygulanmamışsa. Tüm e-posta istemcilerinde, özellikle Outlook’ta tutarlı bir görünüm sağlamak için şablonunuzun media stillerini içerdiğinden CSS bölümünde emin olun.

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

1. Şablonu açın ve Kod Editörü’ne geçin.

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

3. Media style tanımlarınızı ekleyin ve kaydedin.

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

Örnek:

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

Şablon Özellikleri

Özellik	Açıklama
Şablon Etiketi	Sadece sizin görebildiğ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öreceği, önceden kayıtlı gönderen e-posta adresi.
Gönderen Adı	Alıcılarınızın tanıyacağı görüntü adı (ör. şirket adı).
Mail Konusu	E-posta içeriğini yansıtan açık ve kısa konu satırı.
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’larla İlgili Önemli Notlar

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

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

Netmera E-posta Editörü

Yapılar ve Modüller

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

Bloklar (İkon Araç Çubuğu)

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

Blok 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 URL kullanın Tıklama üzerine 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 görselleri
Metin	Biçimlendirilmiş metin içeriği ekler.	Başlıklar, paragraflar, listeler Bağlantılar	Font, boyut, renk Hizalama ve satır aralığı Padding	Gövde metni, feragatnameler, duyurular
Buton	Bir harekete geçirici mesaj (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şluk	Yükseklik Arka Plan (isteğe bağlı)	Bölümleri ayırır ve okunabilirliği artırır
Sosyal	Profil bağlantılarıyla birlikte sosyal medya ikonları ekler.	Yaygın ağlar (ör. Instagram, X, LinkedIn) Tıklanabilir bağlantılar	İkon stili ve boyutu Boşluk ve hizalama	Footer sosyal bağlantıları
Menü	Web sitesi header’larına benzer gezinme bağlantıları ekler.	Birden fazla bağlantı Yatay veya dikey düzen İsteğe bağlı ayraçlar	Font ve renk Hizalama Padding ve boşluk	Bültenler ve çok bölümlü e-postalar için navigasyon
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, kişiye özel 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ıklama üzerine isteğe bağlı bağlantı	Boşluk ve hizalama Arka Plan	Kampanyalar, öne çıkan duyurular
Video	Bir video URL’sine bağlantı veren video önizlemesi ekler.	Thumbnail + oynat göstergesi Tıklandığında videoyu harici olarak açar	Video URL’si Thumbnail görseli Hizalama ve padding	Ürün demo’ları, webinar davetleri
Sayaç	Hedef tarih/saat için geri sayım sayacı ekler.	Belirli bir tarih/saat için geri sayar Süresi dolduktan sonra gizlenebilir veya değiştirilebilir	Font ve renkler Arka plan ve kenarlık Zaman birimi gösterimi	Flash satışlar, sınırlı süreli teklifler
Carousel	Bir kaydırıcı 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	Uzun içerik için genişletilebilir bölümler (yalnızca AMP).	Birden fazla bölüm (başlık + gövde) AMP destekli istemcilerde genişlet/küçült etkileşimi	Başlık/gövde stilleri Kenarlıklar ve boşluklar	SSS, kaydırma gerektirmeyen uzun format içerik
Form	E-posta içinde veri toplar (yalnızca AMP).	Girdi alanları + gönder butonu Harici işlem/endpoint gerektirir	Zorunlu alanlar ve placeholder’lar Etiket/alan stili Boşluk	Anketler, RSVPlar, 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, birleştirme stilleri 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 mesaj öğeleri

• Form – Kullanıcı girdisi toplayın (anketler, RSVPlar, iletişim formları; harici olarak yönetilir)

• Akordeon – 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-postanın içinde çalışır. Form gönderimleri her zaman harici işlem gerektirir.

Düzen ve Yapı Blokları

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

• Spacer – Dikey boşluk ekleyin

• Menü – Navigasyon 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

• Sayaç – Geri sayım sayaçları

• Video – Video önizlemeleri veya thumbnail’ler

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

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

• Modülleri adına veya etiketlerine 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çinde bulunan genel stil ayarlarını ifade eder Global Stiller ve Düzen paneli. Bu ayarlar tüm e-posta şablonunu etkiler ve hangi blok seçilirse seçilsin aktif kalır.

Tipik kullanım senaryoları şunlardır:

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

• Şablon genelinde boşluk ve margin’leri kontrol etme

• Arka plan renkleri veya arka plan görselleri uygulama

• Düzenin farklı cihazlarda doğru şekilde uyarlanmasını sağlama

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

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

Bu Global Stiller ve Düzen panel, tüm e-posta şablonuna uygulanan görsel ayarları yapılandırmanıza olanak tanır. Blok seviyesindeki ayarların aksine, bu paneldeki seçenekler hangi içerik bloğu seçilirse seçilsin aktif kalır.

• 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.

• Font ve Satır Aralığı – Okunabilirliği artırmak için font stillerini seçin ve 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 çizgi eklemeyi 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 URL kullanın.

• Özel Liste Stilleri – Liste girintisini, listelerin üstündeki ve altındaki boşluğu, öğe boşluğunu, liste türünü (madde işaretli veya numaralı) ve liste işaretleyici rengini ayarlayın.

Dinamik Davranış

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

• Hiçbir blok seçilmediğinde, genel e-posta ayarları görüntülenir.

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

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

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

Mesaj Ayarları

Bu Mesaj Ayarları sekmesi, düzen veya içerik bloklarıyla ilgili olmayan e-posta düzeyi özelliklerini 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 Açıklamaları Gmail’in Promosyonlar sekmesinde, özellikle mobil cihazlarda, fırsatları, indirimleri veya teklifleri doğrudan vurgulamanıza olanak tanır.

• 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ı olur.

Şerit Bölümleri

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

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

  İpucu: Bu alanı, net fontlar ve kontrast arka plan renkleriyle okunabilirliği artırmak için kullanın.

• Footer: Arka plan renkleri, font ve bağlantı renkleri ve isteğe bağlı bir arka plan görseli seçenekleriyle alt bölümü tasarlayın.

  İpucu: İletişim bilgilerini ve sosyal medya bağlantılarını buraya ekleyin.

• Bilgi Alanı: Tarih, saat veya harici aksiyonlara bağlantılar (ör. kayıt veya bilet satın alma) gibi ayrıntılar için ayrı bir bölüm.

  İpucu: Etkinlikle ilgili bilgileri öne çıkarmak için idealdir.

Başlıklar

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

• Font türünü ve boyutunu ayarlayın

• Satır aralığını ve rengi düzenleyin

• İtalik veya kalın stil uygulayın

Buton

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

• Buton ve font renklerini ayarlayın

• Font 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 butonların render edilmesini iyileştirir. Etkinleştirildiğinde, farklı Outlook sürümlerinde tutarlı bir görünüm sağlamak için butonlar 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 aldığınızdan emin olmak için şablonu farklı cihazlarda ve e-posta istemcilerinde önizlemeniz ve test etmeniz önerilir.

Editör, Desktop ve Mobile görünümleri arasında geçiş yapmanıza izin verir; böylece e-posta düzeninin farklı ekran boyutlarına nasıl uyum sağladığını simüle edebilirsiniz. Bu, aşağıdaki gibi responsive davranışları doğrulamanıza yardımcı olur:

• Mobilde içeriğin alt alta dizilmesi

• 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ı sunar.

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

Nasıl Çalışır

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

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

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

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

E-postayı 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ı belirlemek için kullanışlıdır.