2. Şablonlar
Şablonlar, müşterilerinize göndereceğiniz e-postalar için kurumsal tasarımlar oluşturmanızı ve mevcut tasarımlarınızı yönetmenizi sağlayan tasarım merkezidir. Bu bölüm üzerinden sistemdeki kayıtlı e-posta tasarımlarınızı detaylı filtreler yardımıyla arayabilir , mevcut şablonlarınızı dilediğiniz zaman düzenleyebilir veya silebilirsiniz. Aynı zamanda hiçbir kodlama bilgisine ihtiyaç duymadan, sistemin sunduğu zengin araçlar ile yepyeni e-posta şablonları inşa edebilirsiniz. Hazırladığınız bu görsel içeriklerin arka planındaki kod altyapılarına erişebilir, sayfa tasarımlarınızı detaylıca yönetebilirsiniz.
2.a – Filtreler
Mevcut e-posta tasarımlarınızı sistem içerisinde ararken kullanabileceğiniz detaylı filtreleme bölümüdür.
a. Şablon Adı
Oluşturduğunuz şablon adına göre filtreleme sağlar.
b. Konu
Şablonların konu alanına göre filtreleme sağlar.
c. Kategori
Şablonun bulunduğu kategoriye göre filtreleme yapmanızı sağlar.
2.b – Şablon İşlemleri
Kayıtlı şablon tasarımlarınız üzerinde gerçekleştirebileceğiniz aksiyonları barındıran menüdür.
a. Düzenle
Şablonnun içeriğini açar. Bu alan üzerinden şablona ait kodlarla ya da sürükle - bırak yönetimiyle şablon içeriğinde düzenleme yapabilmenizi sağlar.
b. Sil
Şablonu panelinizden kalıcı olarak siler.
Not: Silinen şablonlar geri getirilemez.
2.c – Yeni Şablon
Sisteme yepyeni bir e-posta tasarımı eklemek için kullanılan oluşturma ekranıdır. Tasarım sürecini başlatırken bu menüdeki temel yapılandırmaları adım adım tamamlamanız gerekir.
a. İçerik Şablonu
Yeni e-postanızın ana yapısını belirlediğiniz alandır. İhtiyacınıza göre sistemin sunduğu hazır başlangıç tasarımlarından birini seçerek işe başlayabilirsiniz.
Boş: Hiçbir görsel veya metin ögesi içermeyen, tamamen sıfırdan kendi kurumsal tasarımınızı oluşturmanıza olanak tanıyan temiz bir çalışma sayfasıdır.
Yaz İndirimleri: Sezonluk kampanyalar, indirim duyuruları ve pazarlama odaklı e-postalar için özel olarak hazırlanmış, görsel ağırlıklı ve dikkat çekici bir hazır şablon yapısıdır.
Fırsatlar: Müşterilerinize sunacağınız özel teklifleri, ürün vitrinlerini veya dönemsel promosyonları vurgulamak için optimize edilmiş, kutucuklu yapıya sahip şablon seçeneğidir.
b. Şablon Adı
Oluşturduğunuz tasarımı sistem içerisinde kolayca bulabilmeniz ve diğer şablonlardan ayırt edebilmeniz için vereceğiniz şirket içi tanımlayıcı isimdir
c. Şablon Konusu
Bu tasarım kullanılarak gönderilecek e-postaların alıcı tarafında (gelen kutusunda) görünecek olan varsayılan ve dikkat çekici konu başlığıdır.
d. Şablon Kategorisi
Tasarımınızı sistemdeki filtreleme araçlarıyla daha rahat bulabilmek adına, ilgili şablonu operasyonel veya kampanya bazlı bir grubun altına dahil ettiğiniz sınıflandırma alanıdır.
2.d – Şablon İçeriği
E-posta tasarımınızın görsel ögelerini, sayfa tasarımını ve arka plan kodlamalarını detaylıca yönetebileceğiniz ana çalışma ekranıdır. Bu ekran, kod yazmaya gerek kalmadan tasarım sürecini kolaylaştıran birçok profesyonel araç barındırır.
a. Cihaz Görünümleri Arası Geçiş
Oluşturduğunuz e-posta tasarımının farklı ekran boyutlarında (responsive/duyarlı) nasıl göründüğünü anlık olarak test etmenizi sağlayan önizleme aracıdır.
Bilgisayar: Tasarımın geniş masaüstü veya dizüstü bilgisayar ekranlarındaki duruşunu, sütun yapılarını ve hizalamalarını kontrol ettiğiniz ana görünümdür.
Tablet: Tasarımın orta ölçekli tablet ekranlarındaki genişliğini ve görsellerin okunabilirliğini test etmenizi sağlayan görünümdür.
Telefon: E-postaların günümüzde en çok okunduğu dar dikey mobil ekranlarda, içeriklerin nasıl sıkıştığını ve kullanıcı deneyimini bozmadan alt alta nasıl dizildiğini incelediğiniz kritik önizleme alanıdır.
b. Şablonun Kod İçerikleri
Tasarımınızın arka planında çalışan yazılım mimarisine doğrudan erişebileceğiniz ve gerekirse müdahale edebileceğiniz teknik inceleme bölümüdür.
MJML: E-posta tasarımlarının tüm e-posta istemcilerinde (Gmail, Outlook vb.) sorunsuz çalışmasını sağlayan duyarlı (responsive) işaretleme dilinin kaynak kod ekranıdır.
HTML: Tasarımınızın web standartlarındaki saf metin tabanlı kaynak kodlarının bulunduğu ve görüntülendiği alandır.
Model (JSON): Tasarımdaki ögelerin veri yapısını (data structure) programlanabilir bir veri formatında yansıtan kod bölümüdür.
c. Toplu Kod Görünümü
Mail şablonu tasarımınıza ait farklı altyapı kodlarını parça parça sekmelerde incelemek yerine, tek bir geniş editör penceresi üzerinden bütünleşik olarak görüntülemenizi sağlayan araçtır.
d. MJML Şablonu Yükle (Inport MJML)
Dış sistemlerde oluşturduğunuz tasarımı, daha sonra Supsis Ai e-posta şablonu editöründe kullanmak üzere ".mjml" formatında içe aktarım yapmanızı sağlayan butonudur.
e. HTML Şablonu Yükle (Inport HTML)
Daha önceden Supsis Ai dışı sistemlerde (CRM, farklı mailing platformları vb.) tamamladığınız şablon tasarımını, doğrudan kullanabilmek için saf ve çalıştırılabilir bir HTML dosyası olarak Supsis panelinize kaydetmenizi sağlayan içe aktarım özelliğidir.
f. Bileşen Stil Yönetimi
Tasarım alanına eklediğiniz herhangi bir görsel, buton veya bileşenin dış görünümünü detaylıca ayarladığınız kısımdır. Bu panel üzerinden arka plan renkleri, kenar boşlukları (margin/padding), hizalamalar, yuvarlak köşeler ve çerçeveler gibi CSS tabanlı tüm estetik düzenlemeleri yapabilirsiniz.
g. Bileşen Karakter Yönetimi
E-postanızda yer alan metin ögelerinin tipografik ayarlarını yönettiğiniz alandır. Yazı tipleri, metin boyutları, kalınlık, satır aralıkları ve metin renkleri gibi harf bazlı tüm görsel düzenlemeler doğrudan bu panelden gerçekleştirilebilir.
h. JSON Klasörleri
Şablon içerisindeki veri yapılarını katman hiyerarşisini (hangi ögenin hangi bloğun içinde olduğunu) teknik bir klasör dizilimi şeklinde organize etmenizi sağlayan gelişmiş veri yönetim bölümüdür.
i. Sürükle Bırak İçerikleri
Tasarım ekranında e-postanızı inşa etmeniz için gereken tüm temel yapı taşlarının bulunduğu zengin araç kutusudur. Metin kutuları, görseller, butonlar, sosyal medya ikonları, ayırıcı çizgiler ve çoklu sütunlar gibi ögeleri farenizle tutup doğrudan tasarım tuvaline bırakarak şablonunuzu son derece pratik bir şekilde oluşturabilirsiniz.