I get the error: Body html Liquid syntax error: 'if' tag was never closed
I try to implement this email into my shopify. But appearnly it is missing and endif tag. I could not get figured out where. Tried different open ends, but everytime it showed less of the mail.
How can i fix this? Maybe someone get to figure out were it goes wrong… ?
@GetKicks Bram, you had an {% if %} that wasn’t closed here:
<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:18px;">TU DUH-DUH-DUH...</span></p> <p style="padding-bottom:0; text-align:center"> <span style="font-size:14px;"> We hebben goed nieuws! {% if fulfillment.item_count == item_count %}All{% elsif fulfillment_status == 'fulfilled' %} van bestelling #{{ order_number }} is verzonden. <strong>Nog heel even geduld...</strong> </span> </p> </td>
@GetKicks Bram, you had an {% if %} that wasn’t closed here:
<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:18px;">TU DUH-DUH-DUH...</span></p> <p style="padding-bottom:0; text-align:center"> <span style="font-size:14px;"> We hebben goed nieuws! {% if fulfillment.item_count == item_count %}All{% elsif fulfillment_status == 'fulfilled' %} van bestelling #{{ order_number }} is verzonden. <strong>Nog heel even geduld...</strong> </span> </p> </td>
Hey there!
Thanks for taking a look and your time :))
What do i need to edit to fix it? I do not get it… sorry! Hopefully you can help me out.
(This is how Klaviyo delivers the code to me, maybe something to look into for you guys?)
hi @GetKicks,
You would need to edit this on Shopify’s side by editing your theme.liquid file. I recommend checking out this tutorial from Shopify on how to edit the code. Once you get into the editor, you can find the section that @retention highlighted for you as missing the closed {% if %} and make that edit.
Additionally, thanks for the feedback on how that code was delivered to you - I’ll have the team see if there is something missing from our end.
Hi @GetKicks,
I just wanted to follow up again on the feedback regarding the code that Klaviyo helped to generate. In some rare cases, you may run into issues with an error in Shopify with how they read the template. There are a few bits of code that are out of Klaviyo’s control, but I was able to find this trouble shooting guide that might be helpful as a reference.
It will also walk you through where in Shopify you’ll need to make the code edits:
When I try to implement this email into my shopify I get the error: Body html Liquid syntax error: 'if' tag was never closed.
My colleague David provided excellent guidance for this issue in his reply to your question below:
Also, please note that this code is designed to be directly copied and pasted from Klaviyo to Shopify and is not meant to be altered in any manner, unless you are comfortable working with HTML and CSS. This is because editing the code provides potential to run into issues like the above.
Thanks and have a wonderful day.
I’ve been trying to find the missing endif for 2 hours. I found 3 “ifs” and 3 “end ifs” - do you all still have someone who can fix for $25? Thanks! This was always an issue and I let it go but I need to update shipping details in this email template.
Lisa
<!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> <!--gif mso]> <style> .templateContainer { border: 0px none #aaaaaa; background-color: #ffffff; border-radius: 0px; } #brandingContainer { background-color: transparent !important; border: 0; } .templateContainerInner { padding: 0px; } </style> <!eendif]--> <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></head> <body style="margin:0; padding:0; background-color:#F7F7F7"> <center> <table align="center" border="0" cellpadding="0" cellspacing="0" data-upload-file-url="/ajax/email-editor/file/upload" data-upload-files-url="/ajax/email-editor/files/upload" id="bodyTable" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:auto; margin:0; padding:0; background-color:#F7F7F7; height:100%; width:100%" width="100%"> <tbody> <tr> <td align="center" id="bodyCell" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:auto; margin:0; border-top:0; padding-bottom:20px; padding-left:20px; padding-right:20px; padding-top:50px; height:100%; width:100%" valign="top"> <!--gif !mso]><!--> <div class="templateContainer" style="background-color:#fff; border:0 none #aaa; border-radius:0; display:table; width:600px"> <div class="templateContainerInner" style="padding:0"> <!--<!lendif]--> <!--gif mso]> <table border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="600" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <tbody> <tr> <td class="templateContainerInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <!"endif]--> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tr> <td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:9px; padding-right:9; padding-left:9" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px" valign="top"> <img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/LFFLuL/images/8956eb2f-eafc-44c9-8dff-a69bc3e1c95f.jpeg" style="border:0; height:auto; line-height:100%; max-width:3324px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="546"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmDividerBlockOuter"> <tr> <td class="kmDividerBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding-top:10px"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr><td style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed"><span></span></td></tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:0; padding-left:9; padding-right:9" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; text-align:center" valign="top"> <img align="center" alt="we have a shipping update" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/LFFLuL/images/619a6600-7d1f-461b-ad8e-66986f7f654b.png" style="border:0; height:auto; line-height:100%; max-width:600px; outline:none; text-decoration:none; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="582"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmDividerBlockOuter"> <tr> <td class="kmDividerBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding-top:20px"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr><td style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed"><span></span></td></tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; padding-top:0; padding-bottom:20px; padding-left:18px; padding-right:18px" valign="top"> <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:16px;"></span></span> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em">{% if fulfillment.tracking_company %}<span style="line-height: 20.7999992370605px;"></span></p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0"><span style="font-size:16px;"><span style="font-family:helvetica,sans-serifhelvetica neue;">The following shipped items from your order #{{ order_number }} have been updated.</span></span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft firstColumn" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top" width="33%"> </td> <td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top" width="33%"> </td> <td class="rowContainer kmFloatLeft lastColumn" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top" width="33%"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; padding-top:9px; padding-bottom:0; padding-left:18px; padding-right:18px" valign="top"> <h4 style="display:block; font-family:Georgia; font-size:18px; font-style:normal; font-weight:italic; letter-spacing:0; line-height:1.1; margin-bottom:9px; margin-left:0; margin-right:0; margin-top:0; text-align:left; color:#222"><span style="font-family:arial,helvetica,sans-serif;">Shipment Details:</span></h4> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTableBlock kmTableMobile" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmTableBlockOuter"> <tr> <td class="kmTableBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding-top:0; 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="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <thead> <tr> <th class="kmTextContent" style="color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:right; word-wrap:break-word; width:25%; padding-top:0; font-weight:bold; padding-bottom:0; padding-left:0; padding-right:0" valign="top"> </th> <th class="kmTextContent" style="color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; width:75%; padding-top:0; font-weight:bold; padding-bottom:0; padding-left:0; padding-right:0" valign="top"> </th> </tr> </thead> <tbody> {% for line in fulfillment.fulfillment_line_items %} <tr class="kmTableRow"> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:right; word-wrap:break-word; width:25%; 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"> <table align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0" valign="top"> <img align="right" alt="line.title" class="kmImage" src="{{ line.line_item.product.featured_image | product_img_url: 'medium' }}" style="border:0; height:auto; line-height:100%; max-width:200px; outline:none; text-decoration:none; margin-left:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline" width="150"/> </td> </tr> </table> </td> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; border-right:none; 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 style="display:block; font-family:Georgia; font-size:18px; font-style:normal; font-weight:italic; letter-spacing:0; line-height:1.1; margin-bottom:9px; margin-left:0; margin-right:0; margin-top:0; text-align:left; color:#222">{{ line.line_item.title }}</h4> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0">Quantity: {{ line.line_item.quantity }}</p> </td> </tr> {% endfor %} </tbody> </table> {% else %} {% endif %} </td> </tr> </tbody> </table> {% if fulfillment.tracking_numbers.size == 1 %} <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; padding-top:9px; padding-bottom:9px; padding-left:18px; padding-right:18px" valign="top"> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em">{% if fulfillment.tracking_company %}<span style="font-size:16px;"><span style="line-height: 20.7999992370605px;">Your goodies are still on the way and we received this update so we thought we'd update you as well! </span></span></p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em"><span style="font-size:16px;"><span style="line-height: 20.7999992370605px;">Your package has been shipped </span>via {{ fulfillment.tracking_company }}<span style="line-height: 20.7999992370605px;">.</span><span style="line-height: 20.7999992370605px;">{% endif %}</span> \</span></p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em"><span style="font-size:16px;">The tracking number for this order is <strong>{{ fulfillment.tracking_numbers.first }}</strong>.</span></p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0"><span style="font-size:16px;">Use the button below to see the status of your shipment.</span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> {% endif %} <table border="0" cellpadding="0" cellspacing="0" class="kmButtonBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; width:100%" width="100%"> <tbody class="kmButtonBlockOuter"> <tr> <td align="center" class="kmButtonBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:60px; padding:9px 18px; padding-bottom:25px; padding-top:25px" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonContentContainer" style="border-collapse:separate; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; background-color:#6CC; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-radius:3px; border-bottom-color:#FFF; border-bottom-width:2px; border-bottom-style:solid; min-width:100%" width="100%"> <tbody> <tr> <!--gif !mso]><!--> <td align="center" class="kmButtonContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#FFF; font-family:Arial; font-size:22px; font-weight:normal" valign="middle"> <a class="kmButton" href="{{ fulfillment.tracking_url }}" style="max-width:100%; color:#FFF; font-family:Arial; font-size:22px; font-weight:normal; line-height:100%; text-align:center; text-decoration:none; word-wrap:break-word; display:inline-block; width:100%; padding-top:10px; padding-bottom:10px" target="_self" title="">Track My Package</a> </td> <!--<!lendif]--> <!--gif mso]> <td align="center" valign="middle" class="kmButtonContent" style="padding:15px; padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;color:#FFFFFF;font-weight:normal;font-size:22px;font-family:Arial;"> <a class="kmButton" title="" href="{{ fulfillment.tracking_url }}" target="_self" style="text-decoration:none;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;color:#FFFFFF;font-weight:normal;font-size:22px;font-family:Arial;; margin-top:-10px;margin-bottom:-10px;margin-left:-30px;margin-right:-30px;">Track My Package</a> </td> <!dendif]--> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmSplitBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmSplitBlockOuter"> <tr> <td class="kmSplitBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding-top:9px; padding-bottom:9px; padding-left:18px; padding-right:18px" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentOuter" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmSplitContentInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentLeftContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="406"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word" valign="top"> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em"><span style="font-size:20px;"><span style="font-family:arial,helvetica,sans-serif;"><strong>THINGS TO KNOW</strong></span></span></p> <ul> <li><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">The USPS postal delivery has been getting First Class packages across the USA in about 5-10 days from San Diego, CA area where we are located.<br/> <br/> As of October 2021 the USPS <u><em>slowed delivery down on purpose</em></u>. Please be patient.</span></span><br/> </li> <li><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">If this is for an important event, like a wedding, and the package has been delayed, we recommend <em><u>contacting us 4-5 days before you need it and placing another order with 3-day UPS. You can return the first item when it arrives.</u></em><br/> </span></span></li> <li><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">Does it say "Delivered" via the Tracking # and you don't have it? Usually it will be delivered the next day but contact your local post office first to see if the carrier marked it as delivered and still had a few more stops.</span></span><br/> </li> <li><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">Sometimes Tracking Numbers don't get updated for a few days and this is normal.</span></span></li> </ul> </td> </tr> </tbody> </table> <table align="right" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentRightContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="122"> <tbody> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px" valign="top"> <img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/LFFLuL/images/efd0e75d-31a9-4c91-9d5f-e5a9fdf7f221.png" style="border:0; height:auto; line-height:100%; max-width:1548px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline" width="86"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word; padding-top:9px; padding-bottom:9px; padding-left:18px; padding-right:18px" valign="top"> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em"><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;"><strong><span style="font-size:20px;">OUR TIPS</span><br/> <br/> Are you the kind of person who loves to know the details? We recommend putting your tracking # into the USPS system and getting <em><u>text message</u></em> updates whenever it moves. </strong></span></span></p> <ul> <li><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">If the status says "arriving late" it means it is not lost, but weather or some other incident has occurred that the post office wants you to know it is a bit late, but still will arrive.</span></span></li> </ul> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; background-color:#6CC" width="100%"> <tbody class="kmDividerBlockOuter"> <tr> <td class="kmDividerBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding-top:10px"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr><td style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed"><span></span></td></tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:0; padding-left:0; padding-right:0" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0" valign="top"> <img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/LFFLuL/images/61bd0877-3d69-4843-b7ab-9144c6d6614c.png" style="border:0; height:auto; line-height:100%; max-width:600px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="600"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmSplitBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmSplitBlockOuter"> <tr> <td class="kmSplitBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding-top:9px; padding-bottom:9px; padding-left:18px; padding-right:18px; background-color:#6CC" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentOuter" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmSplitContentInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentLeftContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="110"> <tbody> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0" valign="top"> <a href="https://gutsygoodness.com/pages/guarantee" style="max-width:100%; word-wrap:break-word" target="_self"> <img align="left" alt="Guarantee" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/LFFLuL/images/3d19886d-9e82-441e-8a71-3d71f5be72a2.png" style="border:0; height:auto; line-height:100%; max-width:532px; outline:none; text-decoration:none; margin-right:0; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline" width="110"/> </a> </td> </tr> </tbody> </table> <table align="right" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentRightContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="418"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#222; font-family:Georgia; font-size:14px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:left; word-wrap:break-word" valign="top"> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em; text-align:justify"><span style="color:#FFFFFF;"><span style="font-size:16px;"><strong>OUR GUARANTEE</strong></span></span></p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; text-align:justify"><span style="font-size:14px;"><span style="color:#FFFFFF;">Thousands of people have given Gutsy Goodness 5 Stars and we want YOU to love your Gutsy Goodness jewelry too! We stand behind our products and want you to feel "goodness" every time you wear it (or carry it in your hand). See our guarantee </span><a href="https://gutsygoodness.com/pages/guarantee" style="max-width:100%; color:#15C; font-weight:normal; text-decoration:underline; word-wrap:break-word"><span style="color:#FFFFFF;">here</span></a><span style="color:#FFFFFF;">.</span></span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; background-color:#6CC" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; color:#FFF; font-family:Georgia; font-size:11px; letter-spacing:0; line-height:1.3; max-width:100%; text-align:center; word-wrap:break-word; padding-bottom:9px; padding-right:18px; padding-left:18px; padding-top:9px; background-color:#6CC" valign="top"> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em; text-align:center">Thank you for supporting Gutsy Goodness.</p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em; text-align:center">We strive to provide a community for people who believe everyone has a struggle and needs a little something to hold onto. </p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:1em; text-align:center">We are a husband & wife run business and emails are a crucial way for us to contact our readers and fans. We regularly provide store discounts, tips to assist with your gift giving, inspirational gutsy goodness themed stories, and updates from Gutsy Goodness.</p> <p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; text-align:center">From Lisa, Joel & our team at Gutsy Goodness, thanks for your support!</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; padding:9px; padding-left:0; padding-right:0" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed; font-size:0; padding:0; padding-top:0; padding-bottom:0; padding-left:9px; padding-right:9px; text-align:center" valign="top"> <img align="center" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/LFFLuL/images/359376e8-bb3c-4429-bc70-5e0b46c86121.png" style="border:0; height:auto; line-height:100%; max-width:2530px; outline:none; text-decoration:none; font-size:12px; padding-bottom:0; vertical-align:top; width:100%; display:inline; padding:0; border-width:0" width="564"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; table-layout:fixed" valign="top"> </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> <!--<!;endif]--> <!---if mso]> </td> </tr> </tbody> </table> <!aendif]--> </td> </tr> </tbody> </table> </center> </body> </html>
Hey @LisaJ,
Although Klaviyo does not offer a service to provide hands on assistance for custom coded aspects such as your HTML template, I would recommend reaching out to our extensive network of agency partners who are highly knowledgable in this area.
