Skip to main content
All CollectionsLoyaltyIntroduction
Appstle Loyalty & Rewards - Custom Email HTML
Appstle Loyalty & Rewards - Custom Email HTML
Joshua Kye avatar
Written by Joshua Kye
Updated over a week ago

Below is the HTML code used for Appstle Loyalty & Rewards' email templates.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow-wrap: anywhere">
<head>
<title>{{ subject }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <meta name='viewport' content='width=device-width' /> -->

<style type="text/css" data-no-inline="">
@media only screen and (max-device-width: 500px) {
.width {
width: 100% !important;
}

.mobile-pad {
padding: 0 15px !important;
}
}

p {
margin-bottom: 2px !important;
}
</style>
</head>

<body
style="
margin: 0;
box-sizing: border-box;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 26px;
min-width: 100%;
min-height: 100%;
padding: 0;
text-align: left;
background: #f7f9fd;
color: #4d4d5a;
width: 100% !important;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
background: #f7f9fd;
height: 100%;
width: 100%;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
"
class="loyalty-email-template"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
align="center"
valign="top"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-collapse: collapse !important;
"
>
<table
class="a_spacer"
align="center"
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
width: 100%;
margin: 0 auto;
float: none;
text-align: center;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="24"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 24px;
line-height: 24px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>

<table
align="center"
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
width: 100%;
margin: 0 auto;
float: none;
text-align: center;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-collapse: collapse !important;
"
>
<table
class="a_container"
align="center"
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
background: #ffffff;
width: 100%;
max-width: 600px !important;
text-align: inherit;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-collapse: collapse !important;
"
>
<table
align="center"
class="header"
width="100%"
style="background-color: {{header_background_color}}; text-align: center;border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;display:table"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="40"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0"
></td>
</tr>
<tr>
<td
align="center"
height="100"
valign="top"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0"
>
{% if logo_url != null and logo_url.size != 0 %}
<img src="{{ logo_url }}" width="{{ logo_height }}" />
{% endif %}
</td>
</tr>
<tr>
<td
align="center"
class="heading mobile-pad"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0; color: {{header_text_color}}"
>
<p class="action" style="font-size: 22px; text-align: center">
{% if showAvailablePoints != null and showAvailablePoints %} {% if availablePoints != null and
available_points_label != ''%} {{available_points_label}} {{availablePoints}} {% endif %} {% endif %}
</p>
</td>
</tr>
<tr>
<td
height="40"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0"
></td>
</tr>
</tbody>
</table>
<table
class="middle"
width="100%"
style="background-color: {{templateBackgroundColor}}; border-bottom: 1px solid #eaeaea"
>
<tbody>
<tr>
<td
align="center"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0"
>
<table class="width content mobile-pad" width="100%" style="max-width: 500px">
<tbody>
<tr>
<td
height="40"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
"
></td>
</tr>
<tr>
<td
class="message"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
font-size: 16px;
"
>
<div
class="text"
style="margin: 0 0 15px 0; padding: 0; line-height: 22px;color: {{ text_color }}"
>
<div>{{ body_content | newline_to_br }}</div>
</div>
</td>
</tr>
<tr>
<td
height="20"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
"
></td>
</tr>
<tr>
<td
class="rewards-container"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
text-align: center;
"
>
{% if emailSettingType != null and (emailSettingType == "REWARD_AVAILABLE_REMINDER" or
emailSettingType == "REFERRAL" or emailSettingType == "REFERRAL_LINK") %}
<a
class="reward big-button"
href="{{redirectLink}}"
style="
display: inline-block;
text-decoration: none;
padding: 14px 24px;
border-radius: 4px;
font-size: 18px;
border-bottom: 5px solid {{claimNowButtonBorderColor}};
box-sizing: border-box;
margin-bottom: 15px;
color: {{ claimNowButtonTextColor }};
background-color: {{ claimNowButtonBackgroundColor }};
"
>
<span class="reward-title" style="font-size: 16px; text-align: center">{{claimNow}}</span>
</a>
{% endif %} {%if showEarnRules != null and showEarnRules %}
<h6
align="center"
style="
padding: 0;
margin: 0;
text-align: left;
line-height: 26px;
color: #0f0f1a;
word-wrap: normal;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 18px;
"
>
{{earnRulesAvailableText}}
</h6>
<table
align="center"
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
margin: 0 auto;
float: none;
text-align: center;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="16"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 16px;
line-height: 16px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
<table
class="a_rulescallout"
align="center"
style="
border-spacing: 0;
padding: 0;
vertical-align: top;
margin: 0 auto;
float: none;
text-align: center;
border-collapse: separate;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
class="a_rulescallout-inner"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
width: 100%;
padding: 18px;
background-color: #f4f6fb !important;
border: none !important;
border-radius: 0 !important;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="8"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 8px;
line-height: 8px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
{% for reward in earnRuleSummaries %}
<table
class="a_rulerow"
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
text-align: left;
padding: 0;
display: table;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
class="a_rulesmall-1 a_ruleDescriptioncolumns"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0 !important;
text-align: left;
font-size: 12px;
line-height: 26px;
margin: 0 auto;
border-radius: 10px;
width: 8.333333%;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-radius: 10px;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="4"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 4px;
line-height: 4px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
<img
src="{{reward.iconUrl}}"
height="30"
alt=""
style="
outline: none;
text-decoration: none;
width: auto;
max-width: 100%;
clear: both;
display: block;
"
class="CToWUd"
data-bit="iit"
/>
</th>
</tr>
</tbody>
</table>
</th>
<th
class="a_rulesmall a_rulecolumns"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0 !important;
text-align: left;
font-size: 12px;
line-height: 26px;
margin: 0 auto;
border-radius: 10px;
width: 91.666666%;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-radius: 10px;
"
>
<table
class="a_rulerow"
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
text-align: left;
padding: 0;
display: table;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td>
<p
class="a_ruleheader"
style="
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
padding: 0;
margin: 0;
text-align: left;
word-wrap: break-word;
word-break: break-word;
line-height: 20px !important;
color: #0f0f1a !important;
font-weight: 600 !important;
font-size: 16px !important;
"
>
{{reward.ruleName}}
</p>
</td>
</tr>
</tbody>
</table>
<table
class="a_rulerow"
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
text-align: left;
padding: 0;
display: table;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td>
<p
style="
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
word-wrap: break-word;
word-break: break-word;
line-height: 20px !important;
color: #0f0f1a !important;
font-size: 14px !important;
"
>
{{reward.ruleDescription}}
</p>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="24"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 24px;
line-height: 24px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
{% endfor %}
</th>
<th
class="a_loopend_expander"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
width: 0;
border-radius: 10px;
padding: 0 !important;
"
></th>
</tr>
</tbody>
</table>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="32"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 32px;
line-height: 32px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
{% endif %} {%if (emailSettingType != null and emailSettingType == "MONTHLY_REWARD_REMINDER") or
showRedeemRules != null and showRedeemRules %}
<h6
align="center"
style="
padding: 0;
margin: 0;
text-align: left;
line-height: 26px;
color: #0f0f1a;
word-wrap: normal;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 18px;
"
>
{{rewardsAvailable}}
</h6>
<table
align="center"
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
margin: 0 auto;
float: none;
text-align: center;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="16"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 16px;
line-height: 16px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
<table
class="a_rulescallout"
align="center"
style="
border-spacing: 0;
padding: 0;
vertical-align: top;
margin: 0 auto;
float: none;
text-align: center;
border-collapse: separate;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
class="a_rulescallout-inner"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
width: 100%;
padding: 18px;
background-color: #f4f6fb !important;
border: none !important;
border-radius: 0 !important;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="8"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 8px;
line-height: 8px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
{% for reward in rewardsSummaries %}
<table
class="a_rulerow"
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
text-align: left;
padding: 0;
display: table;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
class="a_rulesmall-1 rulecolumns"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: left;
font-size: 12px;
line-height: 26px;
margin: 0 auto;
padding-bottom: 0;
border-radius: 10px;
width: 8.333333%;
padding-left: 0 !important;
padding-right: 0 !important;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-radius: 10px;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="4"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 4px;
line-height: 4px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
<img
src="{{reward.iconUrl}}"
height="30"
alt=""
style="
outline: none;
text-decoration: none;
width: auto;
max-width: 100%;
clear: both;
display: block;
"
class="CToWUd"
data-bit="iit"
/>
</th>
</tr>
</tbody>
</table>
</th>
<th
class="a_rowsmall rule-descriptioncolumns"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: left;
font-size: 12px;
line-height: 26px;
margin: 0 auto;
padding-bottom: 0;
border-radius: 10px;
width: 91.666666%;
padding-left: 0 !important;
padding-right: 0 !important;
"
>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<th
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
border-radius: 10px;
"
>
<table
class="a_rulerow"
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
text-align: left;
padding: 0;
display: table;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td>
<p
class="a_ruleheader"
style="
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
padding: 0;
margin: 0;
text-align: left;
word-wrap: break-word;
word-break: break-word;
line-height: 20px !important;
color: #0f0f1a !important;
font-weight: 600 !important;
font-size: 16px !important;
"
>
{{reward.note}}
</p>
</td>
</tr>
</tbody>
</table>
<table
class="a_rulerow"
style="
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
text-align: left;
padding: 0;
display: table;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td>
<p
style="
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
word-wrap: break-word;
word-break: break-word;
line-height: 20px !important;
color: #0f0f1a !important;
font-size: 14px !important;
"
>
{{reward.discount}}
</p>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table
style="
border-spacing: 0;
border-collapse: collapse;
padding: 0;
vertical-align: top;
text-align: left;
width: 100%;
"
>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left">
<td
height="24"
style="
word-wrap: break-word;
vertical-align: top;
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
border-collapse: collapse !important;
font-size: 24px;
line-height: 24px;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
{% endfor %}
</th>
<th
class="a_loopend_expander"
style="
color: #4d4d5a;
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
text-align: left;
font-size: 12px;
line-height: 26px;
width: 0;
border-radius: 10px;
padding: 0 !important;
"
></th>
</tr>
</tbody>
</table>
{% endif %}
</td>
</tr>
<tr>
<td
height="40"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
"
></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<table class="footer" width="100%">
<tbody>
<tr>
<td
align="center"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0; background-color: {{footer_background_color}}"
>
<table class="width" width="100%" style="max-width: 500px">
<tbody>
<tr>
<td
height="30"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
"
></td>
</tr>
<tr>
<td
align="center"
class="mobile-pad footer-unsubscribe"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 20px;
color: {{ footer_text_color }}"
>
{{ footer | newline_to_br }}
<br />
<a
target="_blank"
href="https://loyalty-admin.appstle.com/api/miscellaneous/unsubscribe-email/{{customer.id}}"
style="color: {{footer_link_color}}"
>{{unsubscribeText}}</a
>
</td>
</tr>
<tr>
<td
height="30"
style="
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
"
></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Merchants who wish to create and use custom email templates can make use of this.

Did this answer your question?