Skip to main content

Hello, please i need help as soon as possible with this problem of mine.

On klaviyo i made a template for a shipping confirmation email, when i copied the link code and pasted it on shopify and try save it, it would give me this message: “Body html Liquid syntax error: 'if' tag was never closed”.

So i tried removing those spacing between { and % and also between % and } and pasted the new correct link code back in but it still won’t work and gives me the same error message, so please i need someone’s help to fix this problem really quickly if possible.

Thank you.

This is the “fixed” but not working code link:

<!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> <!lendif]--> <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%} imghalign="left"] { margin-right: 0 } imggalign="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"> <!--&if !mso]><!--> <div class="templateContainer" style="display: table; width:600px"> <div class="templateContainerInner"> <!--<!&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" 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"> </td> </tr> </tbody> </table> </td> </tr> <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:#31DF0B" 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-left:9;padding-right: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="http://funmagnets.co" target="_self"> <img align="center" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/Vn9ub4/images/6c867e11-a9de-46f2-a8dd-1b580f5c7554.jpeg" style="max-width:200px;padding:0;border-width:0;" width="200"/> </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-family:verdana,geneva,sans-serif;">Your order has been shipped!</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;"></span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">Hi {{ First_Name }},</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;"></span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">we’ve got some good news for you! {% if fulfillment.item_count == item_count %}All{% elsif fulfillment_status == 'fulfilled' %}</span></p> <p style="text-align: center;"> </p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">Your order #{{ order_number }} have now been shipped! Remember that due to the high demand of our product, it can take 1 to 2 and a half weeks to arrive, but you can keep it tracked with the tracking number below!</span></p> <p style="text-align: center;"> </p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">So, be patient, it will arrive! Just in case you missed it, get 30% OFF on your next purchase using: <strong><span style="background-color:#FFFF00;">KCH7G9</span></strong> at the checkout.</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">BUT it’s only valid for today, so be quick! Thank you again for your order, hope to see you soon again!</span></p> <p style="text-align: center;"> </p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">Talk soon!</span></p> <p style="padding-bottom:0; text-align:center"><span style="font-family:verdana,geneva,sans-serif;">FUN MAGNETS TEAM</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-left:18px;padding-bottom: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%;font-weight:bold;padding-top:0px;padding-left:0px;padding-bottom:0px;padding-right:0px;" valign="top"> </th> <th class="kmTextContent" style="text-align:left;width:75%;font-weight:bold;padding-top:0px;padding-left:0px;padding-bottom:0px;padding-right: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;border-top-width:1px;border-top-color:#EEEEEE;padding-top:8px;padding-left:0px;padding-bottom:8px;padding-right:10px;" 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; border-top-width:1px; border-top-color:#EEE; padding-top:8px; padding-left:0; padding-bottom:8px; padding-right:10px" 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="border-radius:5px;background-color:#1155CC;" width=""> <tbody> <tr> <!--tif !mso]><!--> <td align="center" class="kmButtonContent" style="color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;font-family:Arial;" valign="middle"> <a class="kmButton" href="{{ fulfillment.tracking_urls.first }}" style="text-decoration:none; display: inline-block; color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;padding-top:15px;padding-bottom:15px;font-family:Arial;padding-left:15px;padding-right:15px; ;" target="_self" title="">Track Package</a> </td> <!--<!gendif]--> <!--fif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;padding-top:15px;padding-bottom:15px;font-family:Arial;padding-left:15px;padding-right:15px;"> <a class="kmButton" title="" href="{{ fulfillment.tracking_urls.first }}" target="_self" style="text-decoration:none;color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;padding-top:15px;padding-bottom:15px;font-family:Arial;padding-left:15px;padding-right:15px;; margin-top:-15px;margin-bottom:-15px;margin-left:-15px;margin-right:-15px;">Track Package</a> </td> <!lendif]--> </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 style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">You can track your order on the website:</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">https://www.17track.net/en,</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">or</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">you can download the app "Parcel" on your smartphone! Please,</span><span style="font-family: verdana, geneva, sans-serif;">if the tracking page says "No shipping record", just wait some days that the courier will update your shipping status.</span></p> <p style="padding-bottom:0"> </p> </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="border-radius:5px;background-color:#1155CC;" width=""> <tbody> <tr> <!--tif !mso]><!--> <td align="center" class="kmButtonContent" style="color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;font-family:Arial;" valign="middle"> <a class="kmButton" href="{{ tracking_url }}" style="text-decoration:none; display: inline-block; color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;padding-top:15px;padding-bottom:15px;font-family:Arial;padding-left:15px;padding-right:15px; ;" target="_self" title="">Track Package #{{ forloop.index }}</a> </td> <!--<!gendif]--> <!--fif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;padding-top:15px;padding-bottom:15px;font-family:Arial;padding-left:15px;padding-right:15px;"> <a class="kmButton" title="" href="{{ tracking_url }}" target="_self" style="text-decoration:none;color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;padding-top:15px;padding-bottom:15px;font-family:Arial;padding-left:15px;padding-right:15px;; margin-top:-15px;margin-bottom:-15px;margin-left:-15px;margin-right:-15px;">Track Package #{{ forloop.index }}</a> </td> <!lendif]--> </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"> <p> </p> <p> </p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;"><strong>MONEY BACK GUARANTEE</strong></span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">We want to be 100% sure that you’re happy with your purchase,</span></p> <p style="text-align: center;"><span style="font-family: verdana, geneva, sans-serif;">that’s why we offer a 14/30Days Money Back Guarantee,</span></p> <p style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;">so if for any reason you are not happy with the product, please let us know and we will process your refund. </span></p> <p style="padding-bottom:0; text-align:center"> </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="background-color:#01DDC5;padding-top:9;padding-bottom:9;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:#0F31E2; "> <tr> <!--;if !mso]><!--> <td align="center" class="kmButtonContent" style='font-family:"Helvetica Neue", Arial;color:#FFFFFF;font-size:14px;font-weight:normal;letter-spacing:0px;' valign="middle"> <a class="kmButton" href="https://funmagnets.co/" style='text-decoration:none; display: inline-block; font-family:"Helvetica Neue", Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px; ;' target="_self" title="">Home</a> </td> <!--<!/endif]--> <!--eif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; font-family:"Helvetica Neue&quot;, Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px;"> <a class="kmButton" title="" href="https://funmagnets.co/" target="_self" style="text-decoration:none;font-family:&quot;Helvetica Neue&quot;, Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px;; margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;">Home</a> </td> <!tendif]--> </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:#0F31E2; "> <tr> <!--;if !mso]><!--> <td align="center" class="kmButtonContent" style='font-family:"Helvetica Neue", Arial;color:#FFFFFF;font-size:14px;font-weight:normal;letter-spacing:0px;' valign="middle"> <a class="kmButton" href="https://funmagnets.co/pages/faqs" style='text-decoration:none; display: inline-block; font-family:"Helvetica Neue", Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px; ;' target="_self" title="">FAQs</a> </td> <!--<!/endif]--> <!--eif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; font-family:&quot;Helvetica Neue&quot;, Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px;"> <a class="kmButton" title="" href="https://funmagnets.co/pages/faqs" target="_self" style="text-decoration:none;font-family:&quot;Helvetica Neue&quot;, Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px;; margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;">FAQs</a> </td> <!tendif]--> </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:#0F31E2;border-bottom-color:#2FCEC3; border-bottom-width:2px; border-bottom-style:solid;"> <tr> <!--;if !mso]><!--> <td align="center" class="kmButtonContent" style='font-family:"Helvetica Neue", Arial;color:#FFFFFF;font-size:14px;font-weight:normal;letter-spacing:0px;' valign="middle"> <a class="kmButton" href="https://funmagnets.co/pages/customer-service" style='text-decoration:none; display: inline-block; font-family:"Helvetica Neue", Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px; ;' target="_self" title="">Contact Us</a> </td> <!--<!/endif]--> <!--eif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; font-family:&quot;Helvetica Neue&quot;, Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px;"> <a class="kmButton" title="" href="https://funmagnets.co/pages/customer-service" target="_self" style="text-decoration:none;font-family:&quot;Helvetica Neue&quot;, Arial;color:#FFFFFF;font-size:14px;font-weight:normal;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;letter-spacing:0px;; margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;">Contact Us</a> </td> <!tendif]--> </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> <!--tif !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]--> <!--!if !mso]><!--> <div class="templateContainer brandingContainer" style="display: table; width:600px"> <div class="templateContainerInner"> <!--<!nendif]--> <!--!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;"> <!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="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=Vn9ub4" 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> <!--&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> <!--<!lendif]--> <!--tif mso]> </td> </tr> </tbody> </table> <!gendif]--> </td> </tr> </tbody> </table> </center> </body> </html>

Hi @brian1684,

Thanks for sharing this with us in the community.

To clarify, the Shipping Confirmation email HTML we provide (designed to be exported and used in Shopify) is designed to be pasted “as is” without any alternations to the email. This is done to avoid any syntax-related errors from coming up. Any alternations to the content of the template could result in this error or another syntax-related error. 

With that said, for this error, you’ll need to look through the “source” of each block within the template and ensure that for every open {% if ...} statement that there is a closed {% endif %} tag associated with it. Here’s an example screenshot of how to find the source code for a given block:

This strategy is also noted by my colleague @David To in his reply here. There are some additional resources and information to check out there as well.

I hope that is helpful!


I am sorry, i still cannot understand how to fix this problem i really need some help.


Hi @brian1684,

Thanks for your reply.

I’m sorry to hear you’re still having trouble resolving this issue. If you are unable to resolve using the solution above, I recommend exporting the default Shopify shipping confirmation email into Shopify first, and then editing the template in Shopify using their liquid syntax.

In order to access the default Shipping Confirmation email for Shopify, navigate to the Email Templates tab in Klaviyo. Next, click Create Template, select Use classic editor, then click Create Template again. Finally, go to the Shopify Notification Templates tab. Here, you can access a number of pre-built Shopify notification templates (including Shipping Confirmation):

Klaviyo's email template library showing example templates, with different options at the top including Shopify Notification Templates with gray background

 

From there, export the default Shipping Confirmation template to Shopify.

If you need further help troubleshooting your original template or any other HTML templates, I encourage you to checkout out our extensive network of agency partners.


Hi Dov- I did EXACTLY as you mentioned above and I still get a syntax error. The only thing I changed from the shopify template was adding in my own image. I’m at a loss here.


Hi @buybonks

 

I’d check out my reply to a similar topic you started about this in the thread below!

 

-Taylor 


Reply