Template Wizard
- Melih Ayhan (Unlicensed)
- Mert Karadagli (Unlicensed)
- Nurçin Kandemir (Unlicensed)
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.
JUST 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.
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.
| Basic | This 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 |
|---|---|
| Themes | This 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 Templates | This 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 - 
-
Body
After editing the content area, under the Body tab, you can make adjustments that might affect the whole template structure.
| BgColor | The background color of the template. |
|---|---|
| Font Size | The font size of the template |
| Responsive | By 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.
| Text | This 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. |
|---|---|
| Image | This 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. |
| Divider | You 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. |
| Button | This 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. |
| HTML | You 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. |
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.
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;
- Drag and drop the Text content into the content field.
- Click the Add Content -
- button on the inline CK Editor that appears after removing the available description text. - From the drop-down menu, fill in the required fields for your campaign properly, and click OK.
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.
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. |
TEXT BUTTON | ||
Link Color | The color of the links located in the text | |
TEXT | ||
Button Color | Button color. | |
BUTTON | ||
Font Family | Font type of the text. Only font types supported by all email applications can be used | |
TEXT BUTTON | ||
Font Style | Text Style. It can be used as Normal or Italic | |
TEXT BUTTON | ||
Font Size | Text font size. Sizes smaller than 10px or bigger than 24px are not recommended. | |
TEXT BUTTON | ||
Font Weight | The weight of the text. It can be used as Normal or BoldMetin hacmi. Normal veya Bold olacak şekilde kullanılabilir. It is recommended to use bold texts in headings or emphasized content. | |
TEXT BUTTON | ||
Text Align | Left to right text alignment. | |
TEXT | ||
Line Height | The height between the lines of the text. | |
TEXT | ||
Padding | Top | Space above You can arrange this with the + , – buttons or give a value in px. |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Bottom | Space below | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Left | Space left | |
TEXT IMAGE BUTTON SOCIAL | ||
Right | Space right | |
TEXT IMAGE BUTTON SOCIAL | ||
Content Structure | Bg Color | The background color of the content area |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Border Color | The border color of the content area | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Border Style | The border style of the content area | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Border Top | The size of the top border | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Border Bottom | The size of the bottom border | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Border Left | The size of the left border | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Border Right | The size of the right border | |
TEXT IMAGE DIVIDER BUTTON SOCIAL | ||
Container Width | The width of the text block area. You can give a value in px or as a percentage (%) | |
TEXT | ||
Container Align | Left to right alignment of the text block area | |
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 |
IMAGE | ||
| Browse Image | Save your own images in your ftp and use the images you have saved in your email campaigns. Once you click this field, you can choose the appropriate image from your categorized files using ckfinder opened in a new window. | |
IMAGE | ||
| Edit Image | You can resize your images or apply many filters and effects to them using the Online Adobe Creative visual editor. | |
IMAGE | ||
| Horizontal Align | Change the alignment of the image from left to right. It applies for images smaller than the width of the area they are in. | |
IMAGE | ||
| Vertical Align | Change the alignment of the image from top to bottom. It applies if the area where the image is located is larger than the image. | |
IMAGE | ||
| Edge to Edge | Equalize the width of the field with the width of the image | |
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 | |
IMAGE | ||
| Text | Change the text located on the button. | |
BUTTON | ||
Link | 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. |
IMAGE BUTTON | ||
| Image Link | Specify the address to be redirected to when the image is clicked. | |
IMAGE | ||
| Button Link | Enter the web address to be redirected to when the button is clicked. | |
BUTTON | ||
Responsive Styles | Button Width | Change the width of the button for mobile devices. |
BUTTON | ||
| Text Align | Left to right text alignment for mobile devices | |
TEXT | ||
Border / Divider | Border Style | The style of the button border and the separator. |
DIVIDER BUTTON | ||
| Border Color | The color of the button border and the separator . | |
DIVIDER BUTTON | ||
| Border Width | The width of the button border and the separator . You can enter a value in px | |
DIVIDER BUTTON | ||
| Align | The horizontal alignment of the button and the social media content | |
BUTTON SOCIAL | ||
| Button Width | Button width You can enter a value as percentage (%) or in px | |
BUTTON | ||
| Button Height | Button Height You can enter a value in px | |
BUTTON | ||
| Border Radius | Use the button with sharp or soft corners. | |
BUTTON | ||
| Icon Spacing | Change the spaces between the social media icons. | |
SOCIAL | ||
Preview
You can test the appearance of the template you have prepared for your campaign in different devices using the Preview option.
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.
Copyright 2020 Related Digital