Documentation Email Template

### Hello there!

Thank you for purchasing RealEstate.
This Documentation will explain you how to work with our Email Templates.

### Replace Images

To replace the images open the folder called "images" and replace them with your images. You can see the width and height of our images by clicking on "information".

### HTML Code

Open the HTML file in a code editor to modify the code or replace URL links and/or images in the code.

### PSD File

Open the PSD file in Adobe Photoshop to modify the design.

### Online Template Builder

The following steps will show you how to work with our Online Template Builder.
Modules
Drag & Drop the modules into the Builder to use them.
Styles
- Change background colours or enter a HEX code to change background colours in the template.
- Slide the bulbs to change the font size or line height. (You can also customise font size in the Builder itself)
Background Images
Enter a valid URL to upload background images or Upload them from your desktop. Please make sure to upload large background images as Gmail and Yahoo mail don't accept CSS. (We advise to use background images with a minimum of 1800px width)
Save your Template
Copy your "Saved code" to upload it later.
(Make sure the load icons at the top right are not loading at the time you save your Template)
Upload your Template
Paste your "Saved Code" in the input field and click on "Upload" to upload your customized Template.
Export your Template
Click on the buttons "MailChimp", "Campaign Monitor", or "HTML Normal" to export your file to desktop.
Hide / Duplicate Modules
Click on the right side of the builder on the "Cross" or "Folders" icons to Hide or Duplicate Modules.
Drag & Drop Modules
Click on the left side of the builder on the "drag&drop" icon to Drag&Drop Modules.
Edit Text
- Click "Font" to change the font Family.
- Click "Size" to change the size of the fonts.
- Click "B" "I" "U" to make text Bold, Italic or Underlined.
- Click the Align icons to align the text.
- Click the "Coloured Icon" to change colours of the text. You can click on "More Colours..." to enter a HEX colour code and click on "OK".
- Click the "Link Icon" to link text. Enter the URL of your link and click on "OK".
Change Images
- Enter a valid URL or click on "Upload from Desktop" to upload images.
- Click on the "Link Icon" to link images.
- Click on the "Eye Icon" to hide images.
Redo / Undo
Redo or Undo changes by clicking these buttons.
Preview Mode
Press the "Preview" buttons to see how the Template looks on Tablet or Mobile.
Reset
Press the "Reset" button to reset ALL changes.
If you any further questions about our Online Template Builder please email us to support@dynamicxx.com

### MailChimp

The following steps will show you how to upload a template into MailChimp and how to use the MailChimp Builder.
1. Before you start with the MailChimp builder I advise you to replace the background images first because you can't change them in the MailChimp system. If you want to change them you need to open the "Images folder" and replace the background image(s). Please upload large background images (2000px width) because Gmail and Yahoo Mail don't accept CSS for background images which means we it won't center and stretch in their system.
2. Compress the HTML file + Images folder.
3. Login into MailChimp or Create an Account.
4. Click on "Templates".
5. Click on "Create Template".
6. Click on "Code Your Own".
7. Click on "Import Zip"
8. Name your Template, choose the Zip file and click on "Upload".
9. Now you can click on "Edit Design" at the bottom of the page to edit the template in the MailChimp builder but I advice to click on "Save and Exit" to move further to the next steps because you can't hide modules in this MailChimp editor. In the next steps I'll explain how you can use the MailChimp builder with all features.
10. If you've clicked on "Save and Exit" you'll see you are in the beginning of the MailChimp system. Now you need to click on "Campaigns".
11. Click on "Create Campaign".
12. Select a Campaign
13. Create a list or Send it to yourself to test it.
14. Name your Campaign + Email Subject and click on next at the bottom of the page.
15. Click on "Saved Templates".
16. Select your saved Template.
17. Now you can edit all images and text.
18. Click on the Eye Icon to hide modules. Click on the Plus Icon to duplicate modules. Click Minus Icon to
19. At the top right you can click on "Preview and Test" to test it and see how your Email Template looks.

### Campaign Monitor

The following steps will show you how to upload a template into MailChimp and how to use the MailChimp Builder.
1. Before you start with the Campaign Monitor builder I advise you to replace the background images first because you can't change them in the Campaign Monitor system. If you want to change them you need to open the "Images folder" and replace the background image(s). Please upload large background images (2000px width) because Gmail and Yahoo Mail don't accept CSS for background images which means we it won't center and stretch in their system.
2. Compress the HTML file + Images folder.
3. Login into Campaign Monitor or Create an Account.
4. Click on your avatar and click on "Templates".
5. Click on "Import".
6. Name your Template, Choose HTML file, Choose .Zip file and click on "Add Template".
7. Click on "Campaigns".
8. Click on "Create a New Campaign".
9. Name your Campaign and click on "Next".
10. Click on your saved Template.
11. On the right side of the modules you can click on Edit, Delete, Add New to modify the module.
12. To edit the image itself, you just need to click the cog and then use the Remove Image option to delete the existing image. You can then import a new one by clicking on the "Choose file" button.

### Credits

All images used are only used on demo, you will find the credits in the item description.

We are available for hire! support@dynamicxx.com

#### This documentation is provided by DynamicXX. You can find our work on Creative Market and Themeforest.
If you have any questions don't hesitate to email us. support@dynamicxx.com