Klaviyo
Installation Klaviyo
Pour connecter Baback et Klaviyo quelques étapes sont nécessaires :
Créer une clé API dans Klaviyo (en read et writte access).
Ajoutez cette clé sur Baback (Intégrations > Kalviyo)
Baback envoie maintenant des évènements à Klaviyo 🎉
Initialiser Klaviyo
Pour envoyer les premiers évènements à Klaviyo, vous pouvez créer une demande de retour et identifier les nouveaux évènements dans Klaviyo.
Vous pouvez également "forcer" l'envoie via le bouton "Initialiser Klaviyo" dans le backoffice Baback
Envoyer des mails depuis Klaviyo
Vous pouvez envoyer des mails lorsque des évènements se déroulent sur Baback. Il faut créer une “Flow”, puis mettre en trigger sur un des évènements cités ci-dessous.
Afin d'utiliser une des variables envoyées de Baback, vous pouvez utiliser le code :
{{ event.labelUrl }}
VIDEO
Ajouter des conditions
Afin d'envoyer différents mails en fonction de la langue du client, vous pouvez ajouter un nœud "Trigger split". Il faut créer des conditions en cascade et sélectionner le champ "lang".
Évènements envoyés à Klaviyo
Baback - create return request
Appelé à la création d’une demande de retour, une étiquette de transport est générée.
{
statusInline: string,
trackingCode: string ( = "return-to-store" en cas de retour boutique )
carrier: string,
customerEmail: string,
customerId: string,
returnRequestId: string,
lineItems: lineItem[ ],
labelUrl: string,
firstName:string,
lastName:string,
orderId: string,
orderName: string,
shopLogoUrl: string,
shopName: string,
lang: string,
financialInformations: financialInformations
}
Baback - label generated for return request
Appelé lors de la génération d'étiquette. Cet évènement est utile lorsque l'étiquette de retour n'a pas pu être envoyée lors de l'évènement "Baback - create return request".
{
statusInline: string,
trackingCode: string ( = "return-to-store" en cas de retour boutique )
carrier: string,
customerEmail: string,
customerId: string,
returnRequestId: string,
lineItems: lineItem[ ],
labelUrl: string,
firstName:string,
lastName:string,
orderId: string,
orderName: string,
shopLogoUrl: string,
shopName: string,
lang: string,
financialInformations: financialInformations
}
Baback - update return request
Appelé à la mise à jour du statut d’une demande de retour.
Envoie les informations suivantes à Klaviyo :
{
trackingCode: string ( = "return-to-store" en cas de retour boutique )
carrier: string,
status: string,
customerEmail: string,
customerId: string,
orderId: string,
shopLogoUrl: string,
lang: string,
orderName: string,
financialInformations: financialInformations
}
Baback - return request rejected by logistician
Appelé quand un article est rejeté par le logisticien
Envoie les informations suivantes à Klaviyo :
{
statusInline: string,
lineItems: lineitem[ ],
shopName: string,
shopLogoUrl: string,
shopProviderId: string,
shopSlug: string,
orderId: string,
orderName: string,
lang: string,
trackingCode: string,
carrier: string,
shippingAddress: address,
lineItemsRejected: lineItem[ ],
customerEmail: string,
customerId: string,
financialInformations: financialInformations
}
Baback - return request rejected by merchant
Appelé quand un article est rejeté par le marchant
Envoie les informations suivantes à Klaviyo :
{
statusInline: string,
lineItems: lineitem[ ],
shopName: string,
shopLogoUrl: string,
shopProviderId: string,
shopSlug: string,
orderId: string,
lang: string,
trackingCode: string,
carrier: string,
shippingAddress: address,
lineItemsRejected: lineItem[ ],
customerEmail: string,
orderName: string,
customerId: string,
financialInformations: financialInformations
}
Baback - return request new discount
Appelé quand un bon d'achat est généré.
Envoie les informations suivantes à Klaviyo:
{
statusInline: string,
returnRequestId: string,
customerEmail: string,
customerId: string,
firstName: string,
lastName: string,
amount: string,
endsAt: numbers,
discountCode: string,
orderName: string,
shopUrl: string,
shopName:string,
lang: string,
currency: string,
financialInformations: financialInformations
}
Baback - return request approved by merchant
Appelé quand le marchant valide une demande de retour.
Envoie les informations suivantes à Klaviyo:
{
statusInline: string,
trackingCode: string,
carrier: string,
firstName: string,
lastName: string,
shippingAddress: Address,
lineItemsApproved: lineItem[ ]
lineItems: lineItem[ ]
customerEmail: string,
customerId:string,
shopLogoUrl: string,
orderId: string,
orderName: string,
lang: string,
financialInformations: financialInformations
}
Baback - return request approved by logistician
Appelé quand le logistician valide une demande de retour.
Envoie les informations suivantes à Klaviyo:
{
statusInline: string,
trackingCode: string,
carrier: string,
firstName: string,
lastName: string,
shippingAddress: Address,
lineItemsApproved: lineItem[ ]
lineItems: lineItem[ ]
customerEmail: string,
customerId:string,
shopLogoUrl: string,
orderId: string,
orderName: string,
lang: string,
financialInformations: financialInformations
}
Baback - return request status changed to shipping
Appelé quand le statut de la demande de retour est passer à “Shipping”
Envoie les informations suivantes à Klaviyo:
{
trackingCode: string,
carrier: string,
status: string,
customerEmail: string,
customerId: string,
shopLogoUrl: file ? file.link() : undefined,
orderId:string,
orderName: string,
lang:string,
financialInformations: financialInformations
}
Template Klaivyo
Afin de personnaliser vos mails Klaviyo, vous pouvez vous référer à la documentation Kalviyo
Par exemple, un mail permettant d'afficher les articles retournés avec leur quantité et image serait :
<p>Hi {{ first_name }},</p><p>This is an email just for you. We hope you like it.</p>{% for lineItem in event.lineItems %}<p style="display: flex;"><img style="width: 100px;" title="" src="{{ lineItem.image }}" /> {{ lineItem.title }} x {{ lineItem.quantity }} {% endfor %}</p><p>The Team</p>
Voici des templates pour les mails :
Template Mail CreateReturnRequest:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title> </title> <!--[if !mso]><!--> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <!--<![endif]--> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css" data-inliner="ignore"> .mj-outlook-group-fix { width:100% !important; } </style> <![endif]--> <style>a:link {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:visited {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:active {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:hover {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal}</style><style>#outlook a { padding: 0 } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0 } img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic } p { display: block; margin: 13px 0 } @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100% } } .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100% } @media only screen and (max-width: 480px) { div.kl-row.colstack div.kl-column { display: block !important; width: 100% !important } } .hlb-subblk td { word-break: normal } @media only screen and (max-width: 480px) { .hlb-wrapper .hlb-block-settings-content { padding: 9px !important } .hlb-logo { padding-bottom: 9px !important } .r2-tbl { width: 100% } .r2-tbl .lnk { width: 100% } .r2-tbl .hlb-subblk:last-child { padding-right: 0 !important } .r2-tbl .hlb-subblk { padding-right: 10px !important } .kl-hlb-stack { display: block !important; width: 100% !important; padding-right: 0 !important } .kl-hlb-stack.vspc { margin-bottom: 9px } .kl-hlb-wrap { display: inline-block !important; width: auto !important } .kl-hlb-no-wrap { display: table-cell !important } .kl-hlb-wrap.nospc.nospc { padding-right: 0 !important } } @media only screen and (max-width: 480px) { .component-wrapper .mob-no-spc { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 480px) { .kl-text { padding-right: 18px !important; padding-left: 18px !important } } .kl-button a { display: block !important } @media screen and (max-width: 480px) { .kl-sl-stk { display: block !important; width: 100% !important; padding: 0 0 9px !important; text-align: center !important } .kl-sl-stk.lbls { padding: 0 !important } .kl-sl-stk.spcblk { display: none !important } } @media only screen and (max-width: 480px) { table.mj-full-width-mobile { width: 100% !important } td.mj-full-width-mobile { width: auto !important } } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } .root-container { background-repeat: repeat !important; background-size: auto !important; background-position: left top !important } .root-container-spacing { padding-top: 50px !important; padding-bottom: 20px !important; font-size: 0 !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } @media only screen and (max-width: 480px) { td.mobile-only { display: table-cell !important } div.mobile-only { display: block !important } table.mobile-only { display: table !important } .desktop-only { display: none !important } } @media only screen and (max-width: 480px) { .table-mobile-only { display: table-cell !important; max-height: none !important } .table-mobile-only.block { display: block !important } .table-mobile-only.inline-block { display: inline-block !important } .table-desktop-only { max-height: 0 !important; display: none !important; mso-hide: all !important; overflow: hidden !important } } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } @media only screen and (max-width: 480px) { .kl-text > div, .kl-table-subblock div, .kl-split-subblock > div { font-size: 14px !important; line-height: 1.3 !important } } h1 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 20px; text-align: left } @media only screen and (max-width: 480px) { h1 { font-size: 40px !important; line-height: 1.1 !important } } h2 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 16px; text-align: left } @media only screen and (max-width: 480px) { h2 { font-size: 32px !important; line-height: 1.1 !important } } h3 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 12px; text-align: left } @media only screen and (max-width: 480px) { h3 { font-size: 24px !important; line-height: 1.1 !important } } h4 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 9px; text-align: left } @media only screen and (max-width: 480px) { h4 { font-size: 18px !important; line-height: 1.1 !important } } @media only screen and (max-width: 480px) { .root-container { width: 100% !important } .root-container-spacing { padding: 10px !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } .component-wrapper { padding-left: 0 !important; padding-right: 0 !important } }</style></head> <body style="word-spacing:normal;background-color:#f7f7f7;"> <div class="root-container" id="bodyTable" style="background-color:#f7f7f7;"> <div class="root-container-spacing"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding first"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper hlb-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="hlb-block-settings-content" style="vertical-align:top;padding-top:32px;padding-right:20px;padding-bottom:8px;padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="top" class="kl-header-link-bar" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:0;" width="100%"> <tbody> <tr> <td align="center" class="hlb-logo" style="display:table-cell;width:100%;padding-bottom:10px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <!--[if true]><td style="width:150px;" bgcolor="transparent"><![endif]--> <!--[if !true]><!--><td style="width:150px;"><!--<![endif]--> <img src="https://d3k81ch9hvuctc.cloudfront.net/company/ULpiM4/images/6d6a8776-983d-4a4b-95bb-4f5eeb50af4c.png" style="display:block;outline:none;text-decoration:none;height:auto;width:100%;background-color:transparent;" width="150"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Bonjour {{event.firstName}}</div> <div> </div> <div>Nous avons bien pris en compte votre demande de retour concernant la commande {{event.orderName}} de votre marchand {{event.shopName}}.</div> <div> </div> <div>Vous pouvez dès à présent imprimer votre étiquette et déposer votre colis retour dans le relais {{event.carrier}} le plus proche.</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-button" style="font-size:0px;padding:0px;word-break:break-word;" vertical-align="middle"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:100%;"> <tr> <td align="center" bgcolor="#9333ea" role="presentation" style="border:none;border-radius:5px;cursor:auto;mso-padding-alt:15px 15px 15px 15px;background:#9333ea;" valign="middle"> <a href="{{event.labelUrl}}" style="color:#FFF; font-style:normal; font-weight:700; text-decoration:none; display:inline-block; background:#9333ea; font-family:Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:15px 15px 15px 15px; mso-padding-alt:0; border-radius:5px" target="_blank"> Télécharger mon étiquette </a> </td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div> <div>Si votre retour est conforme, le marchand procédera au remboursement ou à l'échange dès réception.</div> <div> </div> <div>À très bientôt chez {{event.shopName}}</div> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td> <div style="width:100%;text-align:center"> <!--[if true]><table style="all:unset;opacity:0;" border="0" cellpadding="0" cellspacing="0" ><tr><![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.facebook.com/baback.co" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Facebook" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/facebook_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://twitter.com/Baback_" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Twitter" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/twitter_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.instagram.com/baback.co/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Instagram" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/instagram_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;"><!--<![endif]--> <!--[if true]><td style=""><![endif]--> <div style="text-align: center;"> <a href="https://www.linkedin.com/company/baback/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="LinkedIn" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/linkedin_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if true]></tr></table><![endif]--> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper kl-text-table-layout" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-text" style="font-size:0px;padding:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:center;color:#727272;"><div>{{event.shopName}}</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;width:100%;" width="100%"> <tbody> <tr> <td align="center" class="klBranding" style="font-size:0px;padding:25px 0;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:122px;"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=ULpiM4" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Powered by Klaviyo" height="50" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="border:0;display:block;outline:none;text-decoration:none;height:50px;width:100%;font-size:13px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> </div> </body> </html>
Template Mail Label Generated for return request:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title> </title> <!--[if !mso]><!--> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <!--<![endif]--> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css" data-inliner="ignore"> .mj-outlook-group-fix { width:100% !important; } </style> <![endif]--> <style>a:link {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:visited {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:active {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:hover {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal}</style><style>#outlook a { padding: 0 } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0 } img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic } p { display: block; margin: 13px 0 } @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100% } } .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100% } @media only screen and (max-width: 480px) { div.kl-row.colstack div.kl-column { display: block !important; width: 100% !important } } .hlb-subblk td { word-break: normal } @media only screen and (max-width: 480px) { .hlb-wrapper .hlb-block-settings-content { padding: 9px !important } .hlb-logo { padding-bottom: 9px !important } .r2-tbl { width: 100% } .r2-tbl .lnk { width: 100% } .r2-tbl .hlb-subblk:last-child { padding-right: 0 !important } .r2-tbl .hlb-subblk { padding-right: 10px !important } .kl-hlb-stack { display: block !important; width: 100% !important; padding-right: 0 !important } .kl-hlb-stack.vspc { margin-bottom: 9px } .kl-hlb-wrap { display: inline-block !important; width: auto !important } .kl-hlb-no-wrap { display: table-cell !important } .kl-hlb-wrap.nospc.nospc { padding-right: 0 !important } } @media only screen and (max-width: 480px) { .component-wrapper .mob-no-spc { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 480px) { .kl-text { padding-right: 18px !important; padding-left: 18px !important } } .kl-button a { display: block !important } @media screen and (max-width: 480px) { .kl-sl-stk { display: block !important; width: 100% !important; padding: 0 0 9px !important; text-align: center !important } .kl-sl-stk.lbls { padding: 0 !important } .kl-sl-stk.spcblk { display: none !important } } @media only screen and (max-width: 480px) { table.mj-full-width-mobile { width: 100% !important } td.mj-full-width-mobile { width: auto !important } } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } .root-container { background-repeat: repeat !important; background-size: auto !important; background-position: left top !important } .root-container-spacing { padding-top: 50px !important; padding-bottom: 20px !important; font-size: 0 !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } @media only screen and (max-width: 480px) { td.mobile-only { display: table-cell !important } div.mobile-only { display: block !important } table.mobile-only { display: table !important } .desktop-only { display: none !important } } @media only screen and (max-width: 480px) { .table-mobile-only { display: table-cell !important; max-height: none !important } .table-mobile-only.block { display: block !important } .table-mobile-only.inline-block { display: inline-block !important } .table-desktop-only { max-height: 0 !important; display: none !important; mso-hide: all !important; overflow: hidden !important } } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } @media only screen and (max-width: 480px) { .kl-text > div, .kl-table-subblock div, .kl-split-subblock > div { font-size: 14px !important; line-height: 1.3 !important } } h1 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 20px; text-align: left } @media only screen and (max-width: 480px) { h1 { font-size: 40px !important; line-height: 1.1 !important } } h2 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 16px; text-align: left } @media only screen and (max-width: 480px) { h2 { font-size: 32px !important; line-height: 1.1 !important } } h3 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 12px; text-align: left } @media only screen and (max-width: 480px) { h3 { font-size: 24px !important; line-height: 1.1 !important } } h4 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 9px; text-align: left } @media only screen and (max-width: 480px) { h4 { font-size: 18px !important; line-height: 1.1 !important } } @media only screen and (max-width: 480px) { .root-container { width: 100% !important } .root-container-spacing { padding: 10px !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } .component-wrapper { padding-left: 0 !important; padding-right: 0 !important } }</style></head> <body style="word-spacing:normal;background-color:#f7f7f7;"> <div class="root-container" id="bodyTable" style="background-color:#f7f7f7;"> <div class="root-container-spacing"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding first"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper hlb-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="hlb-block-settings-content" style="vertical-align:top;padding-top:32px;padding-right:20px;padding-bottom:8px;padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="top" class="kl-header-link-bar" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:0;" width="100%"> <tbody> <tr> <td align="center" class="hlb-logo" style="display:table-cell;width:100%;padding-bottom:10px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <!--[if true]><td style="width:150px;" bgcolor="transparent"><![endif]--> <!--[if !true]><!--><td style="width:150px;"><!--<![endif]--> <img src="https://d3k81ch9hvuctc.cloudfront.net/company/ULpiM4/images/6d6a8776-983d-4a4b-95bb-4f5eeb50af4c.png" style="display:block;outline:none;text-decoration:none;height:auto;width:100%;background-color:transparent;" width="150"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Bonjour {{event.firstName}},</div> <div> </div> <div>Votre étiquette pour la commande {{event.orderName}} a bien été créée</div> <div> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-button" style="font-size:0px;padding:0px;word-break:break-word;" vertical-align="middle"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:100%;"> <tr> <td align="center" bgcolor="#9333ea" role="presentation" style="border:none;border-radius:5px;cursor:auto;mso-padding-alt:15px 15px 15px 15px;background:#9333ea;" valign="middle"> <a href="{{event.labelUrl}}" style="color:#FFF; font-style:normal; font-weight:700; text-decoration:none; display:inline-block; background:#9333ea; font-family:Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:15px 15px 15px 15px; mso-padding-alt:0; border-radius:5px" target="_blank"> Imprimer mon étiquette de retour </a> </td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Si votre retour est conforme, nous procéderons à sa validation dès réception. </div> <div> </div> <div> À très bientôt chez Wellowbabies</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td> <div style="width:100%;text-align:center"> <!--[if true]><table style="all:unset;opacity:0;" border="0" cellpadding="0" cellspacing="0" ><tr><![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.facebook.com/baback.co" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Facebook" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/facebook_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://twitter.com/Baback_" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Twitter" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/twitter_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.instagram.com/baback.co/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Instagram" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/instagram_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;"><!--<![endif]--> <!--[if true]><td style=""><![endif]--> <div style="text-align: center;"> <a href="https://www.linkedin.com/company/baback/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="LinkedIn" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/linkedin_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if true]></tr></table><![endif]--> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper kl-text-table-layout" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-text" style="font-size:0px;padding:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:center;color:#727272;"><div>No longer want to receive these emails?<br/>{{ organization.name }}</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;width:100%;" width="100%"> <tbody> <tr> <td align="center" class="klBranding" style="font-size:0px;padding:25px 0;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:122px;"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=ULpiM4" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Powered by Klaviyo" height="50" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="border:0;display:block;outline:none;text-decoration:none;height:50px;width:100%;font-size:13px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> </div> </body> </html>
Template Mail return request without validation :
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title> </title> <!--[if !mso]><!--> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <!--<![endif]--> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css" data-inliner="ignore"> .mj-outlook-group-fix { width:100% !important; } </style> <![endif]--> <style>a:link {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:visited {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:active {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:hover {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal}</style><style>#outlook a { padding: 0 } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0 } img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic } p { display: block; margin: 13px 0 } @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100% } } .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100% } @media only screen and (max-width: 480px) { div.kl-row.colstack div.kl-column { display: block !important; width: 100% !important } } .hlb-subblk td { word-break: normal } @media only screen and (max-width: 480px) { .hlb-wrapper .hlb-block-settings-content { padding: 9px !important } .hlb-logo { padding-bottom: 9px !important } .r2-tbl { width: 100% } .r2-tbl .lnk { width: 100% } .r2-tbl .hlb-subblk:last-child { padding-right: 0 !important } .r2-tbl .hlb-subblk { padding-right: 10px !important } .kl-hlb-stack { display: block !important; width: 100% !important; padding-right: 0 !important } .kl-hlb-stack.vspc { margin-bottom: 9px } .kl-hlb-wrap { display: inline-block !important; width: auto !important } .kl-hlb-no-wrap { display: table-cell !important } .kl-hlb-wrap.nospc.nospc { padding-right: 0 !important } } @media only screen and (max-width: 480px) { .component-wrapper .mob-no-spc { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 480px) { .kl-text { padding-right: 18px !important; padding-left: 18px !important } } @media screen and (max-width: 480px) { .kl-sl-stk { display: block !important; width: 100% !important; padding: 0 0 9px !important; text-align: center !important } .kl-sl-stk.lbls { padding: 0 !important } .kl-sl-stk.spcblk { display: none !important } } @media only screen and (max-width: 480px) { table.mj-full-width-mobile { width: 100% !important } td.mj-full-width-mobile { width: auto !important } } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } .root-container { background-repeat: repeat !important; background-size: auto !important; background-position: left top !important } .root-container-spacing { padding-top: 50px !important; padding-bottom: 20px !important; font-size: 0 !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } @media only screen and (max-width: 480px) { td.mobile-only { display: table-cell !important } div.mobile-only { display: block !important } table.mobile-only { display: table !important } .desktop-only { display: none !important } } @media only screen and (max-width: 480px) { .table-mobile-only { display: table-cell !important; max-height: none !important } .table-mobile-only.block { display: block !important } .table-mobile-only.inline-block { display: inline-block !important } .table-desktop-only { max-height: 0 !important; display: none !important; mso-hide: all !important; overflow: hidden !important } } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } @media only screen and (max-width: 480px) { .kl-text > div, .kl-table-subblock div, .kl-split-subblock > div { font-size: 14px !important; line-height: 1.3 !important } } h1 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 20px; text-align: left } @media only screen and (max-width: 480px) { h1 { font-size: 40px !important; line-height: 1.1 !important } } h2 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 16px; text-align: left } @media only screen and (max-width: 480px) { h2 { font-size: 32px !important; line-height: 1.1 !important } } h3 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 12px; text-align: left } @media only screen and (max-width: 480px) { h3 { font-size: 24px !important; line-height: 1.1 !important } } h4 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 9px; text-align: left } @media only screen and (max-width: 480px) { h4 { font-size: 18px !important; line-height: 1.1 !important } } @media only screen and (max-width: 480px) { .root-container { width: 100% !important } .root-container-spacing { padding: 10px !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } .component-wrapper { padding-left: 0 !important; padding-right: 0 !important } }</style></head> <body style="word-spacing:normal;background-color:#f7f7f7;"> <div class="root-container" id="bodyTable" style="background-color:#f7f7f7;"> <div class="root-container-spacing"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding first"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper hlb-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="hlb-block-settings-content" style="vertical-align:top;padding-top:32px;padding-right:20px;padding-bottom:8px;padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="top" class="kl-header-link-bar" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:0;" width="100%"> <tbody> <tr> <td align="center" class="hlb-logo" style="display:table-cell;width:100%;padding-bottom:10px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <!--[if true]><td style="width:150px;" bgcolor="transparent"><![endif]--> <!--[if !true]><!--><td style="width:150px;"><!--<![endif]--> <img src="https://d3k81ch9hvuctc.cloudfront.net/company/ULpiM4/images/6d6a8776-983d-4a4b-95bb-4f5eeb50af4c.png" style="display:block;outline:none;text-decoration:none;height:auto;width:100%;background-color:transparent;" width="150"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Bonjour {{event.firstName}},</div> <div> </div> <div>Nous avons bien pris en compte votre demande. Nous allons la valider dans les plus brefs délais. Une fois validée, nous vous enverrons une étiquette de transport pré-payée par mail. </div> <div> </div> <div>Si votre retour est conforme, nous procéderons au remboursement dès réception. Vous pouvez suivre le statut de votre retour ici.</div> <div> </div> <div>À très bientôt chez {{event.shopName}}</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td> <div style="width:100%;text-align:center"> <!--[if true]><table style="all:unset;opacity:0;" border="0" cellpadding="0" cellspacing="0" ><tr><![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.facebook.com/baback.co" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Facebook" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/facebook_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://twitter.com/Baback_" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Twitter" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/twitter_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.instagram.com/baback.co/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Instagram" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/instagram_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;"><!--<![endif]--> <!--[if true]><td style=""><![endif]--> <div style="text-align: center;"> <a href="https://www.linkedin.com/company/baback/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="LinkedIn" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/linkedin_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if true]></tr></table><![endif]--> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper kl-text-table-layout" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-text" style="font-size:0px;padding:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:center;color:#727272;"><div>{{ event.shopName }} </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;width:100%;" width="100%"> <tbody> <tr> <td align="center" class="klBranding" style="font-size:0px;padding:25px 0;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:122px;"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=ULpiM4" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Powered by Klaviyo" height="50" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="border:0;display:block;outline:none;text-decoration:none;height:50px;width:100%;font-size:13px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> </div> </body> </html>
Template Mail return request new discount:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title> </title> <!--[if !mso]><!--> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <!--<![endif]--> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css" data-inliner="ignore"> .mj-outlook-group-fix { width:100% !important; } </style> <![endif]--> <style>a:link {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:visited {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:active {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:hover {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal}</style><style>#outlook a { padding: 0 } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0 } img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic } p { display: block; margin: 13px 0 } @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100% } } .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100% } @media only screen and (max-width: 480px) { div.kl-row.colstack div.kl-column { display: block !important; width: 100% !important } } .hlb-subblk td { word-break: normal } @media only screen and (max-width: 480px) { .hlb-wrapper .hlb-block-settings-content { padding: 9px !important } .hlb-logo { padding-bottom: 9px !important } .r2-tbl { width: 100% } .r2-tbl .lnk { width: 100% } .r2-tbl .hlb-subblk:last-child { padding-right: 0 !important } .r2-tbl .hlb-subblk { padding-right: 10px !important } .kl-hlb-stack { display: block !important; width: 100% !important; padding-right: 0 !important } .kl-hlb-stack.vspc { margin-bottom: 9px } .kl-hlb-wrap { display: inline-block !important; width: auto !important } .kl-hlb-no-wrap { display: table-cell !important } .kl-hlb-wrap.nospc.nospc { padding-right: 0 !important } } @media only screen and (max-width: 480px) { .component-wrapper .mob-no-spc { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 480px) { .kl-text { padding-right: 18px !important; padding-left: 18px !important } } .kl-button a { display: block !important } @media screen and (max-width: 480px) { .kl-sl-stk { display: block !important; width: 100% !important; padding: 0 0 9px !important; text-align: center !important } .kl-sl-stk.lbls { padding: 0 !important } .kl-sl-stk.spcblk { display: none !important } } @media only screen and (max-width: 480px) { table.mj-full-width-mobile { width: 100% !important } td.mj-full-width-mobile { width: auto !important } } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } .root-container { background-repeat: repeat !important; background-size: auto !important; background-position: left top !important } .root-container-spacing { padding-top: 50px !important; padding-bottom: 20px !important; font-size: 0 !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } @media only screen and (max-width: 480px) { td.mobile-only { display: table-cell !important } div.mobile-only { display: block !important } table.mobile-only { display: table !important } .desktop-only { display: none !important } } @media only screen and (max-width: 480px) { .table-mobile-only { display: table-cell !important; max-height: none !important } .table-mobile-only.block { display: block !important } .table-mobile-only.inline-block { display: inline-block !important } .table-desktop-only { max-height: 0 !important; display: none !important; mso-hide: all !important; overflow: hidden !important } } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } @media only screen and (max-width: 480px) { .kl-text > div, .kl-table-subblock div, .kl-split-subblock > div { font-size: 14px !important; line-height: 1.3 !important } } h1 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 20px; text-align: left } @media only screen and (max-width: 480px) { h1 { font-size: 40px !important; line-height: 1.1 !important } } h2 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 16px; text-align: left } @media only screen and (max-width: 480px) { h2 { font-size: 32px !important; line-height: 1.1 !important } } h3 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 12px; text-align: left } @media only screen and (max-width: 480px) { h3 { font-size: 24px !important; line-height: 1.1 !important } } h4 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 9px; text-align: left } @media only screen and (max-width: 480px) { h4 { font-size: 18px !important; line-height: 1.1 !important } } @media only screen and (max-width: 480px) { .root-container { width: 100% !important } .root-container-spacing { padding: 10px !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } .component-wrapper { padding-left: 0 !important; padding-right: 0 !important } }</style></head> <body style="word-spacing:normal;background-color:#f7f7f7;"> <div class="root-container" id="bodyTable" style="background-color:#f7f7f7;"> <div class="root-container-spacing"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding first"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper hlb-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="hlb-block-settings-content" style="vertical-align:top;padding-top:32px;padding-right:20px;padding-bottom:8px;padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="top" class="kl-header-link-bar" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:0;" width="100%"> <tbody> <tr> <td align="center" class="hlb-logo" style="display:table-cell;width:100%;padding-bottom:10px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <!--[if true]><td style="width:150px;" bgcolor="transparent"><![endif]--> <!--[if !true]><!--><td style="width:150px;"><!--<![endif]--> <img src="https://d3k81ch9hvuctc.cloudfront.net/company/ULpiM4/images/6d6a8776-983d-4a4b-95bb-4f5eeb50af4c.png" style="display:block;outline:none;text-decoration:none;height:auto;width:100%;background-color:transparent;" width="150"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="left"> <div> <div class="text-build-content" data-testid="6T9NZK97PIA" style="text-align: center;"><span style="font-size: 18px;">Votre bon d'achat pour {event.</span></div> </div> </td> </tr> <tr> <td align="left"> </td> </tr> </tbody> </table> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><p class="text-build-content" data-testid="jGosynVZPKU">Bonjour {{event.firstName}},</p> <p class="text-build-content" data-testid="jGosynVZPKU" style="padding-bottom:0">Voici votre code de réduction de {{event.amount}}, en remboursement de votre commande {{event.orderName}}.</p></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div style="margin: 16px 25px; display: flex; width: 500px;"> <p style="padding-bottom:0"><span style="color: #000000; font-size: 32px; font-family: Roboto, Helvetica Neue, Helvetica; border: solid 1px #e5e7eb; border-radius: 4px; height: auto; width: auto; display: flex; text-align: center; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); padding: 12px 24px;"> {{event.discountCode}} </span></p> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Vous pouvez l'utiliser sur l'ensemble de la boutique jusqu'au {{event.endsAt}}</div> <div>(Non cumulable avec d’autre code promotionnel / hors frais de port)</div> <div> </div> <div>Il vous suffit de le renseigner dans « CODE PROMO » juste avant le paiement de votre prochaine commande.</div> <div> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-button" style="font-size:0px;padding:0px;word-break:break-word;" vertical-align="middle"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:100%;"> <tr> <td align="center" bgcolor="#9333ea" role="presentation" style="border:none;border-radius:5px;cursor:auto;mso-padding-alt:15px 15px 15px 15px;background:#9333ea;" valign="middle"> <a href="http://{{event.shopUrl}}" style="color:#FFF; font-style:normal; font-weight:700; text-decoration:none; display:inline-block; background:#9333ea; font-family:Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:15px 15px 15px 15px; mso-padding-alt:0; border-radius:5px" target="_blank"> Utiliser mon coupon </a> </td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Si vous avez la moindre question, n'hésitez pas à contacter notre service client.</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td> <div style="width:100%;text-align:center"> <!--[if true]><table style="all:unset;opacity:0;" border="0" cellpadding="0" cellspacing="0" ><tr><![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.facebook.com/baback.co" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Facebook" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/facebook_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://twitter.com/Baback_" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Twitter" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/twitter_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.instagram.com/baback.co/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Instagram" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/instagram_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;"><!--<![endif]--> <!--[if true]><td style=""><![endif]--> <div style="text-align: center;"> <a href="https://www.linkedin.com/company/baback/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="LinkedIn" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/linkedin_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if true]></tr></table><![endif]--> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper kl-text-table-layout" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-text" style="font-size:0px;padding:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:center;color:#727272;">No longer want to receive these emails? {% unsubscribe %}.<br/> {{ organization.name }} {{ organization.full_address }}</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;width:100%;" width="100%"> <tbody> <tr> <td align="center" class="klBranding" style="font-size:0px;padding:25px 0;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:122px;"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=ULpiM4" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Powered by Klaviyo" height="50" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="border:0;display:block;outline:none;text-decoration:none;height:50px;width:100%;font-size:13px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> </div> </body> </html>
Template Mail return request approved by logicitian:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title> </title> <!--[if !mso]><!--> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <!--<![endif]--> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css" data-inliner="ignore"> .mj-outlook-group-fix { width:100% !important; } </style> <![endif]--> <style>a:link {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:visited {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:active {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:hover {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal}</style><style>#outlook a { padding: 0 } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0 } img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic } p { display: block; margin: 13px 0 } @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100% } } .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100% } @media only screen and (max-width: 480px) { div.kl-row.colstack div.kl-column { display: block !important; width: 100% !important } } .hlb-subblk td { word-break: normal } @media only screen and (max-width: 480px) { .hlb-wrapper .hlb-block-settings-content { padding: 9px !important } .hlb-logo { padding-bottom: 9px !important } .r2-tbl { width: 100% } .r2-tbl .lnk { width: 100% } .r2-tbl .hlb-subblk:last-child { padding-right: 0 !important } .r2-tbl .hlb-subblk { padding-right: 10px !important } .kl-hlb-stack { display: block !important; width: 100% !important; padding-right: 0 !important } .kl-hlb-stack.vspc { margin-bottom: 9px } .kl-hlb-wrap { display: inline-block !important; width: auto !important } .kl-hlb-no-wrap { display: table-cell !important } .kl-hlb-wrap.nospc.nospc { padding-right: 0 !important } } @media only screen and (max-width: 480px) { .component-wrapper .mob-no-spc { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 480px) { .kl-text { padding-right: 18px !important; padding-left: 18px !important } } .kl-button a { display: block !important } @media screen and (max-width: 480px) { .kl-sl-stk { display: block !important; width: 100% !important; padding: 0 0 9px !important; text-align: center !important } .kl-sl-stk.lbls { padding: 0 !important } .kl-sl-stk.spcblk { display: none !important } } @media only screen and (max-width: 480px) { table.mj-full-width-mobile { width: 100% !important } td.mj-full-width-mobile { width: auto !important } } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } .root-container { background-repeat: repeat !important; background-size: auto !important; background-position: left top !important } .root-container-spacing { padding-top: 50px !important; padding-bottom: 20px !important; font-size: 0 !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } @media only screen and (max-width: 480px) { td.mobile-only { display: table-cell !important } div.mobile-only { display: block !important } table.mobile-only { display: table !important } .desktop-only { display: none !important } } @media only screen and (max-width: 480px) { .table-mobile-only { display: table-cell !important; max-height: none !important } .table-mobile-only.block { display: block !important } .table-mobile-only.inline-block { display: inline-block !important } .table-desktop-only { max-height: 0 !important; display: none !important; mso-hide: all !important; overflow: hidden !important } } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } @media only screen and (max-width: 480px) { .kl-text > div, .kl-table-subblock div, .kl-split-subblock > div { font-size: 14px !important; line-height: 1.3 !important } } h1 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 20px; text-align: left } @media only screen and (max-width: 480px) { h1 { font-size: 40px !important; line-height: 1.1 !important } } h2 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 16px; text-align: left } @media only screen and (max-width: 480px) { h2 { font-size: 32px !important; line-height: 1.1 !important } } h3 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 12px; text-align: left } @media only screen and (max-width: 480px) { h3 { font-size: 24px !important; line-height: 1.1 !important } } h4 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 9px; text-align: left } @media only screen and (max-width: 480px) { h4 { font-size: 18px !important; line-height: 1.1 !important } } @media only screen and (max-width: 480px) { .root-container { width: 100% !important } .root-container-spacing { padding: 10px !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } .component-wrapper { padding-left: 0 !important; padding-right: 0 !important } }</style></head> <body style="word-spacing:normal;background-color:#f7f7f7;"> <div class="root-container" id="bodyTable" style="background-color:#f7f7f7;"> <div class="root-container-spacing"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding first"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper hlb-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="hlb-block-settings-content" style="vertical-align:top;padding-top:32px;padding-right:20px;padding-bottom:8px;padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="top" class="kl-header-link-bar" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:0;" width="100%"> <tbody> <tr> <td align="center" class="hlb-logo" style="display:table-cell;width:100%;padding-bottom:10px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <!--[if true]><td style="width:150px;" bgcolor="transparent"><![endif]--> <!--[if !true]><!--><td style="width:150px;"><!--<![endif]--> <img src="https://d3k81ch9hvuctc.cloudfront.net/company/ULpiM4/images/6d6a8776-983d-4a4b-95bb-4f5eeb50af4c.png" style="display:block;outline:none;text-decoration:none;height:auto;width:100%;background-color:transparent;" width="150"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Bonjour {{event.firstName}},</div> <div> </div> <div> <div>Notre logisticien a bien traité votre commande</div> <div> </div> </div> <div>Consulter ma demande de retour</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-button" style="font-size:0px;padding:0px;word-break:break-word;" vertical-align="middle"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:100%;"> <tr> <td align="center" bgcolor="#9333ea" role="presentation" style="border:none;border-radius:5px;cursor:auto;mso-padding-alt:15px 15px 15px 15px;background:#9333ea;" valign="middle"> <a href="{{event.shopUrl}}/a/return/" style="color:#FFF; font-style:normal; font-weight:700; text-decoration:none; display:inline-block; background:#9333ea; font-family:Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:15px 15px 15px 15px; mso-padding-alt:0; border-radius:5px" target="_blank"> Consulter ma demande de retour </a> </td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div> <div>Si vous avez la moindre requête, n'hésitez pas à contacter notre service client.</div> <div> </div> <div>Bien cordialement</div> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td> <div style="width:100%;text-align:center"> <!--[if true]><table style="all:unset;opacity:0;" border="0" cellpadding="0" cellspacing="0" ><tr><![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.facebook.com/baback.co" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Facebook" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/facebook_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://twitter.com/Baback_" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Twitter" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/twitter_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.instagram.com/baback.co/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Instagram" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/instagram_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;"><!--<![endif]--> <!--[if true]><td style=""><![endif]--> <div style="text-align: center;"> <a href="https://www.linkedin.com/company/baback/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="LinkedIn" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/linkedin_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if true]></tr></table><![endif]--> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper kl-text-table-layout" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-text" style="font-size:0px;padding:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:center;color:#727272;"><div>{{ organization.name }}</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;width:100%;" width="100%"> <tbody> <tr> <td align="center" class="klBranding" style="font-size:0px;padding:25px 0;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:122px;"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=ULpiM4" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Powered by Klaviyo" height="50" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="border:0;display:block;outline:none;text-decoration:none;height:50px;width:100%;font-size:13px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> </div> </body> </html>
Template return request approved
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title> </title> <!--[if !mso]><!--> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <!--<![endif]--> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css" data-inliner="ignore"> .mj-outlook-group-fix { width:100% !important; } </style> <![endif]--> <style>a:link {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:visited {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:active {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal} a:hover {color:#737373;font-weight:normal;text-decoration:underline;font-style:normal}</style><style>#outlook a { padding: 0 } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0 } img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic } p { display: block; margin: 13px 0 } @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100% } } .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100% } @media only screen and (max-width: 480px) { div.kl-row.colstack div.kl-column { display: block !important; width: 100% !important } } .hlb-subblk td { word-break: normal } @media only screen and (max-width: 480px) { .hlb-wrapper .hlb-block-settings-content { padding: 9px !important } .hlb-logo { padding-bottom: 9px !important } .r2-tbl { width: 100% } .r2-tbl .lnk { width: 100% } .r2-tbl .hlb-subblk:last-child { padding-right: 0 !important } .r2-tbl .hlb-subblk { padding-right: 10px !important } .kl-hlb-stack { display: block !important; width: 100% !important; padding-right: 0 !important } .kl-hlb-stack.vspc { margin-bottom: 9px } .kl-hlb-wrap { display: inline-block !important; width: auto !important } .kl-hlb-no-wrap { display: table-cell !important } .kl-hlb-wrap.nospc.nospc { padding-right: 0 !important } } @media only screen and (max-width: 480px) { .component-wrapper .mob-no-spc { padding-left: 0 !important; padding-right: 0 !important } } @media only screen and (max-width: 480px) { .kl-text { padding-right: 18px !important; padding-left: 18px !important } } .kl-button a { display: block !important } @media screen and (max-width: 480px) { .kl-sl-stk { display: block !important; width: 100% !important; padding: 0 0 9px !important; text-align: center !important } .kl-sl-stk.lbls { padding: 0 !important } .kl-sl-stk.spcblk { display: none !important } } @media only screen and (max-width: 480px) { table.mj-full-width-mobile { width: 100% !important } td.mj-full-width-mobile { width: auto !important } } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } .root-container { background-repeat: repeat !important; background-size: auto !important; background-position: left top !important } .root-container-spacing { padding-top: 50px !important; padding-bottom: 20px !important; font-size: 0 !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } @media only screen and (max-width: 480px) { td.mobile-only { display: table-cell !important } div.mobile-only { display: block !important } table.mobile-only { display: table !important } .desktop-only { display: none !important } } @media only screen and (max-width: 480px) { .table-mobile-only { display: table-cell !important; max-height: none !important } .table-mobile-only.block { display: block !important } .table-mobile-only.inline-block { display: inline-block !important } .table-desktop-only { max-height: 0 !important; display: none !important; mso-hide: all !important; overflow: hidden !important } } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } @media only screen and (max-width: 480px) { .kl-text > div, .kl-table-subblock div, .kl-split-subblock > div { font-size: 14px !important; line-height: 1.3 !important } } h1 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 20px; text-align: left } @media only screen and (max-width: 480px) { h1 { font-size: 40px !important; line-height: 1.1 !important } } h2 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 16px; text-align: left } @media only screen and (max-width: 480px) { h2 { font-size: 32px !important; line-height: 1.1 !important } } h3 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 12px; text-align: left } @media only screen and (max-width: 480px) { h3 { font-size: 24px !important; line-height: 1.1 !important } } h4 { color: #737373; font-family: "Helvetica Neue", Arial; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: 0; margin: 0; margin-bottom: 9px; text-align: left } @media only screen and (max-width: 480px) { h4 { font-size: 18px !important; line-height: 1.1 !important } } @media only screen and (max-width: 480px) { .root-container { width: 100% !important } .root-container-spacing { padding: 10px !important } .content-padding { padding-left: 0 !important; padding-right: 0 !important } .content-padding.first { padding-top: 0 !important } .content-padding.last { padding-bottom: 0 !important } .component-wrapper { padding-left: 0 !important; padding-right: 0 !important } }</style></head> <body style="word-spacing:normal;background-color:#f7f7f7;"> <div class="root-container" id="bodyTable" style="background-color:#f7f7f7;"> <div class="root-container-spacing"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding first"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper hlb-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="hlb-block-settings-content" style="vertical-align:top;padding-top:32px;padding-right:20px;padding-bottom:8px;padding-left:20px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="top" class="kl-header-link-bar" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:0;" width="100%"> <tbody> <tr> <td align="center" class="hlb-logo" style="display:table-cell;width:100%;padding-bottom:10px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <!--[if true]><td style="width:150px;" bgcolor="transparent"><![endif]--> <!--[if !true]><!--><td style="width:150px;"><!--<![endif]--> <img src="https://d3k81ch9hvuctc.cloudfront.net/company/ULpiM4/images/6d6a8776-983d-4a4b-95bb-4f5eeb50af4c.png" style="display:block;outline:none;text-decoration:none;height:auto;width:100%;background-color:transparent;" width="150"/> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div>Bonjour {{event.firstName}},</div> <div><br/>Nous avons traité votre demande de retour. Si vous avez demandé un remboursement, il sera visible sur le compte bancaire utilisé lors de votre commande sous 2 à 3 jours.</div> <div><br/>Vous pouvez consulter votre demande de retour sur ce lien.</div> <div><br/>Consulter ma demande de retour</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-button" style="font-size:0px;padding:0px;word-break:break-word;" vertical-align="middle"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:100%;"> <tr> <td align="center" bgcolor="#9333ea" role="presentation" style="border:none;border-radius:5px;cursor:auto;mso-padding-alt:15px 15px 15px 15px;background:#9333ea;" valign="middle"> <a href="{{event.shopUrl}}/a/return/" style="color:#FFF; font-style:normal; font-weight:700; text-decoration:none; display:inline-block; background:#9333ea; font-family:Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:15px 15px 15px 15px; mso-padding-alt:0; border-radius:5px" target="_blank"> Consulter ma demande de retour </a> </td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="left" class="kl-text" style="font-size:0px;padding:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#737373;"><div> <div>Si vous avez la moindre requête, n'hésitez pas à contacter notre service client.</div> <div> </div> <div>Bien cordialement</div> </div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section" role="presentation" style="width:100%;"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="kl-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:0px 0px 0px 0px;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:0px 0px 0px 0px;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]--> <div class="content-padding"> <!--[if true]><table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;direction:ltr"><tr><![endif]--> <div class="kl-row colstack" style="display:table;table-layout:fixed;width:100%;"> <!--[if true]><td style="vertical-align:top;width:600px;"><![endif]--> <div class="kl-column" style="display:table-cell;vertical-align:top;width:100%;"> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td> <div style="width:100%;text-align:center"> <!--[if true]><table style="all:unset;opacity:0;" border="0" cellpadding="0" cellspacing="0" ><tr><![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.facebook.com/baback.co" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Facebook" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/facebook_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://twitter.com/Baback_" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Twitter" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/twitter_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;padding-right:10px;"><!--<![endif]--> <!--[if true]><td style="padding-right:10px;"><![endif]--> <div style="text-align: center;"> <a href="https://www.instagram.com/baback.co/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Instagram" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/instagram_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if !true]><!--><div class="" style="display:inline-block;"><!--<![endif]--> <!--[if true]><td style=""><![endif]--> <div style="text-align: center;"> <a href="https://www.linkedin.com/company/baback/" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="LinkedIn" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/subtle/linkedin_96.png" style="width:32px;" width="32"/> </a> </div> <!--[if true]></td><![endif]--> <!--[if !true]><!--></div><!--<![endif]--> <!--[if true]></tr></table><![endif]--> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-100 mj-outlook-group-fix component-wrapper kl-text-table-layout" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;" width="100%"> <tbody> <tr> <td class="" style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> <tbody> <tr> <td align="center" class="kl-text" style="font-size:0px;padding:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;"> <div style="font-family:'Helvetica Neue', Arial;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:center;color:#727272;"><div>{{ organization.name }}</div></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <!--[if true]></td><![endif]--> </div> <!--[if true]></tr></table><![endif]--> </div> <!--[if mso | IE]></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;vertical-align:top;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;width:100%;" width="100%"> <tbody> <tr> <td align="center" class="klBranding" style="font-size:0px;padding:25px 0;word-break:break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:122px;"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&utm_term=ULpiM4" style="color:#737373; font-style:normal; font-weight:normal; text-decoration:underline" target="_blank"> <img alt="Powered by Klaviyo" height="50" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="border:0;display:block;outline:none;text-decoration:none;height:50px;width:100%;font-size:13px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> </div> </body> </html>
Types
FinancialInformations
FinancialInformations :{ initialShippingRefunded: { done: boolean; method: "refund" | "discount"; sourceAmount: number; presentmentAmount: number; amount: number; }; returnShippingPaid: { done: boolean; method: "refund" | "discount"; presentmentAmount: number; amount: number; }; discountBonus: { done: boolean; bonus: Bonus; }; originalDiscount: { amount: number; sourceAmount: number; method: "refund" | "discount"; presentmentAmount: number; done: boolean; discountCodes: string[]; }; totalOrderPrice: { amount: number; }; discount: { presentmentAmount: number; amount: number; codes: { code: string; amount: number; discountId: string; used: number; usedAt: number; }[]; }; refund: { presentmentAmount: number; amount: number; maxRefundableAmount: number; };}
LineItems
LineItems : { line_item_id: string; sku: string; image: string; title: string; body_html: string; price: string; reasonId: string; product: { productId: string; metafields: { key: string; value: string }[]; }; quantity_bought: number; weight: number; // in kg variant: { option1: string; option2: string; option3: string; title: string; variant_id: string; metafields: { key: string; value: string }[]; barcode: string; }; logistician_informations: ItemState[]; merchant_informations: ItemState[]; resolution?: "refund" | "exchange" | "discount"; new_variant?: { option1: string; option2: string; option3: string; variant_id: string; productTitle: string; metafields: { key: string; value: string }[]; sku: string; barcode: string; }; discountsAllocated: { allocationMethod: "EACH" | "ACROSS"; amount: number; currency: string; code: string; }[]; quantity: number; location_id: string; originLocation: Address; returnable: boolean; comment: string; customerImages: { imageId: string; imageUrl: string; }[]; harmonizedSystemCode: string;}
Mis à jour le : 28/08/2024
Merci !