Cloe | Email Template for mailchimp, compaign monitor & plain HTML


Table of Contents

  1. Know Your Purchase - Technical Description
  2. Know Your Purchase - Folder Management
  3. Ready-to-use version
  4. Mailchimp
  5. Compaign Monitor
  6. Sources and Credits

Know Your Purchase - Technical Descriptiongo to table of content

Cloe Email template combine in-line CSS with responsive techniques to cover a wide range of screen sizes and email clients — Desktop, Mobile and Web-based. This email template is completely compatible with mailchimp, compaign monitor & multi purpose HTML template. You can use email builder to customize this email template.

Features:

  1. Responsive Layout
  2. Compatible with Mailchimp
  3. Compatible with Compaign Monitor
  4. Multi purpose Plain HTML Email Template
  5. Drag & Drop Builder
  6. Edit HTML in Builder
  7. Export Customizer Layout
  8. Tested on LITMAS.COM

Know Your Purchase - Folder Managementgo to table of content

Lets understand the file architecture with the help of screenshots which is a more convincing approach rather explaining in simple text only. The screenshots are well annotated so you can better understand the folders & their behavior correctly.

settings

Pic - Email-Directory.png | This image explains the primary folder structure where all the Email Templates, Documentation & Email Builder Link is placed.

settings

Pic - html-directory.png | This image explains the folder structure for HTML (plain) mail Template.

settings

Pic - mailchimp.png | This image explains the folder structure for mailchimp email Template.

settings

Pic - Compaign-Monitor-Directory.png | This image explains the folder structure for compaign monitor mail Template.

settings

Pic - themebuilder-access.png | This image explains the text file placed in themebuilder directory. This text file holds the information about email builder.


Ready-to-use versiongo to table of content

The ready-to-use (Plain HTML) inline version only requires a few updates: 1. images need to be hosted online
2. paths need to be updated accordingly.
Example is as below:

	
 <img src="http://theemon.com/EmailBuilder/images/logo.png" width="8" height="8" />
 
to
	
 <img src="http://your-server.com/EmailBuilder/images/logo.png" width="8" height="8" />
 
Run a quick test once you have finished editing the code.


Mailchimpgo to table of content

MailChimp helps you email the right people at the right time. Send automated emails based on customer behavior and preferences. Get started with pre-built Workflows or use our built-in segmentation and targeting options to build custom rules. And get in-depth reporting on how each of your automated series is performing. Our tools help you learn more about your customers and send them timely, relevant content.
If you are not aware to mailchimp then below is the process to import email template in your mailchimp account.

  1. Login to mailchimp website using your username & password.
  2. Click Templates from their menu & then click Create Template Button. For reference see screenshot:

    Email-Template

  3. After clicking Create Template you will see 3 options:
    a. Paste In Code: In this process you need to copy HTML code & paste in their editor.
    b. Import HTML: You need to change all path of images & then import .html file in mailchimp
    C. Import Zip: You can zip all html, images & css and import that zip here.

    Email-Template

    Email-Template
    Pic - mailChimp-Step5.png | This image explains the import zip to mailchimp.

    Email-Template
    Pic - mailChimp-Step6.png | This image explains the Edit Design.

    Email-Template
    Pic - mailChimp-Step7.png | This image explains the way to change the text & images.

    Email-Template
    Pic - mailChimp-Step8.png | This image explains the Edit settings of Blocks.

    Email-Template
    Pic - mailChimp-Step9.png | This image explains save process of you your edited code.

    Email-Template
    Pic - mailChimp-Step10.png | This image explains the updated email template for compaign.


Compaign Monitorgo to table of content

Campaign Monitor is an online email marketing application that enables designers to create, send, manage and track branded emails for themselves and their clients with ease.
If you are not aware to Compaign Monitor then below is the process to import email template in your Compaign Monitor account.

  1. Login to compaign monitor website using your username & password.
  2. Click Templates from their menu & then click import Button. For reference see screenshot:

    Email-Template


Thank You Notego to table of content

Thanks for reading the Document we hope it’s been really helpful and resolved most of your concerns. In case you still have doubts related to any section then we are more than happy to assist you on any of your queries for which you can directly email us at support@theemon.com or via our ThemeForest.com user page contact form.
Once again, thank you so much for purchasing our plugin.

© Copyright 2014, theemon.com www.theemon.com - theem'on

Go To Table of Contents