Toggle navigation

What included in the package

After download the template package from ThemeForest you will get a zip file contain folder and file. Most of my template package would be like this


Campaign Monitor Folder

This file is a Campaign Monitor file for using as a default design. The index.html only contain Campaign Monitor tag such as <singleline>, <multiline> , <repeater> , <webversion> , editable.

HTML Folder

A regular HTML file, this file does not include any template tag or Email service tag. It is ready to manually implement any service that not listed in the description.

MailChimp.zip

MailChimp folder contains a zip ready file for using as a default design. The index.html only included MailChimp tag such as mc:edit, mc:repeatable, *|MC:SUBJECT|*, *|MC:ARCHIVE|*, etc. *It will be a single zip ready file or a folder contains various zip file if it’s a template pack/bundle.

mailster_templateName.zip

A zip file ready to import to Mailster plugin. This zip file included index.html, notification.html, and img folder. This’s a zip ready file, you can import the plugin without extract zip or require any process before import.

StampReady folder

This is a file for a StampReady builder. It will be a single zip ready file or a folder contains various zip file if it’s a template pack/bundle.

PSD or Sketch file

Photoshop file or Sketch file, the design of template in case you want to modify or adjust some design. **Keep in mind this is just an extra free files, not a mandatory to the template package.


In order to use the template builder please register a free account at StampReady.net and use the zip ready file from StampReady folder to import. The URL in the live preview is just for a demo purpose. It’ll keep asking to purchasing the template even though you already did. Please use at stampready.net instead.

StampReady builder

How to import/export from the StampReady builder.

First, please register a free account at StampReady.net you will be able to freely use their builder to modify template and export as much as you want.

They require a payment only if you prefer to use their service for sending too. I’d recommend to try on their service if you new to email marketing and haven’t decided which service you going to use yet. So you can easily create and send all in one place.

Let’s start

After you register at StampReady.net and log in with your account. You will be at the StampReady dashboard. To import the template, we need to create a new campaign. Click on the top right button “NEW CAMPAIGN” or Campaigns > New Campaign from the side menu on the left.

Next, select IMPORT TEMPLATE > Zip file and using the zip ready file from the StampReady folder.

  • If the template is a bundle or template pack. You’ll need to import only 1 zip file at a time from the StampReady folder, do not create a zip file from StampReady folder and import all at once.
  • Once you import the template, The template will be stored in ALL TEMPLATE > IMPORTED TEMPLATE You can view the imported template gallery and select to start from here. So you don’t have to import the template again.

At the “Preview Template” click at use template button and name your template/campaign. Keep in mind, StampReady will use this name to stored in the imported template section and it uneditable.

 

Modify template style, make it your own style.

After you finished customization. You can export the template file at the side menu, Select “Export” > “To Desktop”.

  • Keep images online if you going to use the file with an ESP  that doesn’t provide a host for image asset (such as iContact, Active Campaign).
  • Include in folder if you using ESP that provides hosting for images assets such as MailChimp, Campaign Monitor or your own mailing system

 

Demo video

If you still have any question feel free to contact me at this contact form

Email Service Provider

The template is compatible with various email service provider. Please select the ESP you were using to view at our online knowledge base for the the up to date information.

MailChimp   Campaign Monitor   Mailster   Active Campaign   iContact   FreshMail   Vertical Response   Constant Contact   button

Benchmark   MPZMail   SendPulse   EmailOctopus   StreamSend   Vision 6   Mad Mimi   PhpList   Interspire   SendinBlue

GetResponse   Sandy   Mailerlite   DirectMail   Roby   Newstroll   CleverReach   Aweber   SendGrit   StampReady   SalesHandy

FAQ

Gmail clips emails that have a message size larger than 102KB and hides the full content behind a View entire message link. (more info please visit a full article from MailChimp)

If this occurs to your file that export from StampReady, the only option is to reduce a file size. You can try using these free service.

Unfortunately, it because Outlook 07/10/13/16 doesn’t support a background-image yet. As I mentioned in the template description.

Outlook is not supported Background image. (more info ) it will be replacing with a solid background color instead.

Although, there is a workaround for this, as I testing it still not reliable also randomly breaking a template layout and require to manually edit directly at the code when changing the image. So I’m not implementing the template code to prevent any further issue and it a workaround not a proper way of coding the template.

I’m also aware, there’s some email developer in the market, advertise a working background image on Outlook. However, none of them is a full-width layout(width=”100%”). It may look like full-width but when you display in a full browser. It just contain in 800px container.

However, If you know HTML and want to try please visit this and try to implement the code. but please note item support doesn’t include customization service, so always backup and do at your own risk. 🙂 cheers

There’s a good news from Litmus partnership with Microsoft to improve Outlook rendering. At this moment two most popular Outlook bugs are reported(background images and web fonts). We can expect more update is coming soon from MS. Once they release an update, there will be no need to fix or update the template code. Outlook It should automatically support as it is today.

more info at Litmus blog > An Update on the Litmus-Microsoft Partnership

Why it’s not responsive when sending from Constant Contact?

at this moment ‘s there’s a known issue that causes by CC itself. It is the auto-generate footer from CC that included when sending an email. The footer is pushing layout with a fixed width around 600px and it not responsive. (according to this topic from Litmus).

What you see in the screenshots below that the template responsive are activated normally but the CC footer is not. So the mail app is forced to zoom out in order to make the whole newsletter visible on the screen, similar to when it shows as a desktop view in the app that doesn’t support responsive.

As I reading through, the comments from the various thread it seems like CC refuses to remove or adjust this footer(more info) and It not possible to override this footer style by the HTML template code(because it’s auto generate). I’ve tried testing various responsive method already, all got the same result because no matter how the responsive is activate but the CC still generates footer that pushing layout away.

You can try using this test tool from Litmus by copy/paste the code and send the test. You will see what it actually like without an auto-generate footer from CC.

At this moment you can try to ask directly at their community support to remove the footer, look like they only doing per account and each request. by their staff. There is no option on the menu for the user even a paid account (more info).

it seems like CC claim to support responsive but only showing correctly with their own premade template on their system, not a custom HTML template as long as we can’t remove that auto-generated footer. For more info regarding this issue, I’d recommend contacting directly at CC support.

because of MC, CM editor likely to crash if import more than 20 repeatable modules in a single template file. So if you want to mix and match modules with All-in-one the process will be selecting a preferred module in SR build a template and export to use with MC, CM.
The URL you were using is a demo URL for demo purpose. Please follow this process to customize at StampReady.net and export from their service.
Please register a free account at StampReady.net and use the zip ready file from StampReady folder to import.
Change font style is not recommended with HTML email. Most of the email clients only support a system font(more info). You can try to follow this method from Litmus but as they said. it only a few email clients that supported
Due to the Campaign Monitor requirement that needs to define the specific width in every editable image. So, I have to add the fixed width in some image in order to make exported template compatible with most ESP as possible. You can easily modify this with code view in SR builder.

FAQ: Email Service

MailChimp

After creating a new campaign, Why it only show Header and Footer?

When creating a campaign at the design stage. Because of the repeatable function template will show only default module or module that doesn’t include mc: repeatable most of the time will be a Footer. Please try hover at the first module and you will notice the repeatable function appear at the bottom left of the module. Click + to add more module and switching to another module with a drop-down menu. More info about how Repeatable function work in MailChimp please visit this link

Demo Video showing how it works(at 0.55)

I don’t need this function and I already align module before exporting from StampReady can you remove and make all module appear by default in MailChimp?

I’ve tried to exclude this function by default in the previous version since user able to align module before exporting from StampReady anyway. But it seems like people are more likely to have another chance to align their campaign on MailChimp again after import to MailChimp.

Exclude MC:REPEATABLE – Customers will ask Why I can’t use drag and drop, a repeatable module in MailChimp? my answer is you can align module in StampReady before export.

Include MC:REPEATABLE – Customer will ask Why then there’s only header and footer appear in the Campaign builder in MailChimp? I reply with more info on how the MailChimp function work.

To me, it better to let customer has more choice and functionality using my template than excluding the function just to avoid the question 🙂

However, things can change in the future update, depending on what’s the most customer prefer, but at this moment it seems like most of the customers are prefer to use it this way.

What caused the problem is a MailChimp repeatable function. (mc:repeater) MailChimp tag itself. As I experimented,

  • When included mc:repeatable and edit template content such as text, images in a Template editor mode at design tab. The modules will disappear after saving.
  • Excluded mc:repeatable you will be able to edit content normally in Template editor mode and module won’t disappear after saving. Instead, you’ll lose the ability to add/remove/drag & drop module in Campaign Builder mode. So you’ll have to finish the module alignment before export from the StampReady builder.

Can we fix this?

Unfortunately, as I contact MailChimp support regarding this TAG and the issue. They confirm this isn’t a bug or error. This’s how their system work.

Template editor is for editing template code and sees if the code is properly implemented in the design tab. Also, the design tab is not for edit content, Although you can do in the “Edit Code” tab at the code but keep in mind the content you edit will be a default for every campaign you create using this template. As it’s a template editor mode.

Since each mode are designed for different purpose. MailChimp staff recommended it better to keep mc: repeatable function and do editing content in Campaign Builder mode instead.

Chat log when I’m contacting MailChimp support.

Unless MailChimp updates their system or improving how the template editor mode reacts to mc: repeatable. This’s how it works, nothing can do at my end by just an HTML template code.

Try hover at the module notice there is a button appear on the left side. Click at a + sign to add more module and – to remove and switch to another module by selecting from the drop-down menu.

To drag and drop, try click and drag at this icon on the top left each module. MailChimp got a little buggy with this feature if you unable to dragging try refresh the page.)

The repeatable function only works on campaign builder mode at a design stage, While Template builder mode the function showing icons just to show you that this function is properly implemented.

Unfortunately, MailChimp doesn’t have a change background image function for a custom HTML template(unless doing through code). I’d recommend using the StampReady builder to change it and export to use with MailChimp.