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.


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 Modified -


Image Modified


  • Body

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

Column
width25%

Image Modified

Column
width65%
BgColorThe background color of the template.
Font SizeThe font size of the template
ResponsiveBy selecting this field, you can make your Template compatible with mobile devices.
Custom CSS

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%

Image Modified

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;


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

  2. Click the Add Content - Image Modified - 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 Modified


  • 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 Modified


  • 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
titleTExt
 
Status
colourRed
titleButton

Link Color

The color of the links located in the text

Status
colourGreen
titleTExt

Button Color

Button color.

Status
colourRed
titleButton

Font Family

Font type of the text.

Warning

Only font types supported by all email applications can be used

Status
colourGreen
titleTExt
 
Status
colourRed
titleButton

Font Style

Text Style. It can be used as Normal or Italic

Status
colourGreen
titleTExt
 
Status
colourRed
titleButton

Font Size

Text font size.

Warning

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

Status
colourGreen
titleTExt
 
Status
colourRed
titleButton

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
titleTExt
Status
colourRed
titleButton

Text Align

Left to right text alignment.

Status
colourGreen
titleTExt

Line Height

The height between the lines of the text.

Status
colourGreen
titleTExt

Padding

Top

Space above

Note

You can arrange this with the + , – buttons or give a value in px.

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Bottom

Space below

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Left

Space left

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Right

Space right

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Content Structure

Bg Color

The background color of the content area

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Border Color

The border color of the content area

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Border Style

The border style of the content area

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Border Top

The size of the top border

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Border Bottom

The size of the bottom border

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Border Left

The size of the left border

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Border Right

The size of the right border

Status
colourGreen
titletext
 
Status
colourYellow
titleimage
 
Status
colourGrey
titledivider
 
Status
colourRed
titleButton
 
Status
colourBlue
titlesocial

Container Width


The width of the text block area. 

Note

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


Status
colourGreen
titleTExt

Container Align

Left to right alignment of the text block area

Status
colourGreen
titleTExt

Image Preferences

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

Status
colourYellow
titleimage

Browse Image

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
titleimage

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

Status
colourYellow
titleimage

Horizontal Align

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
titleimage

Vertical Align

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
titleimage

Edge to EdgeEqualize the width of the field with the width of the image

Status
colourYellow
titleimage

Alternate TextEnter the description text that will appear in the area where the image is located before the image is displayed by the user

Status
colourYellow
titleimage

TextChange the text located on the button.

Status
colourRed
titleButton

Link toYou 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
titleimage
Status
colourRed
titleButton

Image LinkSpecify the address to be redirected to when the image is clicked.

Status
colourYellow
titleimage

Button LinkEnter the web address to be redirected to when the button is clicked.

Status
colourRed
titleButton

Responsive Styles

Button WidthChange the width of the button for mobile devices.

Status
colourRed
titleButton

Text AlignLeft to right text alignment for mobile devices

Status
colourGreen
titleTExt

Border / Divider







Border Style The style of the button border and the separator.

Status
colourGrey
titledivider
Status
colourRed
titleButton

Border ColorThe color of the button border and the separator .

Status
colourGrey
titledivider
 
Status
colourRed
titleButton

Border Width

The width of the button border and the separator .

Note

You can enter a value in px

Status
colourGrey
titledivider
Status
colourRed
titleButton

AlignThe horizontal alignment of the button and the social media content

Status
colourRed
titleButton
Status
colourBlue
titlesocial

Button Width

Button width

Note

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

Status
colourRed
titleButton

Button Height

Button Height

Note

You can enter a value in px

Status
colourRed
titleButton

Border RadiusUse the button with sharp or soft corners.

Status
colourRed
titleButton

Icon SpacingChange the spaces between the social media icons.

Status
colourBlue
titlesocial

Preview

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


Image Modified


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