I create a template for Order Confirmation Email, and then I copy and paste HTML code in the appropriate section in Shopify, after I saved and everything went well, but when I do the same thing but with the template for Shipping Confirmation, when I go to save the I get an error, this “Body html Liquid syntax error: 'if' tag was never closed” what can I do ?
Hi
Apologies that there was a delay in responding back to this post! I wanted to follow up with some thoughts that might be helpful:
The “Body html Liquid syntax error: 'if' tag was never closed” error in Shopify shows up when there are some “if” statement tags within your template that haven't been closed. For example, here is a text block we see:
The code here would need to be:
<p>They are being shipped {% if fulfillment.tracking_company %}via {{ fulfillment.tracking_company }} your address:{% endif %}</p>
<p>{{ shipping_address.name }}<br />
{{ shipping_address.address1 }}<br />
{{ shipping_address.address2 }}<br />
{{ shipping_address.city }}, {{ shipping_address.province }} {{ shipping_address.zip }}<br />
{{ shipping_address.country }}</p>
I would recommend going through the sources of all blocks that have {% if ...} tags that have not been closed with an {% endif %} tag, to make sure they are correct.
I hope this information was helpful!
Thanks,
-Cass.
I created a template for Order Confirmation Email, and then I copy and paste HTML code in the appropriate section in Shopify, after I saved and everything went well, but when I do the same thing but with the template for Shipping Confirmation, when I go to save the I get an error, this “Body html Liquid syntax error: 'if' tag was never closed”. So i know that i have tu put a {% endif %} tag, but i can’understand where do i have tu put this tag. I tried to put the tag in some point of the HTML CODE but some parts of the template were removed. Who can help me saying me where do i have to put the {% endif %} tag?
THE CODE IS:
<!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> <!--yif mso]> <style> .templateContainer { border: 0px none #aaaaaa; background-color: #ffffff; border-radius: 0px; } #brandingContainer { background-color: transparent !important; border: 0; } .templateContainerInner { padding: 0px; } </style> <!sendif]--> <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:#15C;font-weight:normal;text-decoration:underline} .rowContainer .kmTextContent a:visited {color:#15C;font-weight:normal;text-decoration:underline} .kmTable .kmTableRow:last-child > td {border-bottom:none !important}</style><style>#outlook a { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0 } .ReadMsgBody { width: 100% } .ExternalClass { width: 100% } span.yshortcuts { background-color: none !important; border: none !important } span.yshortcuts:hover, span.yshortcuts:active, span.yshortcuts:focus { background-color: none !important; border: none !important } body { margin: 0; padding: 0 } a { word-wrap: break-word !important; max-width: 100% } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } imgdalign="left"] { margin-right: 0 } img-align="right"] { margin-left: 0 } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } p:last-child { padding-bottom: 0 } #bodyTable, #bodyCell { height: 100% !important; margin: 0; width: 100% !important; table-layout: auto } #bodyTable { padding: 0 } #bodyCell { padding-top: 50px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; border-top: 0 } body, #bodyTable { background-color: #F7F7F7 } .templateContainer { border: 0 none #aaa; background-color: #fff; border-radius: 0 } .brandingContainer { background-color: transparent; border: 0 } .templateContainerInner { padding: 0 } h1 { color: #222 !important; display: block; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 20px; text-align: left } h2 { color: #222 !important; display: block; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 16px; text-align: left } h3 { color: #222 !important; display: block; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 12px; text-align: left } h4 { color: #222 !important; display: block; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: italic; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 9px; text-align: left } .rowContainer .kmTextContent { color: #222; font-family: "Helvetica Neue", Arial; font-size: 14px; line-height: 1.3; letter-spacing: 0; text-align: left; max-width: 100%; word-wrap: break-word } .rowContainer .kmTextContent a, .rowContainer .kmTextContent a:link, .rowContainer .kmTextContent a:visited, .rowContainer .kmTextContent a .yshortcuts { color: #15C; font-weight: normal; text-decoration: underline } .rowContainer .kmTextContent .kmParagraph { padding-bottom: 9px } .kmImageContent { padding: 0; font-size: 0 } .kmImage { padding-bottom: 0; display: inline !important; vertical-align: top; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; font-size: 12px; width: 100% } .kmButtonBlockInner, .kmButtonCollectionInner { min-width: 60px; padding: 9px 18px } .kmButtonContentContainer { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #999; border-collapse: separate } .kmButtonContent { color: white; font-family: "Helvetica Neue", Arial; font-size: 16px } .kmButton { font-weight: bold; line-height: 100%; text-align: center; text-decoration: none; color: white; font-family: "Helvetica Neue", Arial; font-size: 16px } .kmButtonBarContent, .kmButtonCollectionContent { font-family: "Helvetica Neue", Arial } .kmVerticalButtonContent { border-collapse: separate } .kmTable .kmTableRow > td:last-child { border-right: none !important } .kmTable .kmTableRow:last-child > td { border-bottom: none !important } .kmMobileOnly { display: none } .kmDesktopWrapHeader, .kmDesktopWrapHeaderMobileNone { display: inline-block } .kmHide { display: none } .kmMobileHeaderStackDesktopNone, .kmMobileWrapHeaderDesktopNone { display: none } .kmDesktopAutoWidth { width: 100% }</style></head> <body> <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" width="100%"> <tbody> <tr> <td align="center" id="bodyCell" valign="top"> <!--oif !mso]><!--> <div class="templateContainer" style="display: table; width:600px"> <div class="templateContainerInner"> <!--<!tendif]--> <!--]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;"> <!eendif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerBlock" style="background-color:#45D6E6" width="100%"> <tbody class="kmDividerBlockOuter"> <tr> <td class="kmDividerBlockInner" style="padding-top:20px;"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerContent" width="100%"> <tbody> <tr><td><span></span></td></tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="padding:9px;padding-right:9;padding-left:9;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="padding-top:0px;padding-bottom:0;padding-left:9px;padding-right:9px;text-align: center;" valign="top"> <a href="https://happysealstore.myshopify.com/" target="_self"> <img align="center" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/UW7Y7W/images/516551b7-aa5e-4584-9349-abfe9f7413fc.png" style="max-width:300px;padding:0;border-width:0;" width="300"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:18px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <h3 style="text-align: center;">Your order has shipped!</h3> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:0px;padding-bottom:20px;padding-left:18px;padding-right:18px;" valign="top"> <p style="text-align: center;"><span style="font-size:16px;"><span style="font-family:helvetica,sans-serifhelvetica neue;">Hi {{ First_Name }}, we've got some good news for you! {% if fulfillment.item_count == item_count %}All{% elsif fulfillment_status == 'fulfilled' %}</span></span>{% endif %}</p> <p style="text-align: center;"><span style="font-size:16px;"><span style="font-family:helvetica,sans-serifhelvetica neue;">Your order #{{ order_number }} have now been shipped! </span></span></p> <p style="text-align: center;"><span style="font-size:16px;"><span style="font-family:helvetica,sans-serifhelvetica neue;">Remember that due to the high demand of our product, it can take 1 to 4 weeks to arrive, but you can keep it tracked with the tracking number below! </span></span><span style='font-family: helvetica, "sans-serifhelvetica neue"; font-size: 16px;'>So, be patient, it will arrive!</span></p> <p style="text-align: center;"><span style="font-size:16px;"><span style="font-family:helvetica,sans-serifhelvetica neue;">Just in case you missed it, get <strong>20%OFF</strong> on your next purchase using: <strong><span style="background-color:#FFFF00;">Y4DF73</span></strong> at the checkuot. BUT it's <strong><u>only valid for today</u></strong>, so be quick! </span></span></p> <p style="text-align: center;"><span style="font-size:16px;"><span style="font-family:helvetica,sans-serifhelvetica neue;">Thank you again for your order, hope to see you soon again! </span></span><span style='font-family: helvetica, "sans-serifhelvetica neue"; font-size: 16px;'>Talk soon!</span></p> <p style="padding-bottom:0; text-align:center"><span style="font-family:helvetica,sans-serifhelvetica neue;"><span style="font-size:16px;"><strong>HAPPYSEAL TEAM</strong></span></span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:0px;padding-left:18px;padding-right:18px;" valign="top"> <h4>Shipment Details:</h4> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTableBlock kmTableMobile" width="100%"> <tbody class="kmTableBlockOuter"> <tr> <td class="kmTableBlockInner" style="padding-top:0px;padding-bottom:18px;padding-left:18px;padding-right:18px;" valign="top"> {% if fulfillment.fulfillment_line_items %} <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTable" style="" width="100%"> <thead> <tr> <th class="kmTextContent" style="text-align:right;width:25%;padding-top:0px;font-weight:bold;padding-right:0px;padding-left:0px;padding-bottom:0px;" valign="top"> </th> <th class="kmTextContent" style="text-align:left;width:75%;padding-top:0px;font-weight:bold;padding-right:0px;padding-left:0px;padding-bottom:0px;" valign="top"> </th> </tr> </thead> <tbody> {% for line in fulfillment.fulfillment_line_items %} <tr class="kmTableRow"> <td class="kmTextContent" style="text-align:right;width:25%;border-top-style:solid;padding-bottom:8px;padding-right:10px;padding-left:0px;padding-top:8px;border-top-color:#EEEEEE;border-top-width:1px;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="kmImageContent" style="padding:0;" valign="top"> <img align="right" alt="line.title" class="kmImage" src="{{ line.line_item.product.featured_image | product_img_url: 'medium' }}" style="max-width:200px;" width="150"/> </td> </tr> </table> </td> <td class="kmTextContent" style="border-right:none; text-align:left; width:75%; border-top-style:solid; padding-bottom:8px; padding-right:10px; padding-left:0; padding-top:8px; border-top-color:#EEE; border-top-width:1px" valign="top"> <h4>{{ line.line_item.title }}</h4> <p style="padding-bottom:0">Quantity: {{ line.line_item.quantity }}</p> </td> </tr> {% endfor %} </tbody> </table> {% else %} {% endif %} </td> </tr> </tbody> </table> {% if requires_shipping %} <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <p>They are being shipped {% if fulfillment.tracking_company %}via {{ fulfillment.tracking_company }} {% endif %}to the following address:</p> <p style="padding-bottom:0">{{ shipping_address.name }}<br/> {{ shipping_address.address1 }}<br/> {{ shipping_address.address2 }}<br/> {{ shipping_address.city }}, {{ shipping_address.province }} {{ shipping_address.zip }}<br/> {{ shipping_address.country }}</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> {% endif %} {% if fulfillment.tracking_numbers.size == 1 %} <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> The tracking number for these items is <strong>{{ fulfillment.tracking_numbers.first }}</strong>. Use the link below to see the status of your shipment: </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> {% endif %} {% if fulfillment.tracking_numbers.size == 1 %} <table border="0" cellpadding="0" cellspacing="0" class="kmButtonBlock" style="width: 100% !important" width="100%"> <tbody class="kmButtonBlockOuter"> <tr> <td align="center" class="kmButtonBlockInner" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonContentContainer" style="background-color:#45D6E6;border-radius:5px;" width=""> <tbody> <tr> <!--bif !mso]><!--> <td align="center" class="kmButtonContent" style="color:#FFFFFF;letter-spacing:0px;font-size:16px;font-family:Arial;font-weight:bold;" valign="middle"> <a class="kmButton" href="{{ fulfillment.tracking_urls.first }}" style="text-decoration:none; display: inline-block; padding-top:15px;padding-bottom:15px;font-size:16px;color:#FFFFFF;letter-spacing:0px;font-weight:bold;padding-left:15px;padding-right:15px;font-family:Arial; ;" target="_self" title="">Track Package</a> </td> <!--<!tendif]--> <!---if mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; padding-top:15px;padding-bottom:15px;font-size:16px;color:#FFFFFF;letter-spacing:0px;font-weight:bold;padding-left:15px;padding-right:15px;font-family:Arial;"> __MSO_OPEN_LINK_MARKER__<a class="kmButton" title="" href="{{ fulfillment.tracking_urls.first }}" target="_self" style="text-decoration:none;padding-top:15px;padding-bottom:15px;font-size:16px;color:#FFFFFF;letter-spacing:0px;font-weight:bold;padding-left:15px;padding-right:15px;font-family:Arial;; margin-top:-15px;margin-bottom:-15px;margin-left:-15px;margin-right:-15px;">Track Package</a>__MSO_CLOSE_LINK_MARKER__ </td> <!_endif]--> </tr> </tbody> </table> </td> </tr> </tbody> </table> {% endif %} {% if fulfillment.tracking_numbers.size > 1 %} <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <p><span style="font-family:helvetica,sans-serifhelvetica neue;"><span style="font-size:16px;">You can track your order on the website: <u><em>https://www.17track.net/en</em></u>, or you can download the app <strong>"Parcel"</strong> on your smartphone!</span></span></p> <p><span style="font-family:helvetica,sans-serifhelvetica neue;"><span style="font-size:16px;">Please, if the tracking page says "No shipping record", just wait some days that the courrier will update your shipping status</span></span>.</p> <div> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> {% endif %} {% if fulfillment.tracking_numbers.size > 1 %} {% for tracking_url in fulfillment.tracking_urls %} <table border="0" cellpadding="0" cellspacing="0" class="kmButtonBlock" style="width: 100% !important" width="100%"> <tbody class="kmButtonBlockOuter"> <tr> <td align="center" class="kmButtonBlockInner" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonContentContainer" style="background-color:#45D6E6;border-radius:5px;" width=""> <tbody> <tr> <!--tif !mso]><!--> <td align="center" class="kmButtonContent" style="color:#FFFFFF;letter-spacing:0px;font-size:16px;font-family:Arial;font-weight:bold;" valign="middle"> <a class="kmButton" href="{{ tracking_url }}" style="text-decoration:none; display: inline-block; padding-top:15px;padding-bottom:15px;font-size:16px;color:#FFFFFF;letter-spacing:0px;font-weight:bold;padding-left:15px;padding-right:15px;font-family:Arial; ;" target="_self" title="">Track Package #{{ forloop.index }}</a> </td> <!--<!gendif]--> <!---if mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; padding-top:15px;padding-bottom:15px;font-size:16px;color:#FFFFFF;letter-spacing:0px;font-weight:bold;padding-left:15px;padding-right:15px;font-family:Arial;"> __MSO_OPEN_LINK_MARKER__<a class="kmButton" title="" href="{{ tracking_url }}" target="_self" style="text-decoration:none;padding-top:15px;padding-bottom:15px;font-size:16px;color:#FFFFFF;letter-spacing:0px;font-weight:bold;padding-left:15px;padding-right:15px;font-family:Arial;; margin-top:-15px;margin-bottom:-15px;margin-left:-15px;margin-right:-15px;">Track Package #{{ forloop.index }}</a>__MSO_CLOSE_LINK_MARKER__ </td> <!Kendif]--> </tr> </tbody> </table> </td> </tr> </tbody> </table> {% endfor %} {% endif %} <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <div><font face="helvetica, sans-serifhelvetica neue"><span style="font-size: 16px;"><b>MONEY BACK GUARANTEE</b></span></font></div> <div> </div> <div><span style='font-size: 16px; font-family: helvetica, "sans-serifhelvetica neue";'>We want to be 100% sure that you're happy with your purchase, that's why we offer a 14Days Money Back Guarantee, so if for any reasons you are not happy with the product, please let us know and we will process your refund. </span></div> <p style="padding-bottom:0"> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonCollectionBlock" width="100%"> <tbody class="kmButtonCollectionOuter"> <tr> <td align="center" class="kmButtonCollectionInner" style="padding-top:9;padding-bottom:9;background-color:#FFFFFF;padding-left:18;padding-right:18;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonCollectionContentContainer" width="100%"> <tbody> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" class="kmButtonCollectionContent" width="100%"> <tbody> <tr> <td valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kmMobileNoAlign kmDesktopAutoWidth kmMobileAutoWidth" style="float:left"> <tr class="kmMobileNoAlign" style="font-size: 0;"> <td align="center" class="kmMobileHeaderStack" style=" vertical-align: middle;" valign="middle"> <table border="0" cellpadding="0" cellspacing="0" class="kmMobileAutoWidth"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" class="kmMobileAutoWidth" style="border-collapse:separate; border-radius:5px; background-color:#45D6E6; "> <tr> <!--5if !mso]><!--> <td align="center" class="kmButtonContent" style='color:#FFFFFF;font-weight:normal;letter-spacing:0px;font-size:14px;font-family:"Helvetica Neue", Arial;' valign="middle"> <a class="kmButton" href="https://happyseal.co/" style='text-decoration:none; display: inline-block; padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial; ;' target="_self" title="">HOME</a> </td> <!--<!/endif]--> <!--tif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial;"> __MSO_OPEN_LINK_MARKER__<a class="kmButton" title="" href="https://happyseal.co/" target="_self" style="text-decoration:none;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial;; margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;">HOME</a>__MSO_CLOSE_LINK_MARKER__ </td> <!Lendif]--> </tr> </table> </td> </tr> </table> </td> <td align="center" class="kmMobileHeaderStack" style=" vertical-align: middle;" valign="middle"> <table border="0" cellpadding="0" cellspacing="0" class="kmMobileAutoWidth"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" class="kmMobileAutoWidth" style="border-collapse:separate; border-radius:5px; background-color:#45D6E6; "> <tr> <!--5if !mso]><!--> <td align="center" class="kmButtonContent" style='color:#FFFFFF;font-weight:normal;letter-spacing:0px;font-size:14px;font-family:"Helvetica Neue", Arial;' valign="middle"> <a class="kmButton" href="https://happyseal.co/pages/faqs" style='text-decoration:none; display: inline-block; padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial; ;' target="_self" title="">FAQs</a> </td> <!--<!/endif]--> <!--tif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial;"> __MSO_OPEN_LINK_MARKER__<a class="kmButton" title="" href="https://happyseal.co/pages/faqs" target="_self" style="text-decoration:none;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial;; margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;">FAQs</a>__MSO_CLOSE_LINK_MARKER__ </td> <!Lendif]--> </tr> </table> </td> </tr> </table> </td> <td align="center" class="kmMobileHeaderStack" style=" vertical-align: middle;" valign="middle"> <table border="0" cellpadding="0" cellspacing="0" class="kmMobileAutoWidth"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" class="kmMobileAutoWidth" style="border-collapse:separate; border-radius:5px; background-color:#45D6E6; "> <tr> <!--5if !mso]><!--> <td align="center" class="kmButtonContent" style='color:#FFFFFF;font-weight:normal;letter-spacing:0px;font-size:14px;font-family:"Helvetica Neue", Arial;' valign="middle"> <a class="kmButton" href="https://happyseal.co/pages/stay-in-touch" style='text-decoration:none; display: inline-block; padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial; ;' target="_self" title="">CONTACT US</a> </td> <!--<!/endif]--> <!--tif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial;"> __MSO_OPEN_LINK_MARKER__<a class="kmButton" title="" href="https://happyseal.co/pages/stay-in-touch" target="_self" style="text-decoration:none;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#FFFFFF;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:"Helvetica Neue", Arial;; margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;">CONTACT US</a>__MSO_CLOSE_LINK_MARKER__ </td> <!Lendif]--> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </tbody> </table> </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> <!tendif]--> <!--lif !mso]><!--> <div class="templateContainer brandingContainer" style="display: table; width:600px"> <div class="templateContainerInner"> <!--<!eendif]--> <!--&if mso]> <table border="0" cellpadding="0" cellspacing="0" class="templateContainer" id="brandingContainer" 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" width="100%"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="padding:9px;padding-top:25px;padding-bottom:25px;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="padding-top:0px;padding-bottom:0;padding-left:9px;padding-right:9px;text-align: center;" valign="top"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=UW7Y7W" target="_self"> <img align="center" alt="Powered by Klaviyo" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="max-width:122px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <!--lif !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> <!--<!nendif]--> <!--;if mso]> </td> </tr> </tbody> </table> <!&endif]--> </td> </tr> </tbody> </table> </center> </body> </html>
Hello
Building off of
Klaviyo also offers are great troubleshooting guide regarding this error which you can reference to further assist you in alleviating this issue here: https://www.klaviyo.com/blog/using-free-email-template-creator-shopify
If you need further help troubleshooting any HTML templates or customizing these HTML templates feel free to checkout out our extensive network of agency partners.
Thanks for being a part of our Community!
-David
Reply
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentials
Log in with KlaviyoEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.