1. Start
  2. Greetings
  3. Download Package
  4. Font used
  5. How to use template builder
  6. How to edit PSD files
  7. How to edit HTML files
  8. Edit background image
  9. How to send email
  10. Credits
  11. Send me request and advice
  12. Thank you!

Mailify, Modern Email Template + Builder Access V1.0


Mailify is a minimalist, responsive email marketing template for multipurpose use of email marketing campaign. Mailify comes with flexible modular help you easier to create, mix your own preferred layout. It's mobile friendly, and major email clients compatible. It's also packed with bunch of features, free access to our online template builder / editor, MailChimp ready template, Campaign Monitor, MyMail templates are also included. You can arrange the layout and build your own unique template easily. More than that, it's also packed detailed help documentation, along with video tutorials.

Greetings


Hello!

Thanks for your purchase!

Features at glance

Download Package


In the download package you will find:

Font used


We use 'Nunito', sans-serif font for all content.

How to use template builder


  1. Go to http://themeforest.net/downloads
  2. Find our item you just bought and click the "Download" button
  3. From the dropdown, choose and click the "License certificate & purchase code" option.
  4. Download and find the purchase code
  5. Go to http://saputrad.com/online-editor/main
  6. Use your username & purchase code to login
  7. Start build your own unique template!
Check the images below to find your purchase code and login to the template builder



Check the video on how to works with our template editor. Notes: Generated template from the editor is also editable or usable on mailchimp and campaign monitor (editable text and images)

How to edit PSD files


Notes on images sizes:
For default image(s) name I've named them according to the image's size itself.
For example, img-255-170.png - mean that the image is has 255 pixels width and 170 pixels height.
Please note that the above name structure indicated that the maximum width of the image allowed is "255 pixels" and the height is up to you.


For retina display, you can use 2x size of image while keep the width in CSS as original. For ex. use 510x340 pixels image to replace 255x170 pixels image, while keep the width in CSS code 285pixels width.
  1. Open PSDs folder then open the PSD file inside that folder with Photoshop software.
  2. Check the video for better guide.
  3. Contact me directly if you need a further assist.
  4. IMPORTANT! make sure to save the final image in the correct forlder. For instance, if you edit and would like to use the image for your blue version, make sure to save your template to the correct root: template --> images folder.

How to edit HTML files


Actually most of styling are can be done through our template builder. However, not everything. If you want further customizaton, you can edit the HTML code directly.
  1. Firstly, open the HTML file in any text or HTML editor (required a bit knowledge in HTML/CSS). In this case, I will recommend you to use Notepad++ see the image below



  2. Actually, it was bit easy for you to play with the HTML code, as the code for each section already commented (i.e Logo section, Top intro section, column, etc) where the section Start and when the section End. So it was easy to edit each of elements easily.
    If you still found any question or need my assist, I will very glad to guide you, even help you get your campaign ready to send FOR FREE
  3. For MailChimp and Campaign Monitor user simply use the file specially for Mailchimp uses, then you can edit over the content via Mailchimp message editor. Add hide blocks, repeat block, etc..

Edit background image


To make the background image (in featured area) works on all major email clients, please make sure to edit the current image source and replace it with the actual URL of your upload image.
Please check screenshot below. The background image by default is set to be repeated and the used images has a 800x width and certain height. If you wont get it repeated, while still looks fine in bigger screen please use a wider or higher images, according to your needs.



How to send email


With Mailchimp

Please refer to my screencast video here https://youtu.be/oEp8pl3pP6M we made for our other template, but the same intend. and also read a merge tag you may want to add to your campaign here http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet
If you use Mailchimp, here I will try to guide you how to save the template and use it whenever you want with just one-time upload.

Please use separated files intended for mailchimp uses. It was coded specially for Mailchimp, then save 1 .html file and 1 images folder into .ZIP file then upload to Mailchimp.

  1. Go to https://us6.admin.mailchimp.com/templates/design/
  2. Click "Import & Export" button at the top of page, then upload your .zip file.
  3. Click save and add your prefered name then "save as. And you done!
Please note that you can only upload the zip file contain 1 html file and 1 images folder. Main zip ---> 1 images folder & 1 HTML

Notes:




With Campaignmonitor

Please refer to my screencast video here https://youtu.be/6C8H6VGaX2E we made for our other template, but the same intend., and also read complete guide here http://www.campaignmonitor.com/create/ also some important links here http://www.campaignmonitor.com/create/important/ Notes:



With Getreponse

Please download your customized template from our template builder (Regular HTML template version), or just use the template on "Regular HTML Template" folder, then follow the steps below to upload it to Getresponse. Please check this article for more detail, and the video https://goo.gl/YDGruj



With Aweber

Here's how to send email using my template with Aweber (follow up, broadcast, blog broadcast message):

With MyMail plugin for WordPress

Plase refer to MyMail plugin help documentations, or this screencast video made for our other template, but the same intend.

Credits


Many thanks to my friend "revaxarts" for the documentation template.
Some images are not included within the download package.
Borrowed from http://www.pixeden.com/ & https://themeforest.net/user/canyigit with their pesmission.

Send us request and advice


Please send us your thought, advice, or request regarding my item. Go to my profile page and find a form, fill it out and send.

Or if you didn't found the answer of your question(s) or cases, please feel free to contact us directly, viat this contact form

Thank you!


Once again, many thanks for your purchase! Please don't forget to give my product 5 stars rate :) that will help and mean a lot for us!
Login to your Envato account, go to http://themeforest.net/downloads , look for my item and hit the #5 star!