Skip to main content

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 @Nicoluco

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:

?name=Screen+Shot+2020-08-02+at+7.30.03+PM.png

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:&quot;Helvetica Neue&quot;, 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:&quot;Helvetica Neue&quot;, 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:&quot;Helvetica Neue&quot;, 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:&quot;Helvetica Neue&quot;, 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:&quot;Helvetica Neue&quot;, 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:&quot;Helvetica Neue&quot;, 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&amp;utm_source=brand&amp;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 @Franci1313,

Building off of @cassy.lee, the error message you are seeing of “Body html Liquid syntax error: 'if' tag was never closed”; this would highly depend on the template you are working with. As Cassy had suggested, the easiest way to resolve this would be to go through the Sources of all the blocks within the template and ensure that for every open {% if ...} statement that there is a closed {% endif %} tag associated with it. 

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