Store Launch Email Template
Last updated
Last updated
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<title></title>
<style type="text/css">
@media only screen and (max-width:480px) {
body,
table,
td,
p,
a,
li,
blockquote {
-webkit-text-size-adjust: none !important
}
body {
width: 100% !important;
min-width: 100% !important
}
#bodyCell {
padding: 10px !important
}
table.kmMobileHide {
display: none !important
}
table.kmDesktopOnly,
td.kmDesktopOnly,
th.kmDesktopOnly,
tr.kmDesktopOnly,
td.kmDesktopWrapHeaderMobileNone {
display: none !important
}
table.kmMobileOnly {
display: table !important
}
tr.kmMobileOnly {
display: table-row !important
}
td.kmMobileOnly,
td.kmDesktopWrapHeader,
th.kmMobileOnly {
display: table-cell !important
}
tr.kmMobileNoAlign,
table.kmMobileNoAlign {
float: none !important;
text-align: initial !important;
vertical-align: middle !important;
table-layout: fixed !important
}
tr.kmMobileCenterAlign {
float: none !important;
text-align: center !important;
vertical-align: middle !important;
table-layout: fixed !important
}
td.kmButtonCollection {
padding-left: 9px !important;
padding-right: 9px !important;
padding-top: 9px !important;
padding-bottom: 9px !important
}
td.kmMobileHeaderStackDesktopNone,
img.kmMobileHeaderStackDesktopNone,
td.kmMobileHeaderStack {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 9px !important;
padding-right: 0 !important;
padding-left: 0 !important
}
td.kmMobileWrapHeader,
td.kmMobileWrapHeaderDesktopNone {
display: inline-block !important
}
td.kmMobileHeaderSpacing {
padding-right: 10px !important
}
td.kmMobileHeaderNoSpacing {
padding-right: 0 !important
}
table.kmDesktopAutoWidth {
width: inherit !important
}
table.kmMobileAutoWidth {
width: 100% !important
}
table.kmTextContentContainer {
width: 100% !important
}
table.kmBoxedTextContentContainer {
width: 100% !important
}
td.kmImageContent {
padding-left: 0 !important;
padding-right: 0 !important
}
img.kmImage {
width: 100% !important
}
td.kmMobileStretch {
padding-left: 0 !important;
padding-right: 0 !important
}
table.kmSplitContentLeftContentContainer,
table.kmSplitContentRightContentContainer,
table.kmColumnContainer,
td.kmVerticalButtonBarContentOuter table.kmButtonBarContent,
td.kmVerticalButtonCollectionContentOuter table.kmButtonCollectionContent,
table.kmVerticalButton,
table.kmVerticalButtonContent {
width: 100% !important
}
td.kmButtonCollectionInner {
padding-left: 9px !important;
padding-right: 9px !important;
padding-top: 9px !important;
padding-bottom: 9px !important
}
td.kmVerticalButtonIconContent,
td.kmVerticalButtonTextContent,
td.kmVerticalButtonContentOuter {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 9px !important
}
table.kmSplitContentLeftContentContainer td.kmTextContent,
table.kmSplitContentRightContentContainer td.kmTextContent,
table.kmColumnContainer td.kmTextContent,
table.kmSplitContentLeftContentContainer td.kmImageContent,
table.kmSplitContentRightContentContainer td.kmImageContent {
padding-top: 9px !important
}
td.rowContainer.kmFloatLeft,
td.rowContainer.kmFloatLeft,
td.rowContainer.kmFloatLeft.firstColumn,
td.rowContainer.kmFloatLeft.firstColumn,
td.rowContainer.kmFloatLeft.lastColumn,
td.rowContainer.kmFloatLeft.lastColumn {
float: left;
clear: both;
width: 100% !important
}
table.templateContainer,
table.templateContainer.brandingContainer,
div.templateContainer,
div.templateContainer.brandingContainer,
table.templateRow {
max-width: 600px !important;
width: 100% !important
}
h1 {
font-size: 40px !important;
line-height: 1.1 !important
}
h2 {
font-size: 32px !important;
line-height: 1.1 !important
}
h3 {
font-size: 24px !important;
line-height: 1.1 !important
}
h4 {
font-size: 18px !important;
line-height: 1.1 !important
}
td.kmTextContent {
font-size: 14px !important;
line-height: 1.3 !important
}
td.kmTextBlockInner td.kmTextContent {
padding-right: 18px !important;
padding-left: 18px !important
}
table.kmTableBlock.kmTableMobile td.kmTableBlockInner {
padding-left: 9px !important;
padding-right: 9px !important
}
table.kmTableBlock.kmTableMobile td.kmTableBlockInner .kmTextContent {
font-size: 14px !important;
line-height: 1.3 !important;
padding-left: 4px !important;
padding-right: 4px !important
}
}
</style>
<!--[if mso]> <style> .templateContainer { border: 0px none #aaaaaa; background-color: #ffffff; border-radius: 0px; } #brandingContainer { background-color: transparent !important; border: 0; } .templateContainerInner { padding: 0px; } </style> <![endif]-->
<style>
span.yshortcuts:hover {
background-color: none !important;
border: none !important
}
span.yshortcuts:active {
background-color: none !important;
border: none !important
}
span.yshortcuts:focus {
background-color: none !important;
border: none !important
}
.rowContainer .kmTextContent a:link {
color: #532762;
font-weight: normal;
text-decoration: underline
}
.rowContainer .kmTextContent a:visited {
color: #532762;
font-weight: normal;
text-decoration: underline
}
.kmTable .kmTableRow:last-child > td {
border-bottom: none !important
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#F7F7F7">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" data-upload-file-url="/ajax/email-editor/file/upload" data-upload-files-url="/ajax/email-editor/files/upload" id="bodyTable" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:auto; margin:0; padding:0; background-color:#F7F7F7; height:100%; width:100%" width="100%">
<tbody>
<tr>
<td align="center" id="bodyCell" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:auto; margin:0; border-top:0; padding-bottom:20px; padding-left:20px; padding-right:20px; padding-top:50px; height:100%; width:100%" valign="top">
<!--[if !mso]><!-->
<div class="templateContainer" style="background-color:#fff; border:0 none #aaa; border-radius:0; display:table; width:600px">
<div class="templateContainerInner" style="padding:0">
<!--<![endif]-->
<!--[if mso]> <table border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="600" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <tbody> <tr> <td class="templateContainerInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tr>
<td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody>
<tr>
<td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody class="kmImageBlockOuter">
<tr>
<td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:9px; padding-right:9; padding-left:9" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody>
<tr>
<td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px; text-align:center" valign="top">
<a href="http://" style="max-width:100%; word-wrap:break-word" target="_self"> <img align="center" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/H4y48y/images/210801db-4943-4e0b-8f37-14a947829aa4.png" style="border:0; height:auto; line-height:100%; max-width:150px; outline:none; text-decoration:none; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="150" /> </a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody class="kmImageBlockOuter">
<tr>
<td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:9px; padding-right:9; padding-left:9" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody>
<tr>
<td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px" valign="top">
<a href="http://" style="max-width:100%; word-wrap:break-word" target="_self"> <img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/H4y48y/images/dc122060-dfcc-445d-a5e8-5ffb7fcd023f.jpeg" style="border:0; height:auto; line-height:100%; max-width:1000px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="546" /> </a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody class="kmTextBlockOuter">
<tr>
<td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody>
<tr>
<td class="kmTextContent" style='border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:"Helvetica Neue", Arial; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; padding-top:9px; padding-bottom:9px; padding-left:18px; padding-right:18px' valign="top">
<h2 style='display:block; font-family:"Helvetica Neue", Arial; font-size:32px; font-style:normal; font-weight:bold; letter-spacing:0; line-height:1.1; margin-bottom:16px; margin-left:0; margin-right:0; margin-top:0; text-align:left; color:#222'>Hello {{ first_name|default:'' }}, welcome to the Metron Branding store!</h2>
<p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em">We've been hard at work building a store to make ordering the things you need easier. Login <a href="#" style="max-width:100%; color:#532762; font-weight:normal; text-decoration:underline; word-wrap:break-word">here</a> with your email and password below to get started.</p>
<p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em"> </p>
<p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0">Username: Username
<br/> Password: Password</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody>
<tr>
<td class="rowContainer kmFloatLeft firstColumn" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody class="kmImageBlockOuter">
<tr>
<td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:9px; padding-right:9; padding-left:9" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody>
<tr>
<td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px" valign="top">
<a href="http://" style="max-width:100%; word-wrap:break-word" target="_self"> <img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/H4y48y/images/d36f5b59-245a-4fb3-9e7d-94f3b5c92c51.jpeg" style="border:0; height:auto; line-height:100%; max-width:400px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="246" /> </a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="rowContainer kmFloatLeft lastColumn" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody class="kmImageBlockOuter">
<tr>
<td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:9px; padding-right:9; padding-left:9" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%">
<tbody>
<tr>
<td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px" valign="top">
<a href="http://" style="max-width:100%; word-wrap:break-word" target="_self"> <img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/H4y48y/images/d073f348-6946-418d-ab31-e5ab338664a9.jpeg" style="border:0; height:auto; line-height:100%; max-width:400px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="246" /> </a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody>
<tr>
<td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody class="kmTextBlockOuter">
<tr>
<td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%">
<tbody>
<tr>
<td class="kmTextContent" style='border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#727272; font-family:"Helvetica Neue", Arial; font-size:12px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:center; word-wrap:break-word; padding-bottom:9px; padding-right:18px; padding-left:18px; padding-top:9px' valign="top"> No longer want to receive these emails? {% unsubscribe %}.
<br/> {{ organization.name }} {{ organization.full_address }} </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<!--[if !mso]><!-->
</div>
</div>
<div style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"></div>
<!--<![endif]-->
<!--[if mso]> </td> </tr> </tbody> </table> <![endif]-->
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>