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.

Table of Contents

Warning
titleJUST A REMINDER

The Template Wizard does not appear in the menu during the first transition phase of the new interface. Please contact your Account Manager for further information and access.

Template Wizard

Go to Campaign > Email > Template Wizard


Image Modified

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

...


Creating 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 Added


Column
width65%


BgColor

...

The background color of the template.
Font Size

...

The font size of the template
ResponsiveBy selecting this field, you can make your Template compatible with mobile devices.
Custom CSS

...

  • İçerik / İçerikler

...

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



  • Content / Contents

Once 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%

...

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

...

Image Added


Column
width65%

...


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

...

Text color.

Status
colourGreen
title

...

TExt
 
Status
colourRed
title

...

Button

Link Color

...

The color of the links located in the text

Status
colourGreen
title

...

TExt

Button Color

...

Button color.

Status
colourRed
title

...

Button

Font Family

...

Font type of the text.

Warning

...

Only font types supported by all email applications can be used


Status
colourGreen
title

...

TExt
 
Status
colourRed
title

...

Button

Font Style

...

Text Style. It can be used as Normal or Italic

Status
colourGreen
title

...

TExt
 
Status
colourRed
title

...

Button

Font Size

...

Text font size.

Warning

...

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


Status
colourGreen
title

...

TExt
 
Status
colourRed
title

...

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

...

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


Status
colourGreen
title

...

TExt
Status
colourRed
title

...

Button

Text Align

...

Left to right text alignment.

Status
colourGreen
title

...

TExt

Line Height

...

The height between the lines of the text.

Status
colourGreen
title

...

TExt

Padding

Top

...

Space above

Note

You can arrange this with the + , –

...

buttons or give a value in px.


Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Bottom

...

Space below

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Left

...

Space left

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image

...

 

Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Right

...

Space right

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 

...

Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Content Structure

Bg Color

...

The background color of the content area

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Border Color

...

The border color of the content area

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Border Style

...

The border style of the content area

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Border Top

...

The size of the top border

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Border Bottom

...

The size of the bottom border

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Border Left

...

The size of the left border

Status
colourGreen
title

...

text
 
Status
colourYellow
title

...

image
 
Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Border Right

...

The size of the right border

Status
colourGreen
titletext

...

 

Status
colourYellow
titleimage

...

 

Status
colourGrey
titledivider

...

 

Status
colourRed
title

...

Button
 
Status
colourBlue
title

...

social

Container Width

...


The width of the text block area. 

Note

...

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

...


Status
colourGreen
title

...

TExt

Container Align

...

Left to right alignment of the text block area

Status
colourGreen
title

...

TExt

Image Preferences

Image URL

...

You can access the URL of the image here. If you wish, you can change the address and use another image

Status
colourYellow
title

...

image

Browse Image

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

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

...

image

Edit ImageYou can resize your images or apply many filters and effects to them using the Online Adobe Creative

...

visual editor.

Status
colourYellow
title

...

image

Horizontal Align

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

...

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

...

image

Vertical Align

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

...

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

...

image

Edge to Edge

...

Equalize the width of the field with the width of the image

Status
colourYellow
title

...

image

Alternate Text

...

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

...

image

Text

...

Change the text located on the button.

Status
colourRed
title

...

Button

Link to

...

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

...

image
Status
colourRed
title

...

Button

Image Link

...

Specify the address to be redirected to when the image is clicked.

Status
colourYellow
title

...

image

Button Link

...

Enter the web address to be redirected to when the button is clicked.

Status
colourRed
title

...

Button

Responsive Styles

Button Width

...

Change the width of the button for mobile devices.

Status
colourRed
title

...

Button

Text Align

...

Left to right text alignment for mobile devices

Status
colourGreen
title

...

TExt

Border / Divider







Border Style

...

The style of the button border and the separator.

Status
colourGrey
title

...

divider
Status
colourRed
title

...

Button

Border Color

...

The color of the button border and the separator .

Status
colourGrey
title

...

divider
 
Status
colourRed
title

...

Button

Border Width

...

The width of the button border and the separator .

Note

...

You can enter a value in px


Status
colourGrey
title

...

divider
Status
colourRed
title

...

Button

Align

...

The horizontal alignment of the button and the social media content

Status
colourRed
title

...

Button
Status
colourBlue
title

...

social

Button Width

...

Button width

Note

...

You can enter a value as percentage (%)

...

or in px

...


Status
colourRed
title

...

Button

Button Height

...

Button Height

Note

...

You can enter a value in px


Status
colourRed
title

...

Button

Border Radius

...

Use the button with sharp or soft corners.

Status
colourRed
title

...

Button

Icon Spacing

...

Change the spaces between the social media icons.

Status
colourBlue
title

...

social

Önizleme

...

Preview

You can test the appearance of the template you have prepared for your campaign in different devices using the Preview option. 


Image Added


Tip

You have acquired basic information about creating an email campaign template using the drag and drop method. Please contact our Support Team for any issues you may encounter in the future and for detailed information.




Parent Topic: E-Mail