SHOP
SHOP - Responsive Shopping Email Pack
-
It contains 10 Email Template and one All elements Template
-
Each module has comment on top to understand the type or name module
-
First table is 100% width
-
[Next] First nested table is 680px with "device-width" class, which controls the width of table in Responsive Mode
-
Remaining nested tables are content tables
-
Max. width 680px. Responsive break-points 640px, 480px.
-
Body backgtound [or BG]color means background color os outer most [100% width module] table
-
Find the attributes in TABLE or TD to change the values or styles. For Example:
-
To change with width, find table attribute " width="275" " or change the font / color find the in-line style " style="font-family:--; color:#--;" "
-
To change the break-points of responsiveness find the internal styles in <style>..</style> tag within <head> tag.

-
Internal [within the <head> tag] and inline styles used
-
Change the values of styles and attribues as per your requirements


-
1 PSD, 10 X 5 Html and One X 5 All elements Html files are available in the package.
- Inside the HTML folders, 5 folders available and named as Raw HTML, StampReady, MailChimp, Mymail and Campaign Monitor. Each folder contains all-elements.html and demo1.html to demo10.html.
-
Raw HTML - HTML only file
-
StampReady - Builder ready file
-
MailChimp - Editable and send using MailChimp
-
Campaing Monitor - Editable and send using Campaing Monitor
-
Mymail - Zipfile - Editable and send using mymail
- You can find the Stamp-ready HTML file inside the StampReady folder of the downloaded zip file named "all-elements.html and demo1.html to demo10.html."
- In order to edit the Stamp-ready HTML file, you have to create the free account in http://stampready.net and then follow the bellow steps.
- Login to stampready site
- See right top > New Campaign
- Import Stampready HTML Template from "StampReady" folder
- Once uploaded, you can see the HTML file preview. Click use template
- Edit template and apply the changes.
- SAVE TEMPLATE and Export it.
- Note:
- Stampready is an online drag & drop builder which used to edit the template free of cost.
- Demo Images are not included in the package.
- You can find the Mailchimp HTML file inside the mailchimp folder of the downloaded zip file named "all-elements.html and demo1.html to demo10.html."
- In order to edit the Mailchimp HTML file, you have to create the account in https://mailchimp.com/ and then follow the bellow steps.
- Login to mailchimp site
- Go To--> Templates menu --> Create Template --> Import Html
- Import html from "mailchimp" folder
- Edit Design and apply the changes.
- SAVE TEMPLATE and SEND the Test Mail
- Note:
- You can also import the Html file and create campaign which is customized and exported from Stampready Builder. But it is not editable by Mailchimp
- Demo Images are not included in the package.
- You can find the Campaing Monitor HTML file inside the campaign-monitor folder of the downloaded zip file named "all-elements.html and demo1.html to demo10.html."
- In order to edit the Campaing Monitor HTML file, you have to create the account in https://www.campaignmonitor.com/ and then follow the bellow steps.
- Login to Campaing Monitor site
- Go to --> Create Campaign ---> Import Html [under More Options]
- Import html from "campaign-monitor" folder
- Edit Design and apply the changes.
- SAVE TEMPLATE and SEND the Test Mail
- Note:
- You can also import the Html file and create campaign which is customized and exported from Stampready Builder. But it is not editable by Campaing Monitor
- Demo Images are not included in the package.
- You can find the Mymail zip file inside the mymail folder of the downloaded zip file
- In order to edit the Mymail file, you should have the mymail plugin in the Wordpress website and then follow the bellow steps.
- Login to your Wordpress site
- Go to --> Admin Panel --> Newsletter --> Templates --> Upload the mymail zip file
- After uploaded, you can view this template under "New Campaign" section of MyMail plugin.
- Edit Design and apply the changes.
- Note:
- Demo Images are not included in the package.
Stock Photos
Other Help Documantation