Versions Compared

Key

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

The RMC Template Wizard helps you create e-mail campaigns using the drag and drop method and requires no HTML information. This page contains the steps and tips you need to use the Template Wizard.

...

Go to Campaign > Email > Template Wizard


Template Wizard Menu

The Template Wizard welcomes you with the basics. This screen contains the basic templates you can use to create your campaign. There are 3 different template creation methods other than the basic templates. You can find information about the Template Wizard Menu in the following table.

BasicThis field allows you to access the templates that are offered to you as a starting point. You can edit and optimize your basic templates as required for your campaign
ThemesThis field allows you to access the pre-prepared Templates according to the sector needs. You can organize the ready-made templates according to your own needs and adapt them to your campaign.
My TemplatesThis field allows you to save your templates to use later or leave as drafts. You can edit your saved templates in this area and reuse them in your campaigns you think suitable.
Code Your Own

In this area, you can import your HTML themes you have already created without using the Template Wizard.

İçerik Oluşturma Menüsü

  • İçerik

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 - Image Removed - ile ekleyebileceğiniz içerik alanı yapısını da kendi ihtiyaçlarınıza göre belirleyebilirsiniz. 

Image Removed

  • Gövde


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

  • Content

When using the template wizard to create a campaign, you can add content blocks (text, image, divider, button and social media icons) by dragging and dropping them to your email template, which you can design with the number of columns you want. To create a template with the drag and drop method, you first need to add a  wrapper into which to drop the content. You can specify the structure of the wrapper that you can add with the Plus button - Image Added -


Image Added


  • Body

After editing the content area, under the Body tab, you can make adjustments that might affect the whole template structure.

Column
width25%

Image RemovedImage Added

Column
width65%
BgColorŞablon arka plan rengiThe background color of the template.
Font SizeŞablon font boyutu.ResponsiveBu alanı işaretleyerek Şablonunuzu mobil cihazlara uyumlu hale getirebilirsinizThe font size of the template
ResponsiveBy selecting this field, you can make your Template compatible with mobile devices.
Custom CSSBu alandan kendi CSS satırlarınız ile dilediğiniz düzenlemeyi yapabilirsiniz

From this area, you can make the arrangements you wish using your own CSS lines.


  • İçerik / İçerikler

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 ekleyebilirsinizOnce you have added the appropriate content fields to your campaign, under the Content tab and Contents sections, you can add content like text or visuals to the content fields you have previously created using the drag and drop method

Column
width25%

Image RemovedImage Added

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. 

Note

Eski arayüzde kayıtlı olan içeriklerinize de İçerikleriniz sekmesinden ulaşabilirsiniz

Dinamik İçerik Oluşturma

...

TextThis field allows you to add the text you need for your email campaign. You can edit the font, size, and color properties of your text as required.
ImageThis is the content that is required to add the visuals required for your Campaigns. Using Adobe Creative Cloud Image Editor, you can edit your visual in many ways.
DividerYou can use the Divider to leave a space between your content. You can also customize features such as divider size, type, and color according to your campaign.
ButtonThis field allows you to add buttons, such as Shop Now button, that will be important for your email campaigns. You can specify the size, the color, and the address of the button as you wish.
HTMLYou can add other HTML content that you prepared yourself by adding an HTML content block to your campaign that will be prepared using the template wizard

Social

This field allows you to redirect the people on your campaigns have reached to your social media pages.
Note

You can save the content you have prepared using the Save button. You can access the contents you have saved to use later in the Contents section located under the Content tab. 

Note

You can also access the content saved in the previous interface in the Contents section.

Creating Dynamic Content

As content to be added to the Wizard in the future, you can add dynamic products to your template in our online store.

Eposta şablonunuza değişken ürünleri eklemek için;

...


...

Image Removed

  • Özellikler (Properties)

...

  • Özellikler (Properties) ve Açıklamaları

...

  1. Drag and drop the Text content into the content field.

  2. Click the Add Content - Image Added - button on the inline CK Editor that appears after removing the available description text.

  3. From the drop-down menu, fill in the required fields for your campaign properly, and click OK.

Image Added


  • Properties

Using the Properties windows that appears when you click on the content and content fields you have added, you can customize your template as required.


Image Added

















  • Properties and Explanations

You can edit the wizard content using the Properties Window and adapt them to your Email campaigns. You can find the definitions and tips on the features of the content and their purpose in the table below.

Properties

Açıklama

Text Style

Text Color
Metin rengi
Text color.

Status
colourGreen
title

Metİn

TExt
 
Status
colourRed
title

Buton

Button

Link Color
Metin içerisinde bulunan linklerin rengi
The color of the links located in the text

Status
colourGreen
title

Metİn

TExt

Button Color
Buton rengi
Button color.

Status
colourRed
title

Buton

Button

Font Family
Metin font tipi

Font type of the text.

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

Only font types supported by all email applications can be used

Status
colourGreen
title

Metİn

TExt
 
Status
colourRed
title

Buton

Button

Font Style
Metin Stili. Normal veya İtalik olacak şekilde kullanılabilir
Text Style. It can be used as Normal or Italic

Status
colourGreen
title

Metİn

TExt
 
Status
colourRed
title

Buton

Button

Font Size
Metin boyutu

Text font size.

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

Sizes smaller than 10px or bigger than 24px are not recommended.

Status
colourGreen
title

Metİn

TExt
 
Status
colourRed
title

Buton

Button

Font Weight

The weight of the text. It can be used as Normal or BoldMetin hacmi. Normal veya Bold olacak şekilde kullanılabilir.

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

It is recommended to use bold texts in headings or emphasized content.

Status
colourGreen
title

Metİn

TExt
Status
colourRed
title

Buton

Button

Text Align
Soldan Sağa metin hizası
Left to right text alignment.

Status
colourGreen
title

Metİn

TExt

Line Height
Metnin satırları arasındaki yükseklik
The height between the lines of the text.

Status
colourGreen
title

Metİn

TExt

Padding

Top
Yukarıdan boşluk bırakma.
Space above


Note

You can arrange this with the + , –

butonları ile ayarlayabilir veya px cinsinden değer verebilirsiniz

buttons or give a value in px.

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Bottom
Aşağıdan boşluk bırakma
Space below

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Left
Soldan boşluk bırakma
Space left

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image

 

 

Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Right
Sağdan boşluk bırakma
Space right

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image

 

 

Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Content Structure






Bg Color
İçerik alanının arka plan rengi
The background color of the content area

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Border Color
İçerik alanının kenarlık rengi
The border color of the content area

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Border Style
İçerik alanının kenarlık tipi.
The border style of the content area

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Border Top
Üst kenarlık boyutu
The size of the top border

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Border Bottom
Alt kenarlık boyutu
The size of the bottom border

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Border Left
Sol kenarlık boyutu
The size of the left border

Status
colourGreen
title

Metİn

text
 
Status
colourYellow
title

Görsel

image
 
Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

Border Right
Sağ kenarlık boyutu
The size of the right border

Status
colourGreen
titletext

Metİn

 

Status
colourYellow
titleimage

Görsel

 

Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button
 
Status
colourBlue
title

Sosyal Medya

social

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


The width of the text block area. 

Note
px veya yüzde

You can give a value in px or as a percentage (%)

tiplerinde değer verebilirsiniz


Status
colourGreen
title

Metİn

TExt

Container Align
Metin blok alanının soldan sağa hizası.
Left to right alignment of the text block area

Status
colourGreen
title

Metİn

TExt

Image Preferences

Image URL
Görselin bulunduğu URL adresine buradan ulaşabilir, dilerseniz adresi değiştirip başka bir görsel kullanabilirsiniz
You can access the URL of the image here. If you wish, you can change the address and use another image

Status
colourYellow
title

Görsel

image

Browse Image

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

NoteBu alana tıkladıktan sonra yeni pencereden açılan ckfinder'ı kullanarak kategorilenmiş dosyalardan şablonunuza uygun görseli seçebilirsiniz

Save your own images in your ftp and use the images you have saved in your email campaigns.

Note

Once you click this field, you can choose the appropriate image from your categorized files using ckfinder opened in a new window.


Status
colourYellow
title

Görsel

image

Edit ImageYou can resize your images or apply many filters and effects to them using the Online Adobe Creative
görsel editörünü kullanarak görsellerinizi boyutlandırabilir veya görselinize birçok filtre ve efekt uygulayabilirsiniz
visual editor.

Status
colourYellow
title

Görsel

image

Horizontal Align

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

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

Change the alignment of the image from left to right.

Warning

It applies for images smaller than the width of the area they are in. 

Status
colourYellow
title

Görsel

image

Vertical Align

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

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

Change the alignment of the image from top to bottom.

Warning

It applies if the area where the image is located is larger than the image. 

Status
colourYellow
title

Görsel

image

Edge to Edge
Görselin genişliğini bulunduğu alanın genişliği ile eşitleyin.
Equalize the width of the field with the width of the image

Status
colourYellow
title

Görsel

image

Alternate Text
Gö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.
Enter the description text that will appear in the area where the image is located before the image is displayed by the user

Status
colourYellow
title

Görsel

image

Text
Buton üzerinde yer alan metni değiştirin
Change the text located on the button.

Status
colourRed
title

Buton

Button

Link to
Görsele veya butona tıklandığında bir web sayfasına yönlendirme yapın veya bir email adresine email gönderilmesini seçebilirsiniz
You can choose to redirect to a web page or send an email to an email address when the image or button is clicked.

Status
colourYellow
title

Görsel

image
Status
colourRed
title

Buton

Button

Image Link
Görsele tıklanınca yönlenilecek adresi belirleyin
Specify the address to be redirected to when the image is clicked.

Status
colourYellow
title

Görsel

image

Button Link
Butona tıklanınca yönlenilecek web adresini girin
Enter the web address to be redirected to when the button is clicked.

Status
colourRed
title

Buton

Button

Responsive Styles

Button Width
Butonun genişliğini mobil cihazlar için değiştirin
Change the width of the button for mobile devices.

Status
colourRed
title

Buton

Button

Text Align
Mobil cihazlar için Soldan Sağa metin hizası
Left to right text alignment for mobile devices

Status
colourGreen
title

Metİn

TExt

Border / Divider







Border Style
Buton kenarlık tipi ve ayraç stili
The style of the button border and the separator.

Status
colourGrey
title

Ayraç

divider
Status
colourRed
title

Buton

Button

Border Color
Buton kenarlık ve ayraç rengi
The color of the button border and the separator .

Status
colourGrey
title

Ayraç

divider
 
Status
colourRed
title

Buton

Button

Border Width
Buton kenarlık ve ayraç kalınlığı

The width of the button border and the separator .

Note
px cinsinden değer girebilirsiniz

You can enter a value in px

Status
colourGrey
title

Ayraç

divider
Status
colourRed
title

Buton

Button

Align
Butonun ve sosyal medya içeriklerinin yatay hizası
The horizontal alignment of the button and the social media content

Status
colourRed
title

Buton

Button
Status
colourBlue
title

Sosyal Medya

social

Button Width
Buton genişliği

Button width

Note
Yüzde

You can enter a value as percentage (%)

veya

or in px

cinsinden değer girebilirsiniz

Status
colourRed
title

Buton

Button

Button Height
Buton yüksekliği

Button Height

Note
px cinsinden değer girebilirsiniz

You can enter a value in px

Status
colourRed
title

Buton

Button

Border Radius
Butonu dik veya yumuşak köşeli kullanın
Use the button with sharp or soft corners.

Status
colourRed
title

Buton

Button

Icon Spacing
Sosyal medya ikonları arasında bulunan boşluğu değiştirin
Change the spaces between the social media icons.

Status
colourBlue
title

Sosyal Medya

social

Önizleme

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



...