How to create a template for the Stamplia Builder

From October 30th 2015 Stamplia will be closing down.

Have you come across Stamplia yet? Well you should have… There doing some pretty awesome things for email. From a dedicated email template marketplace to an email template builder & an API to connect it all up to your own applications, Stamplia makes creating & editing your email campaigns a breeze.

Stamplia is an open marketplace which welcome’s email designers & developers to upload there templates and contribute to there marketplace. If your just starting out you can expect to earn 50% of the sales you make, this percentage will work in your favor depending on the amount you manage to sell & depending on the template’s design you can set your own pricing from $10-$20 per template.

A couple of days ago my template Watch got approved on the Stamplia Marketplace. This was my first time integrating a template with the Stamplia builder and i did require some support as i hit a few stumbling blocks along the way. You can check out my other templates here.

I have written this post to give anyone who wants to contribute to the Stamplia marketing place a head start and a better understanding of integrating your templates with the builder & help you avoid the stumbling blocks i faced on my first submission.

Guidelines

● Template width MAX 600px
● Add width & height to ALL your images
● Screenshot max width 800px
● Don’t use same module twice
● Avoid using padding
● Always nest your tables
● Always nest your modules atleast twice.
● Avoid white spaces. If you need spacing use “& nbsp;” with font-size & line-height of 1px
● Use Inline CSS
● Outlook does not recognize float property instead use align attribute
● Test your templates on Litmus or Email on acid before send out

Modules

Stamplia has an amazing way of organizing each panel of your email to turn them into modules that you can edit, hide, repeat, drag & drop, change color & much more. There email template tags are great because no further tags are required to get your template to work with services like :

MailChimp or Campaign Montior, Stamplia template tags automatically change to suite the ESP they are being uploaded to, so far you can export to Campaign Monitor, MailChimp, Send Grid, Mandrill & Sendy.

How do modules work?

Stamplia have made this quite an easy task and we have the use of 30+ different module types which are as follows :

● preheader
● header
● separator
● title+text
● full-text
● image+text
● paragraph
● menu
● social-media
● banner
● text
● image
● title
● title+button
● title+image
● title+text
● title+text+button
● image+title
● image+title+button
● button+image
● left-image
● right-image
● 1-image+text-column
● 2-images-columns
● 2-images+text-columns
● 2-text-columns
● 3-images-columns
● 3-images+text-columns
● 3-text-columns
● footer
● button

How to create a template for the Stamplia Builder

I will use the module preheader as an example in this post but the same process goes for each module you create, just don’t use the same module twice!

We can use any of the above modules by including them in the following tag :

We add this template tag to the 100% wrapper our of module, This will create a drag & drop module on the Stamplia Builder and allow you to drag in the same block or change its position etc. Take a look at the example code below to see how i create each module block.

You may have also noticed the code example above makes use of the Responsive HTML Email Framework, with just a few minor edits which are :

● Wrap your module with 100% table wrapper
● Set wrapper & container to a width of 600 / 640 each
● Move spacer rows from wrapper to container

You may have noticed some extra tags included in the code above that we haven’t covered yet. Let’s go through what these extra tags do.

st-sortable

We have already covered this above, here we are making use of the preheader module tag.

st-options

st-options will activate additional options on the module. This tag allows you to customize background colors and font colors of a selected module within the Stamplia Builder.

st-bgcolor

st-bgcolor will allow you to change the whole background color of a module within the Stamplia Builder

st-content

st-content is added to the surrounding td of your text, this will allow you to click on text within the editor and apply many different styling options to your text. We use preheader as this is for the preheader module, if we wanted to edit content on a header block we would simply add header.

st-title

In the same way we use st-content we can use st-title we will make use of st-title by adding the template tag to the surrounding td of our title. This will enable the same styling options as st-content when text is clicked on within the Stamplia Builder.

Ok so in the above module we have covered quite alot, but what about images? yes the Stamplia builder has got your covered here too, and here’s how you can make images & banners editable in the Stamplia Builder.

st-image

To make an image editable we simply add the following code to our img tag. This will allow you to upload new images

Getting Approved

To be considered for approval you need to create a compatible HTML email template which is also spam free and appealing to Stamplia customers. Once you have developed your template you will need to provide Stamplia with a ZIP folder containing your main.html file, Layered PSD file, Images Folder & Screenshot.png.

The structure of your ZIP folder should look like this :

● /images
● main.html
● main.psd
● screenshot.png

Once you have the following structure ready and your design, development, testing & QA’ing is complete your good to upload to the Stamplia marketplace. Sign up here -> stamplia.com & become a contributer.

It’s recommend you test your template in the Stamplia Builder before submitting it to avoid any bugs etc and to ensure everything works how it should. Once you have signed up for a Stamplia account you can login to the builder here -> builder.stamplia.com

Once you have uploaded your template to Stamplia, you will have to wait 3 days – 1 week for Stamplia to review your template. There team are very friendly and provide you with the support you need to get your template listed on there marketplace.

For further information on creating a template for the Stamplia Builder simply visit the following documentation provided by Stamplia -> https://builder.stamplia.com/doc

I have also added a master template which makes use of all modules available on the Stamplia builder, you can find this in the templates folder of the Email Framework located at :-

https://github.com/g13nn/Email-Framework/blob/master/templates/stamplia.html


Glenn Smith





© 2017, All Rights Reserved - Glenn Smith