Responsive Email Template Created by DIGITH
Many Thanks to you for purchasing Our Email template.
We have set up the ticket system, if you have any question, can open a ticket to get our help, the ticket center is here: http://ticket.digith.com
Thanks so much!
Author: | digith studio |
Contact: | digith@outlook.com |
Version: | 1.2.1 |
Builder Version | 3.1 |
Created: | 2014-09-20 |
Modified: | 2014-11-27 |
The Template includes many prebuild structure layouts and color schemes. please use Template Builder to get your email page. You can get 'inline-css html version' , 'mailchimp version' and 'campaignmonitor version' of every page,
I have tested in Mailchimp Inbox Inspector ( using litmus ) on this template and made a list of supporter clients and services: Compatible with all major email clients and sites: • AOL Mail • Gmail • Hotmail • Yahoo! Mail • iPad Mail • Symbian • Windows Phone7 • Android 2.3 4.0 • iPhone mail • Outlook.com • Thunderbird 3.0 • Lotus Notes 8 • outlook 2003,2007,2010 • Apple Mail 4 5 6 • Windows Live Mail • Outlook 2011 on Mac OS…
I have done several PSD files of the templates, you can use them to edit the original elements of the template and change the colors and shaps of them, View more information here.
You can find inline css prebuild layouts strcture file ( named like *-inline.html format ) in every theme folder.
You can download Mailchimp version email page.
You can download CampaignMonitor version email page.
you can see the guide of how to use template builder here.
The template pages are in the [html] folder.
All images are in the images folder. For each layout you get prebuild different html layout files and diffrent structure file and one all moduls in one pages:
layoutname-inline.html (is the structure file with inline CSS, please do not use them to send your campaign.)
all-inline.html (is the all modules in one structure file)
The PSD files and PNG files are in the [psd_png] folder.
Install the builder is very easy, only thing you should do is to upload the right folder into your web server, then you can use it.
if you do not family with installation or have no public webserver...... Please use our Builder Online Service, the site url is: http://builder.digith.com , very easy, just enter your purchase code, then you can use it.
Step | Description |
---|---|
step1 |
Find a public php server (e.g. bluehost/hostgate/linode....) |
step2 |
Host it on your own webspace ( Template builder need php server )Upload both [ digith_template_builder ] and [ html ] folders into your webspace. You can do this via a FTP software, for example, creat a folder named [ newsletter ] in your server, and then upload the 2 folders( [ digith_template_builder ] and [ html ] ) into the [ newsletter ], like bellow: |
step3 |
Visit your template builder to creat your own pageNow you can visit the template builder to creat your own page, the path will be [ http://youruploadpath/newsletter/digith_template_builder/index.html ], make sure your web server support php file. |
step4 |
Ok, you get it works, so easy, please enjoy it!If template builder can not work , please click FAQ to see the help file. |
![]() |
Click to Show Prebuild layouts, you can click tab: Theme Switcher to read more! |
![]() |
Click to Show Modules, you can click tab: Choose Modules to read more! |
![]() |
Click to Show Color Setting area, you can click tab: Color Seeing to read more! |
![]() |
Click to Show BG&Redius Setting area, you can click tab: Choose Modules to read more! |
![]() |
Click to Show Download area, you can click tab: Choose Modules to read more! |
![]() |
Click to Show Copyright area, you can click tab: Choose Modules to read more! |
![]() |
Click to Show Guide Menu area, you can click tab: Choose Modules to read more! |
You can view all my email templates by click the drop menu area.
Click the small device icons to see the responsive effect.
You can choose the lable to change the builder theme.
Click the number lable to see the prebuild layouts, then you can change modules, colors, and bg textures and urls to creat your own layouts , note: do not use the prebuild layouts html page to send your email, because the prebuild layouts page do not use absolute url for the images.
Click the theme color lable to see the prebuild color schemes, then you can change modules, colors, and bg textures and urls to creat your own layouts , note: do not use the prebuild layouts html page to send your email, because the prebuild layouts page do not use absolute url for the images.
Click the itmes can add the Modules to the page window, and if you clear all the modules , please use click to add modules, do not use drag, this is because click can put the module into the proper position of the email page.
Drag the module imgs into the page window will add the modules, and you can sort and duplicate and delete ,even you can clear all modules in the page window, pls click the Operate the Moduls directly tab to see the guide.
if you Clear all the modules, please using click the module items to add modules, , this is because click can put the module into the proper position of the email page.
Top bar / Header / Modules / Page BG / Page FG / Border, you can change every editable color to match your need. Title Color and Fonts Color can edit too!
Click the color/title will show the color drag circle, You can drag the focus lable or input color value to change the color, do not forget the '#'.
Digith Tempate builder integrated 400 textures to match your need, you can click the small thumbnail img to add texture to your email, and sure you can choose none to cancel the bg.
You can input url for the background, note: please input the right url for the img.
You can drag the Slider to change the value to change the divider height.
You can drag the Slider to change the value to add or change the radius effect for the button or other prebuild elements.
The format looks like bellow:
- <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
Click to see the responsive effect.
Click [ Edit Layout ] button to edit layout
You can Sort / Drag / Delete / Duplicate Modules.
Click [ Edit Content ] button to edit content
CKeditor has been Integrated in the Template Builder
Delete the modules / Duplicate the modules / Clear all Modules
You can [ save ] project and [ Load ] it to edit it any time.
Preheader texts can increase your click through rate from your target clients. Only display as summary in the email clients, sure you can leave it blank.
Inline-css version / Mailchimp tag integrated version / CampaignMonitor tag integrated version
Click download will export the page.
Mail Service | Description |
---|---|
Mailchimp |
More than 7 million people use MailChimp to create, send, and track email newsletters. Whether you're self-employed, you manage projects for clients, or you work for a Fortune 500 company, MailChimp has features and integrations that will suit your email marketing needs. Create signup forms that match your brand's look and feel, and send your subscribers product updates, event invitations, announcements, or editorial content. Use our reports to improve your campaigns and learn more about your readers. Best of all? MailChimp is free for lists of up to 2,000 subscribers. Official Site: http://www.mailchimp.com |
CampaignMonitor |
Today more than 100,000 designers, agencies and amazing companies of all shapes and sizes rely on Campaign Monitor to manage their email marketing. On any given week, we're lucky enough to add more than 5,000 new customers to this list. Official Site: http://www.campaignmonitor.com |
Email Client | Description |
---|---|
dreammail |
DreamMail is email client software. It was designed to handle multi-user and multi email account. The supported protocols are SMTP, eSMTP, POP 3, Hotmail and Yahoo. With the additional remote mailbox access function, you might use it to log on your mail account remotely and check the mail content, preview even to delete it directly from the server; The combination use of mail filter, blacklist and white list, can sort out the junk mail effectively. What's new in this version: Version 4.6.9.2 fixed bugs where some users often wrong address, a security hole that set up a multi-user password, and exit encrypted mail folder to start the mail folder contents can be seen directly after restart. Download link:http://download.cnet.com/DreamMail/3000-2367_4-75312646.html |
Sendblaster |
SendBlaster is the best bulk email software to manage your mailing lists and set up email marketing campaigns in few easy steps. SendBlaster combines into one product the practicality of a mass email software with the flexibility of a bulk email web service. On the one hand you create newsletters and manage lists directly on your desktop: on the other you get a cloud email tracking service to handle reporting and improve your email campaigns. Download link:http://www.sendblaster.com/en/download |
I've included some psds with this theme:
Each template has one element PSD source file, you can edit the icons and other other elements of the template.
Some templates we code it directly, and some we design the layouts first, this templates will include layouts PSD source file.
Some templates include not only elments and layouts PSD file, but also some banner effect PSD source file.
Some templates include not only elments and layouts PSD file, but also some banner effect PSD source file.
If you'd like to change the main image in the header, open "header.psd", make the necessary adjustments, and then save the file as "headerBG.png". Do the same for the buttons.
Please read the FAQ clearly, then you can fix allmost all problem in using the builder.
Open the php.ini, and find "file_uploads", make sure the value is " on ", and can setting other value like bellow:
max_execution_time = 100 max_input_time = 200 memory_limit = 32m file_uploads = on
We use metorla( a template of mine) being a sample, please see the bellow screenshots: You can vist the http://www.g[...] We use metorla( a template of mine) being a sample, please see the bellow screenshots:
when you completed the layout, you can:
1 click the [ save project ] small btn to save the project file, the file path will be the folder which you choose, and you can load the project file into page window any time.
2 click the [ download ] button on the left sidebar, then choose the page version, click the red download button to get the final page , the file path is the folder which you choose.
Yes, please host the [ digith_template_builder ] and [ html ] folders into a php webserver, then you can use the builder, and if you really want, builder can intall into local pc, if you have a local php environment, just copy and paste the above two folder into the /www/ , then you can visit the builder, but , the page you downloaded will get the url like : http://localhost/....., you can not send the email directly, you should replace all the url for images which used in your email from localhot path to absolute publice path by hand, otherwise your email recipients can not see the images, so , i suggest host the file into public webspace, then you can use the page you downloaded to send your campaign directly.
Sure you can add plugins to the CKeditor, but you should family with it and js, we did not change the file structure of the CKeditor, you can download the plugin , upzip it into folder plugin, and config it in the config.js , this file are under the folder “CKeditor”.
Sure you can add plugins to the CKeditor, but you should family with it and js, we did not change the file structure of the CKeditor, you can download the plugin , upzip it into folder plugin, and config it in the config.js , this file are under the folder “CKeditor”.
just Click the edit content button above the page window again before you refresh the page.
just click the [ edit layout ] button above the page window and drag/click/duplicate the module to creat a new one, then click the [ edit content ] button, you will find now the CKeditor toolbar will works ok for this module, and now you can delet the module which toolbar not work.
This is because the text you paste to the page may has its own style, so , may destroy the layout of the email page, and when use paste to edit lots text, may cause the review work become difficult, so i setting always paste text as plain text( control + v / click the menu of the CKeditor toolbar ), this mean you can not paste both text and url and format into the page window at same time, please add the url by hand and change the format via the builder or use the CKeditor.
Due to the screen size of galaxy, s5 can display the layout well, but in s4 and mini , there are some article to talk about that(released by campaignmonitor)
1. https://www.campaignmonitor.com/guides/mobile/
2. https://www.campaignmonitor.com/forums/topic/7827/media-query-not-working-on-samsung-galaxy-s4/
So, it looks samsung use its own email client replace the default android email clients, and it do not support responsive email, sorry for that, and i have not find any method to fix the display on samsung s4.
Please do not use project file being your email page, please click the download button in the left sidebar and then choose version to get your final page, you can upload the project file any time and re-edit it again.
If you only send email to single recepient, you can use some professional email clients to do that, but if you send the email to a list, the 3rd mail service mean less spam email, quickly and less loss of your email.
And mailchimp and campaignmonitor almost the best 2 in the mail service market, so almost all the email designers on themeforest set up not only normal html version , but also this 2 version pages inclued in the mail file.
All the templates of digith provide mailchimp and campaignmonitor version, when you installed the builder, you can choose the version and then get it.
if you do not want to use 3rd mail service, please use professional email clients which support sending html email will, and i always suggest clients not using webmail or php web application to send html email, some email clients are professional in sending the html email, two choice: sendbluster and dreammail, please find them on web.
HTML emails are not the same as HTML pages, sure you can view them in the browser and they appear fine, email clients are basically all different, some remove things, some don't show things etc It is a great idea to read up on some guidelines, and good practices before you jump in - here are some useful links for you:
NetTuts Article on HTML Email Tips
HTML Mail resources and guides at Campaign Monitor
MailChimp Articles and Resources
Email CLIENT TIPS & TRICKS
The width of an email campaign is very important. You will see that they are "thinner" in width than webpages for a real reason - email clients have a preview window that is generally not as wide as a browser window - guidelines differ wildly, however anywhere between 500 - 650 is acceptable.
In classic email, always asked not using flash media or video in your emails - most email clients will not display this information at all. Also javascript will be disabled no doubt so no fancy drop downs, menus or galleries. But now more and more people using mobile devices to view the email, so we can use lots mordern effect in the email( css3 / animation / video ), but should do that in a professional way ( do not forget the feedback images )
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.