Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

RMC Şablon Sihirbazı, sürükle bırak yöntemi ile HTML bilgisine gerek duymadan, eposta kampanyaları oluşturmanıza yardımcı olur. Bu sayfada Şablon Sihirbazını kullanabilmeniz için gerekli olan adımlara ve ipuçlarına yer verilmektedir.

...

  1. Şablon Sihirbazı'na ulaşmak için öncelikle  üst menüden Campaign seçeneğini seçmeniz gerekmektedir. Daha sonra sol menüde yer alan  E-posta'ya tıkladıktan sonra Şablon Sihirbazı seçeneğini seçerek Şablon Sihirbazı başlangıç ekranına ulaşabilirsiniz. 

     

    Note
    titleŞablon Oluşturma Menüsü

    Şablon Sihirbazı sizi başlangıç ekranıyla karşılar. Bu ekranda kampanyanız oluşturmak için kullanabileceğiniz başlangıç şablonları yer almaktadır. Başlangıç şablonları dışında 3 farklı şablon oluşturma metodu daha bulunmaktadır. Şablon Oluşturma Menüsüyle ilgili bilgiye aşağıdaki tablodan ulaşabilirsiniz.  

    BaşlangıçBaşlangıç olarak size sunulan şablonlara ulaştığınız alandır. Başlangıç şablonlarını dilediğiniz şekilde düzenleyip kampanyanıza en uygun hale getirebilirsiniz.
    TemalarSektör ihtiyaçlarına göre önceden hazırlanmış Şablonlara ulaştığınız alandır. Hazır şablonları kendi ihtiyaçlarınıza göre düzenleyip kampanyanıza uygun hale getirebilirsiniz.
    Kayıtlı ŞablonlarSonradan kullanmak üzere ya da taslak olarak bıraktığınız şablonlarınızın kaydedildiği alandır. Bu alandan kayırlı şablonlarınızı düzenleyip tekrardan uygun olduğunu düşündüğünüz kampanyalarınızda kullanabilirsiniz.
    Kendiniz KodlayınBu alanda önceden Şablon Sihirbazı kullanmadan hazırladığınız HTML temalarınızı aktarabilirsiniz.
  2. Kampanya oluşturmak için şablon sihirbazını kullanırken istediğiniz sütun sayısında tasarlayabileceğiniz e-posta şablonunuza içerik bloklarını (metin, görsel, ayraç, buton ve sosyal medya ikonları) sürükleyip bırakarak ekleyebilirsiniz. Sürükle bırak ile şablon oluşturmak için öncelikle içerikleri bırakacağınız içerik alanı(wrapper) eklemeniz gerekmektedir. Artı butonu -  - ile ekleyebileceğiniz içerik alanı yapısını da kendi ihtiyaçlarınıza göre belirleyebilirsiniz. 

    Image Removed  

    Image Added

    Note

    İçerik alanını düzenledikten sonra; Gövde sekmesi altından, tüm şablon yapısını etkileyecek düzenlemeleri gerçekleştirebilirsiniz.

    Column
    width25%

    Column
    width65%
    BgColorŞablon arka plan rengi.
    Font SizeŞablon font boyutu.
    ResponsiveBu alanı işaretleyerek Şablonunuzu mobil cihazlara uyumlu hale getirebilirsiniz.
    Custom CSSBu alandan kendi CSS satıralrınız ile dilediğiniz düzenlemeyi yapabilirsiniz.
     

     

  3. Kampanyanıza uygun içerik alanlarını ekledikten sonra, ihtiyaç duyduğunuz metin, görsel gibi içerikleri Sihirbazın sağ panelinden İçerik sekmesini takiben İçerikler kısmının altından sürükle bırak ile önceden oluşturduğunuz içerik alanlarına ekleyebilirsiniz. 

     

    Column
    width25%

    Column
    width65%
    MetinEposta kampanyanız için gerekli olan metinleri ekleyeceğiniz alandır. Metinlerinizin font, boyut, renk gibi özelliklerini dilediğiniz şekilde düzenleyebilirsiniz
    GörselKampanyalarınız için gerekli olan görselleri eklemeniz için gerekli olan içeriktir. Görsellerinizi Adobe Creative Cloud Image Editor ile bir çok yönden düzenleyebilirsiniz.
    Ayraçİçerikleriniz arasında boşluk bırakmak için Ayraç kullanabilirsiniz. Ayraç boyutu, tipi ve rengi gibi özellikleri de kampanyanıza göre şekillendirebilirsiniz.
    ButtonSatın Al gibi eposta kampanyalarınız için önemli olacak butonları ekleyeceğiniz alandır. Buton boyutunu, rengini ve gideceği adresi dilediğiniz şekilde belirleyebilirsiniz.
    HTMLHTML içerik bloğu ekleyerek kendiniz hazırladığınız bir başka html içeriğini de şablon sihirbazı ile hazırlanacak kampanyanıza ekleyebilirsiniz
    Sosyal MedyaKampanyalarınızın ulaştığı kişileri sosyal medya sayfalarınıza yönlendirmek için kullanacağınız alandır.
    Note

    Save butonunu kullanarak hazırladığınız içerikleri kaydedebilirsiniz. Kaydettiğiniz içeriklere sonradan kullanmak için, İçerik sekmesi altında yer alan İçerikleriniz kısmından ulaşabilirsiniz.



  4. Eklediğiniz içerik ve içerik alanlarının üstüne tıkladığınızda çıkan Özellikler(Properties) penceresi yardımıyla şablonunuzu dilediğiniz gibi özelleştirebilirsiniz.



    Note

    Sihirbaz içeriklerini Eposta kampanyalarınza uygun hale getirmek için Özellikler Penceresini kullanarak düzenleyebilirsiniz. İçeriklerin sahip olduğu özellikleri ve hangi amaçla kullanılacağına dair tanımları ve ipuçlarını aşağıdaki tabloda bulabilirsiniz.

    Properties

    Açıklama

    İçerik

    Text Style

    Text ColorMetin rengi

    Status
    colourGreen
    titleMetİn

    Status
    colourRed
    titleButon

    Link ColorMetin içerisinde bulunan linklerin rengi

    Status
    colourGreen
    titleMetİn

    Button ColorButon rengi.

    Status
    colourRed
    titleButon

    Font Family

    Metin font tipi.

    Warning

    Yalnızca tüm email uygulamalarının desteklediği font tipleri kullanılabilir

    Status
    colourGreen
    titleMetİn

    Status
    colourRed
    titleButon

    Font StyleMetin Stili. Normal veya İtalik olacak şekilde kullanılabilir

    Status
    colourGreen
    titleMetİn

    Status
    colourRed
    titleButon

    Font Size

    Metin boyutu.

    Warning

    10px'den küçük 24px'den büyük boyutlar tavsiye edilmemektedir.

    Status
    colourGreen
    titleMetİn

    Status
    colourRed
    titleButon

    Font Weight

    Metin hacmi. Normal veya Bold olacak şekilde kullanılabilir.

    Note

    Kalın metinlerin başlıklarda veya içeriklerdeki vurgularda kullanılması tavsiye edilir.

    Status
    colourGreen
    titleMetİn

    Status
    colourRed
    titleButon

    Text AlignSoldan Sağa metin hizası.

    Status
    colourGreen
    titleMetİn

    Line HeightMetnin satırları arasındaki yükseklik.

    Status
    colourGreen
    titleMetİn

    Padding

    Top

    Yukarıdan boşluk bırakma.

    Note

    + , – butonları ile ayarlayabilir veya px cinsinden değer verebilirsiniz.

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    BottomAşağıdan boşluk bırakma

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    LeftSoldan boşluk bırakma

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    RightSağdan boşluk bırakma

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Content Structure






    Bg Color İçerik alanının arka plan rengi

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Border Colorİçerik alanının kenarlık rengi

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Border Style İçerik alanının kenarlık tipi.

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Border TopÜst kenarlık boyutu

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Border Bottom Alt kenarlık boyutu

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Border LeftSol kenarlık boyutu

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

     

    Border RightSağ kenarlık boyutu

    Status
    colourGreen
    titleMetİn

    Status
    colourYellow
    titleGörsel

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

    Container Width

    Metin blok alanının genişliği.

    Note

    px veya yüzde(%) tiplerinde değer verebilirsiniz


    Status
    colourGreen
    titleMetİn

    Container AlignMetin blok alanının soldan sağa hizası.

    Status
    colourGreen
    titleMetİn

    Image Preferences

    Image URLGörselin bulunduğu URL adresine buradan ulaşabilir, dilerseniz adresi değiştirip başka bir görsel kullanabilirsiniz

    Status
    colourYellow
    titleGörsel

    Browse ImageSize ait ftp alanına kendi görsellerinizi kaydedin ve kaydettiğiniz görselleri email kampanyalarınızda kullanın.

    Status
    colourYellow
    titleGörsel

    Edit ImageOnline Adobe Creative görsel editörünü kullanarak görsellerinizi boyutlandırabilir veya görselinize birçok filtre ve efekt uygulayabilirsiniz.

    Status
    colourYellow
    titleGörsel

    Horizontal Align

    Görselin soldan sağa hizasını değiştirin

    Warning
    Bulunduğu alanın genişliğinden daha küçük boyuttaki görseller için geçerlidir.

    Status
    colourYellow
    titleGörsel

    Vertical Align

    Görselin yukarıdan aşağıya hizasını değiştirin.

    Warning
    Görselin bulunduğu alanın yüksekliği, eğer görselin yüksekliğinden büyükse etkisini gösterir

    Status
    colourYellow
    titleGörsel

    Edge to EdgeGörselin genişliğini bulunduğu alanın genişliği ile eşitleyin.

    Status
    colourYellow
    titleGörsel

    Alternate TextGörselinize, görsel kullanıcı tarafından görüntülenmeden önce, görselin bulunduğu alanda görünecek açıklama yazısını girin.

    Status
    colourYellow
    titleGörsel

    TextButon üzerinde yer alan metni değiştirin.

    Status
    colourRed
    titleButon

    Link toGörsele veya butona tıklandığında bir web sayfasına yönlendirme yapın veya bir email adresine email gönderilmesini seçebilirsiniz.

    Status
    colourYellow
    titleGörsel

    Status
    colourRed
    titleButon

    Image LinkGörsele tıklanınca yönlenilecek adresi belirleyin.

    Status
    colourYellow
    titleGörsel

    Button LinkButona tıklanınca yönlenilecek web adresini girin.

    Status
    colourRed
    titleButon

    Responsive Styles

    Button WidthButonun genişliğini mobil cihazlar için değiştirin.

    Status
    colourRed
    titleButon

    Text AlignMobil cihazlar için Soldan Sağa metin hizası

    Status
    colourGreen
    titleMetİn

    Border / Divider







    Border Style Buton kenarlık tipi ve ayraç stili.

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon

    Border ColorButon kenarlık ve ayraç rengi.

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon

    Border Width

    Buton kenarlık ve ayraç kalınlığı.

    Note

    px cinsinden değer girebilirsiniz

    Status
    colourGrey
    titleAyraç

    Status
    colourRed
    titleButon

    AlignButonun ve sosyal medya içeriklerinin yatay hizası

    Status
    colourRed
    titleButon
     

    Status
    colourBlue
    titleSosyal Medya

    Button Width

    Buton genişliği

    Note

    Yüzde(%) veya px cinsinden değer girebilirsiniz

    Status
    colourRed
    titleButon

    Button Height

    Buton yüksekliği

    Note

    px cinsinden değer girebilirsiniz

    Status
    colourRed
    titleButon

    Border RadiusButonu dik veya yumuşak köşeli kullanın.

    Status
    colourRed
    titleButon

    Icon SpacingSosyal medya ikonları arasında bulunan boşluğu değiştirin.

    Status
    colourBlue
    titleSosyal Medya

  5. Kampanyanız için hazrıladığınız şablonun, Önizleme(Preview) seçeneğini kullanarak farklı cihazlardaki görünümlerini test edebilirsiniz. 





Tip

 Sürükle