E-posta Şablonu Oluştur

circle-info

Hızlı Adımlar Kılavuzu

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

  1. Açık Mail Şablonları.

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

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

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

  5. Yerleşimi şu öğelerle oluşturun Yapılar and Bloklar.

  6. Önizleyin, test edin, sonra Kaydet.

Windows Outlook Yapılandırmaları

Windows Outlook'un bazı sürümleri şu durumda bozulmalar gösterebilir: CSS tanımları eksik uygulanmamışsa veya doğru uygulanmamışsa. Tüm e-posta istemcilerinde, özellikle Outlook'ta tutarlı görünüm sağlamak için şablonunuzun CSS bölümünde medya stillerini içermesine

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

  1. Şablonu açın ve Kod Düzenleyici'ye geçin.

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

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

  4. Test: Birden fazla istemcide önizleyin (Outlook, Gmail, Apple Mail).

Example:

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

Şablon Özellikleri

Özellik
Açıklama

Şablon Etiketi

Sadece sizin görebileceğiniz dahili ad. Şablonları hızlı tanımak için açıklayıcı isimler seçin.

E-posta Türü

Birini seçin: - Bildirim: İşlemsel e-postalar için (parola sıfırlama, onaylar). Opt-in durumuna bakılmaksızın tüm kullanıcılara gönderilir. - Kampanya/Reklam: Sadece opt-in olmuş kullanıcılara gönderilen pazarlama e-postaları.

Gönderen Adresi

Alıcıların göreceği ön-kayıtlı gönderen e-posta adresi.

Gönderen Adı

Alıcıların tanıyacağı görüntü adı (ör. şirket adı).

E-posta Konusu

E-posta içeriğini yansıtan, net ve öz bir konu satırı.

E-posta Ön Başlığı

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ıtlamasını istiyorsanız isteğe bağlı yanıt-adresi. Devre dışı bırakmak için boş bırakın.

circle-exclamation

E-posta Türü ve İptaller Hakkında Önemli Notlar

Netmera E-posta Editörü

Yapılar & Modüller

İçeriği düzenleyen ön tanımlı düzenler (ör. tek sütun, iki sütun). Şablon çalışma alanına sürüklemesi kolaydır. Kenarlıklar (kalınlık, renk, yuvarlatılmış köşeler) tek tek veya topluca özelleştirilebilir.

Bloklar (Simge Araç Çubuğu)

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

Blok Türü
Açıklama
Ana Özellikler
Özelleştirme Seçenekleri
Dışa aktarılan veri setleri daha derin analizler veya operasyonel aksiyonlar için kullanılabilir. Örneğin:

Görseli

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ı

  • Yerleşim içinde duyarlı boyutlandırma

  • Boyut ve hizalama

  • Padding ve arka plan

  • Kenarlık ve köşe yarıçapı

Logo, hero görseller, ü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, feragatnameler, duyurular

Butonu

Bir harekete geçirici (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

Hemen satın al, şifre sıfırla, e-postayı onayla

Boşluk (Spacer)

Bloklar arasında dikey boşluk ekler.

  • Sabit yüksekliğe sahip beyaz alan

  • 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 sosyal medya simgeleri ekler.

  • Yaygın ağlar (ör. Instagram, X, LinkedIn)

  • Tıklama-yönlendiren bağlantılar

  • Simge stili ve boyutu

  • Boşluk ve hizalama

Altbilgide sosyal bağlantılar

Menü

Web sitesi başlıklarına benzer gezinme bağlantıları ekler.

  • Birden fazla 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 navigasyon

HTML

Özel HTML/CSS ekler.

  • Gelişmiş düzenler için tam kontrol

  • E-posta istemcisi desteği değişkenlik gösterebilir

HTML/CSS

Özel bileşenler, özel düzenler

Banner

Öne çıkan bir görselle kampanyayı vurgular.

  • Görsel + isteğe bağlı başlık/altyazı

  • Tıklamada isteğe bağlı bağlantı

  • Boşluk ve hizalama

  • Arka plan

Promosyonlar, öne çıkan duyurular

Video

Bir video URL'sine bağlanan video önizlemesi ekler.

  • Küçük resim + oynat göstergecisi

  • Tıklanınca videoyu harici olarak açar

  • Video URL'si

  • Küçük resim görseli

  • Hizalama ve padding

Ürün demoları, webinar davetleri

Zamanlayıcı

Hedef tarih/saat için geri sayım sayacı ekler.

  • Belirli bir tarih/saat için geri sayar

  • Süresi dolduğunda gizleyebilir veya değiştirebilir

  • Yazı tipi ve renkler

  • Arka plan ve kenarlık

  • Zaman birimi gösterimi

Hızlı satışlar, sınırlı süreli teklifler

Karusel

Bir slider içinde birden fazla görsel/öğe gösterir.

  • Bağlantılı birden çok görsel

  • Otomatik oynatma veya manuel kontroller

  • Geçiş ve gösterge öğeleri

  • Arka plan/kenarlık stili

Ürün galerileri, öne çıkanlar, müşteri referansları

Akordeon (Accordion)

Uzun içerikler için açılır bölümler (sadece AMP).

  • Birden fazla bölüm (başlık + gövde)

  • AMP destekleyen istemcilerde açma/kapatma etkileşimi

  • Başlık/gövde stilleri

  • Kenarlıklar ve boşluk

SSS'ler, kaydırma gerektirmeyen uzun içerik

Form

E-posta içinde girdi toplar (sadece AMP).

  • Girdi alanları + gönder butonu

  • Harici işleme/endpoint gerektirir

  • Zorunlu alanlar ve yer tutucular

  • Etiket/alan stili

  • Boşluk

Anketler, RSVP'ler, hızlı lead toplama

İçerik Blokları

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

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

  • Metin – Metin, başlık ekleyin, stilleri ve listeleri birleştirin.

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

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

Eylem & Etkileşim Blokları

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

  • Butonu – Harekete geçirici öğeler

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

  • Akordeon (Accordion) – Yapılandırılmış içerik için açılabilir bölümler

circle-exclamation

Yerleşim & Yapı Blokları

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

  • Boşluk (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.

  • Karusel – Dönen görseller veya içerikler

  • Zamanlayıcı – Geri sayım sayaçları

  • Video – Video önizlemeleri veya küçük resimler

Sosyal & Yardımcı Bloklar

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

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

Modüller

  • Tekrar kullanılabilir içerik bloklarını veya tam şablonları ileride kullanmak üzere kaydedin

  • Modülleri isim veya tag'lere göre arayın ve filtreleyin

  • Gerekirse modülleri düzenleyin veya silin

Görsel Yapılandırma

Görsel Yapılandırma, Global Styles & Layout panelinde bulunan küresel stil ayarlarını ifade eder. Bu ayarlar tüm e-posta şablonunu etkiler ve hangi blok seçilirse seçilsin aktif kalır.

Tipik kullanım örnekleri şunlardır:

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

  • Şablon genelinde boşluk ve marginleri kontrol etmek

  • Arka plan renkleri veya arka plan görselleri uygulamak

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

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

Global Görünüm & Düzen

The Global Styles & Layout paneli, tüm e-posta şablonuna uygulanacak görsel ayarları yapılandırmanıza olanak tanır. Blok düzeyindeki 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, global 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.

  • Linkleri Altı Çizili Yap – Linklerin daha görünür olması için alt çizgiyi açıp kapatın.

  • Duyarlı Tasarım – Düzenin mobil cihazlara uygun şekilde uyum sağlamasını garantileyin.

  • RTL Metin Yönü – Desteklenen diller için sağdan sola metin akışını etkinleştirin.

  • Arka Plan Görseli – PNG, JPG veya GIF (maks 1 MB) yükleyin veya bir URL kullanarak arka plan görseli ekleyin.

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

Dinamik Davranış

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

  • Hiçbir blok seçilmemişse global e-posta ayarları gösterilir.

  • Bir içerik bloğu seçildiğinde (örn. Button, Image, Form), blok-özel ayarlar görünür.

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

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

Mesaj Ayarları

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

Bu ayarlar e-postanın alıcının gelen kutusunda nasıl göründüğünü tanımlar 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: 65 karaktere kadar.

  • Gizli Ön Başlık Konu satırının yanında gelen kutularında gösterilen kısa bir önizleme metni. &#xNAN;Önerilen uzunluk: 50–100 karakter.

  • Gmail için E-posta Açıklamaları Fırsatları, indirimleri veya teklifleri doğrudan Gmail'in Promotions sekmesinde, özellikle mobil cihazlarda vurgulamanıza olanak tanır.

  • UTM Parametreleri E-postadaki tüm bağlantılara otomatik olarak UTM etiketleri ekleyerek Google Analytics gibi araçlarda kampanya takibini destekler.

Şeritler

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

Şerit Bölümleri

  • Üst Bilgi: Şablonun üst kısmını metin boyutu, yazı rengi, arka plan rengi, link rengi ve arka plan görseli seçenekleriyle özelleştirin.

  • İçerik: Ana gövde ayarlarını (metin boyutu, yazı rengi, link rengi ve içerik arka planı) ayarlayın.

    aralığındadır. Okunabilirliği artırmak için net fontlar ve kontrast arka plan renkleri kullanın.

  • Altbilgi: Alt bölümünü arka plan renkleri, yazı ve link renkleri ve isteğe bağlı arka plan görseli seçenekleriyle tasarlayın.

    aralığındadır. İletişim bilgilerini ve sosyal medya bağlantılarını buraya ekleyin.

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

    aralığındadır. Etkinlikle ilgili bilgileri vurgulamak için idealdir.

Başlıklar

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

  • Yazı tipi türünü ve boyutunu ayarla

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

  • İtalik veya kalın stil uygula

Butonu

Butonların şablonunuzda nasıl göründüğünü kontrol edin:

  • Buton ve yazı renklerini belirleyin

  • Yazı tipi boyutu ve stili seçin (italik/kalın)

  • Kenarlık boyutu, rengi ve köşe yarıçapını ayarlayın

circle-info

Outlook Desteği

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

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

Masaüstü ve Mobil görünümleri arasında geçiş yaparak düzen ve görünüm ayarlarını her cihaz için ayrı yapılandırabilirsiniz.

Önizleme & Test

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

Editör size arasında geçiş yapma imkanı verir Desktop and Mobil görünümleri, e-posta düzeninin farklı ekran boyutlarına nasıl uyum sağladığını simüle etmek için. Bu, aşağıdaki türde duyarlı davranışları doğrulamaya yardımcı olur:

  • Mobilde içerik üst üste binmesi

  • Görsel ve buton hizalanması

  • Küçük ekranlarda metin okunabilirliği

circle-check

Last updated

Was this helpful?