CINXE.COM

<!doctype html> <html class="no-js" lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet" crossorigin/> <link rel="profile" href="https://gmpg.org/xfn/11" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; </script>   <title>Email Template Design & HTML - LiveIntent Knowledge Base</title> <link rel="canonical" href="https://support.liveintent.com/email-template-design-html/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Email Template Design & HTML" /> <meta property="og:description" content="At LiveIntent, we take email very seriously. What we prescribe in these guidelines stems from years of experience, research and testing. Roughly 61% of unique email opens occur on mobile, a number that is only expected to grow. The opportunity for email in mobile is immense, making it essential to design emails for screens of […]" /> <meta property="og:url" content="https://support.liveintent.com/email-template-design-html/" /> <meta property="og:site_name" content="LiveIntent Knowledge Base" /> <meta property="article:publisher" content="https://www.facebook.com/LiveIntent/" /> <meta property="article:published_time" content="2015-06-28T19:09:30+00:00" /> <meta property="article:modified_time" content="2024-09-23T21:50:30+00:00" /> <meta property="og:image" content="https://support.liveintent.com/wp-content/uploads/2024/09/liveintent-knowledge-base.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="627" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="LiveIntent" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@LiveIntent" /> <meta name="twitter:site" content="@LiveIntent" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="LiveIntent" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="14 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://support.liveintent.com/email-template-design-html/#article","isPartOf":{"@id":"https://support.liveintent.com/email-template-design-html/"},"author":{"name":"LiveIntent","@id":"https://support.liveintent.com/#/schema/person/013759b8811eaaca5fb966ed1073dca1"},"headline":"Email Template Design & HTML","datePublished":"2015-06-28T19:09:30+00:00","dateModified":"2024-09-23T21:50:30+00:00","mainEntityOfPage":{"@id":"https://support.liveintent.com/email-template-design-html/"},"wordCount":3050,"commentCount":0,"publisher":{"@id":"https://support.liveintent.com/#organization"},"articleSection":["Getting Started"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://support.liveintent.com/email-template-design-html/#respond"]}]},{"@type":"WebPage","@id":"https://support.liveintent.com/email-template-design-html/","url":"https://support.liveintent.com/email-template-design-html/","name":"Email Template Design & HTML - LiveIntent Knowledge Base","isPartOf":{"@id":"https://support.liveintent.com/#website"},"datePublished":"2015-06-28T19:09:30+00:00","dateModified":"2024-09-23T21:50:30+00:00","breadcrumb":{"@id":"https://support.liveintent.com/email-template-design-html/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://support.liveintent.com/email-template-design-html/"]}]},{"@type":"BreadcrumbList","@id":"https://support.liveintent.com/email-template-design-html/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://support.liveintent.com/"},{"@type":"ListItem","position":2,"name":"Monetization solutions","item":"https://support.liveintent.com/category/monetization-solutions/"},{"@type":"ListItem","position":3,"name":"Getting Started","item":"https://support.liveintent.com/category/monetization-solutions/getting-started/"},{"@type":"ListItem","position":4,"name":"Email Template Design & HTML"}]},{"@type":"WebSite","@id":"https://support.liveintent.com/#website","url":"https://support.liveintent.com/","name":"LiveIntent Knowledge Base","description":"LiveIntent Knowledge Base","publisher":{"@id":"https://support.liveintent.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://support.liveintent.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://support.liveintent.com/#organization","name":"LiveIntent Knowledge Base","url":"https://support.liveintent.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://support.liveintent.com/#/schema/logo/image/","url":"https://support.liveintent.com/wp-content/uploads/2024/09/cropped-cropped-favicon-512.png","contentUrl":"https://support.liveintent.com/wp-content/uploads/2024/09/cropped-cropped-favicon-512.png","width":512,"height":512,"caption":"LiveIntent Knowledge Base"},"image":{"@id":"https://support.liveintent.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/LiveIntent/","https://x.com/LiveIntent","https://www.linkedin.com/company/liveintent-inc-","https://www.instagram.com/liveintent/?hl=en"]},{"@type":"Person","@id":"https://support.liveintent.com/#/schema/person/013759b8811eaaca5fb966ed1073dca1","name":"LiveIntent","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://support.liveintent.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/16f989b5b8c7802f13243ab0e01e8484?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/16f989b5b8c7802f13243ab0e01e8484?s=96&d=mm&r=g","caption":"LiveIntent"},"description":"Beatae numquam minus labore rerum. Iste occaecati possimus id eligendi sunt qui consectetur et voluptas explicabo libero et natus.","sameAs":["https://support.liveintent.com"],"url":"https://support.liveintent.com/author/liveintentkb/"}]}</script>  <link rel="alternate" type="application/rss+xml" title="LiveIntent Knowledge Base » Feed" href="https://support.liveintent.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="LiveIntent Knowledge Base » Comments Feed" href="https://support.liveintent.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="LiveIntent Knowledge Base » Email Template Design & HTML Comments Feed" href="https://support.liveintent.com/email-template-design-html/feed/" /> <link rel='stylesheet' id='wp-block-library-css' href='https://support.liveintent.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='post-views-counter-frontend-css' href='https://support.liveintent.com/wp-content/plugins/post-views-counter/css/frontend.min.css?ver=1.4.7' media='all' /> <link rel='stylesheet' id='searchwp-forms-css' href='https://support.liveintent.com/wp-content/plugins/searchwp-live-ajax-search/assets/styles/frontend/search-forms.css?ver=1.8.2' media='all' /> <link rel='stylesheet' id='searchwp-live-search-css' href='https://support.liveintent.com/wp-content/plugins/searchwp-live-ajax-search/assets/styles/style.css?ver=1.8.2' media='all' /> <style id='searchwp-live-search-inline-css'> .searchwp-live-search-result .searchwp-live-search-result--title a { font-size: 16px; } .searchwp-live-search-result .searchwp-live-search-result--price { font-size: 14px; } .searchwp-live-search-result .searchwp-live-search-result--add-to-cart .button { font-size: 14px; } </style> <link rel='stylesheet' id='knowledge-swiper-css' href='https://support.liveintent.com/wp-content/themes/knowledge-liveintent/builds/assets/css/swiper.min.css?ver=1728027154' media='all' /> <link rel='stylesheet' id='knowledge-styles-css' href='https://support.liveintent.com/wp-content/themes/knowledge-liveintent/builds/static/css/main.min.css?ver=1728452389' media='all' /> <link rel='stylesheet' id='knowledge-custom-styles-css' href='https://support.liveintent.com/wp-content/themes/knowledge-liveintent/style.css?ver=1728027500' media='all' /> <script src="https://support.liveintent.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://support.liveintent.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://support.liveintent.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://support.liveintent.com/wp-json/wp/v2/posts/431" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://support.liveintent.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://support.liveintent.com/?p=431' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://support.liveintent.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsupport.liveintent.com%2Femail-template-design-html%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://support.liveintent.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsupport.liveintent.com%2Femail-template-design-html%2F&format=xml" />   <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript"> var dataLayer_content = {"pagePostType":"post","pagePostType2":"single-post","pageCategory":["getting-started"],"pagePostAuthor":"LiveIntent"}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NG5LRVL'); </script> <link rel="icon" href="https://support.liveintent.com/wp-content/uploads/2024/09/cropped-cropped-favicon-512-32x32.png" sizes="32x32" /> <link rel="icon" href="https://support.liveintent.com/wp-content/uploads/2024/09/cropped-cropped-favicon-512-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://support.liveintent.com/wp-content/uploads/2024/09/cropped-cropped-favicon-512-180x180.png" /> <meta name="msapplication-TileImage" content="https://support.liveintent.com/wp-content/uploads/2024/09/cropped-cropped-favicon-512-270x270.png" /> </head> <body class="post-template-default single single-post postid-431 single-format-standard wp-embed-responsive">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NG5LRVL" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript>    <section class="kb-wrapper"> <div class="kb-modal kb-modal_search" id="modal-search"> <div class="kb-modal__inner"> <div class="kb-modal__close"> <svg alt="Close" width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.78027 5.78125L30.2179 30.2189" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.78028 30.2188L30.2179 5.78114" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="kb-modal__block"> <div class="kb-container"> <h2 class="kb-modal__title">Search</h2> <form role="search" method="get" action="https://support.liveintent.com/" class="kb-search__form"> <div class="kb-search__value"> <input type="text" name="s" class="kb-search__input" placeholder="Enter search term" data-swpengine="global" data-swpparentel=".kb-modal .kb-search__live-results" data-swplive="true"> <button aria-label="search-button" type="submit" class="kb-search__submit"> <svg alt="search" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6767 11.4291L17.4374 16.1897C17.7718 16.5359 17.767 17.0863 17.4266 17.4266C17.0863 17.767 16.5359 17.7718 16.1897 17.4374L11.4291 12.6767C8.47543 14.9716 4.24655 14.5743 1.7719 11.7696C-0.702756 8.96492 -0.570177 4.71949 2.07466 2.07466C4.71949 -0.570177 8.96492 -0.702756 11.7696 1.7719C14.5743 4.24655 14.9716 8.47543 12.6767 11.4291ZM7.10767 1.81355C4.18381 1.81355 1.81355 4.18381 1.81355 7.10767C1.81676 10.0302 4.18514 12.3986 7.10767 12.4018C10.0315 12.4018 12.4018 10.0315 12.4018 7.10767C12.4018 4.18381 10.0315 1.81355 7.10767 1.81355Z" fill="white"/> </svg> </button> </div> <div class="kb-search__live-results"></div> </form> <div class="kb-modal__results"> <div class="kb-popular-articles"> <div class="kb-popular-articles__label"> <span> <svg alt="Popular articles" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_588_4027)"> <path d="M3.49903 13.3953C3.96547 13.3953 4.42144 13.2569 4.80928 12.9978C5.19712 12.7387 5.4994 12.3703 5.6779 11.9394C5.8564 11.5084 5.90311 11.0343 5.81211 10.5768C5.72111 10.1193 5.49649 9.69906 5.16667 9.36923C4.83684 9.0394 4.41661 8.81478 3.95913 8.72378C3.50164 8.63278 3.02745 8.67949 2.5965 8.85799C2.16556 9.03649 1.79723 9.33877 1.53809 9.72661C1.27894 10.1144 1.14063 10.5704 1.14062 11.0369C1.14119 11.6622 1.38984 12.2617 1.83201 12.7039C2.27417 13.146 2.87371 13.3947 3.49903 13.3953ZM3.49903 9.74513C3.75481 9.74492 4.0049 9.82059 4.21767 9.96257C4.43043 10.1045 4.5963 10.3064 4.69428 10.5427C4.79226 10.779 4.81795 11.039 4.7681 11.2899C4.71825 11.5408 4.5951 11.7712 4.41424 11.9521C4.23337 12.1329 4.00292 12.2561 3.75204 12.3059C3.50116 12.3558 3.24114 12.3301 3.00487 12.2321C2.76859 12.1341 2.5667 11.9683 2.42472 11.7555C2.28275 11.5427 2.20708 11.2927 2.20729 11.0369C2.20757 10.6944 2.34376 10.366 2.58594 10.1238C2.82813 9.8816 3.15652 9.74542 3.49903 9.74513Z" fill="#FFA119"/> <path d="M4.31787 14.1418H2.67947C1.96909 14.1427 1.28805 14.4253 0.785733 14.9276C0.283419 15.4299 0.000846866 16.1109 0 16.8213L0 20.0288C0 20.0988 0.0137951 20.1682 0.0405976 20.2329C0.0674001 20.2976 0.106685 20.3564 0.15621 20.4059C0.205734 20.4554 0.264529 20.4947 0.329235 20.5215C0.393942 20.5483 0.463295 20.5621 0.533333 20.5621H6.464C6.53404 20.5621 6.60339 20.5483 6.6681 20.5215C6.7328 20.4947 6.7916 20.4554 6.84112 20.4059C6.89065 20.3564 6.92993 20.2976 6.95674 20.2329C6.98354 20.1682 6.99733 20.0988 6.99733 20.0288V16.8213C6.99649 16.1109 6.71391 15.4299 6.2116 14.9276C5.70929 14.4253 5.02824 14.1427 4.31787 14.1418ZM5.93067 19.4954H1.06667V16.8213C1.06695 16.3937 1.23696 15.9836 1.53936 15.6812C1.84175 15.3788 2.25181 15.2088 2.67947 15.2085H4.31787C4.74552 15.2088 5.15558 15.3788 5.45798 15.6812C5.76037 15.9836 5.93038 16.3937 5.93067 16.8213V19.4954Z" fill="#FFA119"/> <path d="M9.41406 11.0369C9.41385 11.5036 9.55205 11.9599 9.81119 12.348C10.0703 12.7362 10.4387 13.0387 10.8699 13.2175C11.301 13.3962 11.7754 13.4431 12.2332 13.3522C12.6909 13.2613 13.1115 13.0366 13.4415 12.7067C13.7716 12.3768 13.9965 11.9564 14.0876 11.4986C14.1787 11.0409 14.132 10.5664 13.9535 10.1353C13.7749 9.70405 13.4725 9.33549 13.0845 9.07618C12.6965 8.81687 12.2402 8.67847 11.7735 8.67847C11.148 8.67875 10.5482 8.92728 10.1058 9.36947C9.66343 9.81167 9.41463 10.4114 9.41406 11.0369ZM11.7735 9.74513C12.0293 9.74513 12.2793 9.82098 12.4919 9.96308C12.7045 10.1052 12.8702 10.3072 12.968 10.5434C13.0658 10.7797 13.0914 11.0397 13.0414 11.2905C12.9914 11.5413 12.8682 11.7717 12.6873 11.9525C12.5064 12.1332 12.2759 12.2563 12.0251 12.306C11.7742 12.3558 11.5143 12.33 11.2781 12.232C11.0418 12.134 10.84 11.9681 10.6981 11.7554C10.5562 11.5427 10.4805 11.2926 10.4807 11.0369C10.481 10.6942 10.6173 10.3656 10.8598 10.1234C11.1022 9.88119 11.4308 9.74513 11.7735 9.74513Z" fill="#FFA119"/> <path d="M12.5933 14.1418H10.9549C10.2444 14.1424 9.56319 14.4249 9.06081 14.9273C8.55844 15.4296 8.27596 16.1108 8.27539 16.8213V20.0288C8.27539 20.0988 8.28919 20.1682 8.31599 20.2329C8.34279 20.2976 8.38208 20.3564 8.4316 20.4059C8.48112 20.4554 8.53992 20.4947 8.60463 20.5215C8.66933 20.5483 8.73869 20.5621 8.80872 20.5621H14.7405C14.8105 20.5621 14.8798 20.5483 14.9446 20.5215C15.0093 20.4947 15.0681 20.4554 15.1176 20.4059C15.1671 20.3564 15.2064 20.2976 15.2332 20.2329C15.26 20.1682 15.2738 20.0988 15.2738 20.0288V16.8213C15.2729 16.1107 14.9902 15.4295 14.4877 14.9272C13.9851 14.4249 13.3038 14.1424 12.5933 14.1418ZM14.2061 19.4954H9.34099V16.8213C9.34156 16.3936 9.5118 15.9835 9.81437 15.6811C10.1169 15.3788 10.5271 15.2088 10.9549 15.2085H12.5933C13.0208 15.2091 13.4307 15.3792 13.7331 15.6815C14.0354 15.9839 14.2055 16.3937 14.2061 16.8213V19.4954Z" fill="#FFA119"/> <path d="M20.501 13.4507C20.9675 13.4507 21.4235 13.3123 21.8113 13.0532C22.1992 12.794 22.5015 12.4256 22.68 11.9946C22.8584 11.5636 22.9051 11.0893 22.814 10.6318C22.7229 10.1743 22.4982 9.75406 22.1682 9.42427C21.8383 9.09448 21.418 8.86995 20.9604 8.77907C20.5029 8.68819 20.0286 8.73505 19.5977 8.91372C19.1668 9.09238 18.7985 9.39483 18.5395 9.78281C18.2805 10.1708 18.1424 10.6269 18.1426 11.0934C18.1437 11.7184 18.3926 12.3175 18.8346 12.7594C19.2767 13.2012 19.8759 13.4498 20.501 13.4507ZM20.501 9.80055C20.7567 9.80034 21.0068 9.87599 21.2195 10.0179C21.4323 10.1598 21.5981 10.3617 21.6961 10.5979C21.7941 10.8341 21.8199 11.0941 21.7701 11.3449C21.7204 11.5958 21.5973 11.8262 21.4166 12.0071C21.2358 12.188 21.0055 12.3113 20.7547 12.3612C20.5038 12.4112 20.2438 12.3857 20.0076 12.2878C19.7713 12.19 19.5693 12.0243 19.4272 11.8117C19.2851 11.5991 19.2092 11.3491 19.2092 11.0934C19.2092 10.7507 19.3453 10.422 19.5875 10.1796C19.8297 9.93717 20.1583 9.80084 20.501 9.80055Z" fill="#FFA119"/> <path d="M21.3198 14.1973H19.6814C18.971 14.1981 18.29 14.4807 17.7877 14.983C17.2854 15.4853 17.0028 16.1664 17.002 16.8767V20.0831C17.002 20.1532 17.0157 20.2225 17.0426 20.2872C17.0694 20.3519 17.1086 20.4107 17.1582 20.4603C17.2077 20.5098 17.2665 20.5491 17.3312 20.5759C17.3959 20.6027 17.4652 20.6165 17.5353 20.6165H23.466C23.536 20.6165 23.6053 20.6027 23.6701 20.5759C23.7348 20.5491 23.7936 20.5098 23.8431 20.4603C23.8926 20.4107 23.9319 20.3519 23.9587 20.2872C23.9855 20.2225 23.9993 20.1532 23.9993 20.0831V16.8767C23.9984 16.1664 23.7159 15.4853 23.2136 14.983C22.7112 14.4807 22.0302 14.1981 21.3198 14.1973ZM22.9326 19.5509H18.0686V16.8767C18.0689 16.4491 18.2389 16.039 18.5413 15.7366C18.8437 15.4342 19.2538 15.2642 19.6814 15.2639H21.3198C21.7475 15.2642 22.1575 15.4342 22.4599 15.7366C22.7623 16.039 22.9323 16.4491 22.9326 16.8767V19.5509Z" fill="#FFA119"/> <path d="M18.4533 5.74188C18.4535 5.27513 18.3153 4.81881 18.0561 4.43063C17.7969 4.04246 17.4284 3.73987 16.9973 3.56116C16.5661 3.38244 16.0916 3.33563 15.6338 3.42663C15.176 3.51764 14.7555 3.74238 14.4254 4.07242C14.0954 4.40246 13.8707 4.82298 13.7797 5.28077C13.6887 5.73856 13.7355 6.21306 13.9142 6.64424C14.0929 7.07542 14.3955 7.4439 14.7837 7.70308C15.1718 7.96227 15.6282 8.10049 16.0949 8.10028C16.7201 8.09944 17.3195 7.85069 17.7616 7.40859C18.2037 6.96649 18.4525 6.36711 18.4533 5.74188ZM16.0917 7.03362C15.8361 7.03319 15.5863 6.95699 15.3739 6.81463C15.1616 6.67227 14.9962 6.47015 14.8987 6.23382C14.8012 5.9975 14.776 5.73757 14.8262 5.4869C14.8764 5.23624 14.9998 5.00608 15.1808 4.82554C15.3618 4.64499 15.5923 4.52216 15.8431 4.47257C16.0939 4.42298 16.3537 4.44886 16.5898 4.54694C16.8259 4.64501 17.0276 4.81088 17.1694 5.02357C17.3113 5.23627 17.3869 5.48624 17.3866 5.74188C17.3861 6.08485 17.2494 6.41357 17.0065 6.65578C16.7637 6.898 16.4347 7.0339 16.0917 7.03362Z" fill="#FFA119"/> <path d="M10.2678 5.74188C10.268 5.27518 10.1298 4.81889 9.87064 4.43074C9.61151 4.04259 9.24308 3.74 8.81196 3.56126C8.38085 3.38251 7.9064 3.33564 7.44864 3.42656C6.99088 3.51748 6.57036 3.74211 6.24028 4.07204C5.91019 4.40198 5.68537 4.82239 5.59424 5.28011C5.50312 5.73783 5.54978 6.2123 5.72833 6.6435C5.90688 7.0747 6.2093 7.44326 6.59734 7.70257C6.98537 7.96187 7.44159 8.10028 7.9083 8.10028C8.53371 8.09972 9.13336 7.8511 9.57569 7.40896C10.018 6.96683 10.2669 6.36729 10.2678 5.74188ZM7.9083 7.03362C7.65256 7.03362 7.40257 6.95777 7.18994 6.81567C6.97732 6.67356 6.81162 6.47159 6.7138 6.2353C6.61599 5.99901 6.59045 5.73902 6.64042 5.48821C6.69038 5.2374 6.81362 5.00705 6.99453 4.82629C7.17543 4.64553 7.40589 4.52249 7.65674 4.47273C7.90759 4.42296 8.16756 4.44872 8.40377 4.54673C8.63998 4.64474 8.84181 4.81061 8.98374 5.02335C9.12566 5.23609 9.20131 5.48615 9.2011 5.74188C9.20081 6.08457 9.06448 6.41312 8.82207 6.65534C8.57965 6.89756 8.25098 7.03362 7.9083 7.03362Z" fill="#FFA119"/> </g> <defs> <clipPath id="clip0_588_4027"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <h3>Popular articles</h3> </div> <div class="kb-popular-articles__list"> <a href="https://support.liveintent.com/click-url-macros-and-accepted-characters/" class="kb-popular-articles__links"> Click-URL Macros and Accepted Characters </a> <a href="https://support.liveintent.com/ad-specs-and-creative-requirements/" class="kb-popular-articles__links"> Ad Specs and Creative Requirements </a> <a href="https://support.liveintent.com/what-is-an-email-hash/" class="kb-popular-articles__links"> What is an Email Hash? </a> <a href="https://support.liveintent.com/how-to-implement-livetag-3-0/" class="kb-popular-articles__links"> How to Implement LiveTag </a> <a href="https://support.liveintent.com/liveconnect-email-extension-configuration-general-instructions/" class="kb-popular-articles__links"> LiveConnect Email Extension Configuration – General Instructions </a> <a href="https://support.liveintent.com/content-policy/" class="kb-popular-articles__links"> Content Policy </a> </div> </div> </div> </div> </div> </div> <div class="kb-modal__ill"> <div class="kb-modal__ill-desktop"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="193.9 474.81 1308.55 676.23"><path d="M346.522 1047.27C312.87 1051.78 278.686 1043.41 250.866 1023.75C221.689 1003.11 201.89 971.733 195.842 936.506C189.794 901.279 197.99 865.098 218.61 835.914C222.849 829.913 238.875 808.227 266.865 781.295C304.768 744.814 347.585 714.747 394.151 691.939C460.546 659.414 531.774 643.095 605.86 643.453C694.022 643.878 784.687 668.135 875.307 715.564C906.972 732.137 930.759 760.602 941.44 794.71C952.12 828.817 948.806 865.764 932.234 897.43C915.661 929.095 887.196 952.881 853.088 963.562C845.736 965.862 838.244 967.51 830.717 968.522C803.295 972.196 775.208 967.349 750.368 954.356C700.553 928.292 653.461 914.403 610.402 913.069C579.009 912.099 548.828 917.882 520.688 930.259C469.613 952.729 439.834 990.141 437.656 992.942C417.019 1021.32 386.103 1040.56 351.469 1046.51C349.824 1046.79 348.184 1047.04 346.533 1047.26L346.522 1047.27ZM438.56 991.669C438.56 991.669 438.512 991.746 438.486 991.779C438.512 991.746 438.534 991.702 438.56 991.669ZM438.694 991.479C438.694 991.479 438.62 991.588 438.575 991.64C438.609 991.592 438.649 991.53 438.694 991.479Z" fill="#70B6FF"></path><path d="M819.825 746.498C799.212 748.509 778.557 742.659 762.028 730.066C744.693 716.849 733.31 697.287 730.394 675.681C727.478 654.074 733.266 632.198 746.474 614.858C749.19 611.292 759.433 598.423 777.085 582.618C800.989 561.209 827.749 543.817 856.634 530.932C897.82 512.557 941.598 504.168 986.753 506.007C1040.49 508.195 1095.23 524.966 1149.43 555.861C1168.37 566.657 1182.25 584.53 1188.01 605.555C1193.78 626.581 1190.95 649.031 1180.15 667.972C1169.36 686.912 1151.48 700.79 1130.46 706.554C1125.93 707.795 1121.32 708.636 1116.71 709.089C1099.92 710.728 1082.9 707.159 1068.04 698.695C1038.25 681.716 1009.84 672.219 983.622 670.464C964.506 669.186 945.982 672.051 928.557 678.98C896.93 691.56 877.958 713.715 876.569 715.375C863.368 732.225 844.101 743.273 822.857 746.144C821.849 746.279 820.843 746.397 819.832 746.496L819.825 746.498ZM877.148 714.619C877.148 714.619 877.117 714.664 877.101 714.684C877.117 714.664 877.132 714.638 877.148 714.619ZM877.234 714.506C877.234 714.506 877.186 714.571 877.158 714.601C877.179 714.573 877.206 714.536 877.234 714.506Z" fill="#2688FE"></path><path d="M1113.71 479.612C1142.37 471.189 1173.22 473.894 1200.04 487.267C1228.18 501.308 1249.59 525.946 1259.57 555.772C1269.54 585.597 1267.25 618.158 1253.23 646.297C1250.34 652.083 1239.31 673.087 1218.57 700.253C1190.49 737.05 1157.28 768.928 1119.84 794.993C1066.45 832.163 1006.69 855.886 942.213 865.488C865.487 876.916 783.395 867.954 698.242 838.833C668.487 828.658 643.992 807.087 630.14 778.855C616.287 750.623 614.225 718.049 624.4 688.294C634.575 658.539 656.147 634.044 684.379 620.191C690.465 617.208 696.759 614.772 703.17 612.884C726.526 606.02 751.599 606.477 774.94 614.452C821.749 630.453 864.561 636.23 902.185 631.627C929.616 628.271 955.088 619.203 977.904 604.673C1019.31 578.298 1040.2 541.778 1041.72 539.051C1055.87 511.607 1080.18 490.744 1109.51 480.933C1110.9 480.47 1112.29 480.029 1113.7 479.617L1113.71 479.612ZM1041.11 540.279C1041.11 540.279 1041.14 540.206 1041.16 540.174C1041.14 540.206 1041.13 540.247 1041.11 540.279ZM1041.02 540.462C1041.02 540.462 1041.07 540.357 1041.1 540.306C1041.08 540.352 1041.05 540.412 1041.02 540.462Z" fill="#FFA119"></path><path d="M989.658 1131.31C958.536 1149.59 921.588 1155.47 886.229 1147.66C849.137 1139.45 816.811 1116.86 796.376 1084.82C775.942 1052.79 769.073 1013.96 777.261 976.868C778.944 969.241 785.718 941.389 802.057 903.469C824.177 852.107 853.755 805.008 889.996 763.479C941.669 704.26 1004.75 658.933 1077.5 628.773C1164.08 592.88 1262.92 579.313 1371.26 588.473C1409.11 591.673 1444.15 609.772 1468.66 638.799C1493.18 667.825 1505.14 705.398 1501.94 743.255C1498.74 781.112 1480.64 816.146 1451.62 840.66C1445.36 845.941 1438.7 850.642 1431.74 854.734C1406.38 869.628 1376.86 876.445 1347.16 873.942C1287.61 868.915 1235.74 874.698 1192.99 891.125C1161.83 903.102 1134.63 921.199 1112.15 944.918C1071.35 987.973 1057.58 1036.9 1056.6 1040.54C1048.06 1076.86 1025.68 1108.44 994.194 1128.53C992.698 1129.49 991.195 1130.41 989.667 1131.31L989.658 1131.31ZM1056.96 1038.92C1056.96 1038.92 1056.94 1039.02 1056.93 1039.06C1056.94 1039.02 1056.95 1038.97 1056.96 1038.92ZM1057.01 1038.68C1057.01 1038.68 1056.98 1038.82 1056.96 1038.89C1056.97 1038.83 1056.99 1038.75 1057.01 1038.68Z" fill="#FFCA70"></path></svg> </div> <div class="kb-modal__ill-mobile"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-530.31 472.86 1170.18 462.62"><path d="M-366.959 934.212C-402.976 939.036 -439.564 930.078 -469.34 909.036C-500.568 886.951 -521.759 853.366 -528.232 815.663C-534.705 777.959 -525.933 739.235 -503.863 707.999C-499.326 701.576 -482.174 678.365 -452.216 649.541C-411.648 610.494 -365.82 578.314 -315.981 553.902C-244.918 519.091 -168.683 501.624 -89.3874 502.007C4.97252 502.462 102.012 528.424 199.003 579.188C232.894 596.926 258.353 627.393 269.785 663.898C281.216 700.403 277.669 739.948 259.931 773.84C242.194 807.731 211.727 833.19 175.222 844.622C167.352 847.083 159.334 848.847 151.278 849.93C121.927 853.863 91.8665 848.675 65.2802 834.768C11.9625 806.871 -38.4402 792.006 -84.527 790.578C-118.127 789.54 -150.429 795.73 -180.548 808.977C-235.214 833.026 -267.086 873.07 -269.418 876.067C-291.505 906.445 -324.594 927.03 -361.664 933.401C-363.424 933.7 -365.18 933.972 -366.947 934.208L-366.959 934.212ZM-268.449 874.704C-268.449 874.704 -268.501 874.787 -268.529 874.822C-268.501 874.787 -268.477 874.74 -268.449 874.704ZM-268.307 874.501C-268.307 874.501 -268.386 874.618 -268.433 874.673C-268.398 874.622 -268.354 874.556 -268.307 874.501Z" fill="#FFA119"></path><path d="M40.9407 792.889C18.8789 795.042 -3.22892 788.78 -20.9199 775.302C-39.4733 761.155 -51.6568 740.218 -54.7777 717.093C-57.8987 693.967 -51.7039 670.553 -37.5669 651.994C-34.6606 648.178 -23.6967 634.404 -4.80365 617.488C20.7809 594.573 49.4216 575.958 80.3375 562.167C124.42 542.501 171.275 533.522 219.605 535.49C277.116 537.832 335.704 555.782 393.718 588.85C413.99 600.404 428.844 619.534 435.014 642.037C441.184 664.541 438.156 688.57 426.602 708.842C415.047 729.114 395.918 743.967 373.414 750.137C368.563 751.465 363.637 752.365 358.701 752.85C340.724 754.605 322.512 750.784 306.609 741.725C274.717 723.553 244.317 713.388 216.254 711.509C195.794 710.141 175.967 713.208 157.317 720.624C123.466 734.089 103.161 757.802 101.674 759.578C87.5445 777.613 66.923 789.438 44.1859 792.51C43.1066 792.654 42.0304 792.781 40.948 792.887L40.9407 792.889ZM102.294 758.768C102.294 758.768 102.261 758.817 102.243 758.838C102.261 758.817 102.276 758.789 102.294 758.768ZM102.385 758.647C102.385 758.647 102.334 758.717 102.304 758.75C102.327 758.719 102.355 758.68 102.385 758.647Z" fill="#FFCA70"></path><path d="M333.265 477.697C362.079 469.229 393.091 471.948 420.058 485.393C448.342 499.508 469.873 524.277 479.899 554.261C489.925 584.245 487.627 616.979 473.526 645.268C470.627 651.085 459.534 672.2 438.686 699.51C410.457 736.503 377.068 768.55 339.426 794.754C285.754 832.121 225.678 855.971 160.858 865.624C83.7247 877.113 1.19631 868.103 -84.4095 838.827C-114.323 828.598 -138.948 806.912 -152.874 778.53C-166.8 750.148 -168.873 717.401 -158.644 687.488C-148.415 657.575 -126.728 632.949 -98.3465 619.023C-92.2279 616.024 -85.9002 613.575 -79.4553 611.677C-55.9754 604.776 -30.7685 605.235 -7.30393 613.253C39.7542 629.339 82.7934 635.147 120.618 630.52C148.194 627.145 173.802 618.029 196.739 603.423C238.369 576.907 259.37 540.193 260.899 537.452C275.122 509.861 299.563 488.887 329.042 479.024C330.442 478.559 331.842 478.116 333.256 477.701L333.265 477.697ZM260.279 538.686C260.279 538.686 260.311 538.612 260.329 538.58C260.311 538.612 260.297 538.654 260.279 538.686ZM260.188 538.87C260.188 538.87 260.238 538.764 260.27 538.714C260.247 538.76 260.22 538.819 260.188 538.87Z" fill="#2688FE"></path><path d="M173.177 898.822C147.276 901.261 121.354 893.824 100.645 877.935C78.9259 861.258 64.7102 836.637 61.1395 809.483C57.5688 782.329 64.9326 754.873 81.5985 733.148C85.0247 728.681 97.9475 712.559 120.189 692.781C150.307 665.988 183.996 644.255 220.335 628.193C272.151 605.288 327.178 594.935 383.893 597.439C451.382 600.416 520.072 621.717 588.029 660.758C611.775 674.4 629.131 696.91 636.283 723.346C643.435 749.783 639.786 777.972 626.144 801.718C612.502 825.465 589.992 842.821 563.555 849.973C557.857 851.512 552.071 852.549 546.277 853.097C525.171 855.085 503.812 850.529 485.184 839.833C447.826 818.378 412.187 806.327 379.258 804.01C355.251 802.323 331.969 805.843 310.05 814.473C270.268 830.141 246.342 857.89 244.59 859.969C227.935 881.08 203.685 894.876 176.988 898.391C175.72 898.556 174.457 898.701 173.186 898.82L173.177 898.822ZM245.321 859.022C245.321 859.022 245.281 859.079 245.261 859.103C245.281 859.079 245.3 859.046 245.321 859.022ZM245.429 858.88C245.429 858.88 245.369 858.962 245.333 859C245.36 858.964 245.393 858.918 245.429 858.88Z" fill="#70B6FF"></path></svg> </div> </div> </div> <header class="kb-header"> <div class="kb-container"> <div class="kb-header__grid"> <div class="kb-header__logo"> <a href="https://www.liveintent.com/" class="kb-header__logo-img"> <img src="https://support.liveintent.com/wp-content/themes/knowledge-liveintent/builds/static/img/content/liveintent-zeta-orange.svg" alt="LiveIntent" width="147" height="25"> </a> <div class="kb-header__logo-note"> Knowledge base </div> </div> <div class="kb-header__burger"> <i></i><i></i><i></i> </div> <div class="kb-header__actions"> <button aria-label="search icon" type="button" class="kb-header__actions-item" data-show-modal="modal-search"> <svg alt="Search" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6767 14.4291L20.4374 19.1897C20.7718 19.5359 20.767 20.0863 20.4266 20.4266C20.0863 20.767 19.5359 20.7718 19.1897 20.4374L14.4291 15.6767C11.4754 17.9716 7.24655 17.5743 4.7719 14.7696C2.29724 11.9649 2.42982 7.71949 5.07466 5.07466C7.71949 2.42982 11.9649 2.29724 14.7696 4.7719C17.5743 7.24655 17.9716 11.4754 15.6767 14.4291ZM10.1077 4.81355C7.18381 4.81355 4.81355 7.18381 4.81355 10.1077C4.81676 13.0302 7.18514 15.3986 10.1077 15.4018C13.0315 15.4018 15.4018 13.0315 15.4018 10.1077C15.4018 7.18381 13.0315 4.81355 10.1077 4.81355Z" fill="currentColor" /> </svg> </button> <a href="https://auth.liveintent.com/login?response_type=code&client_id=9c373b3d-8030-4e03-9df6-a8333449e016&redirect=https%3A%2F%2Fsupport.liveintent.com%2Femail-template-design-html%2F%3Fcsco_login_redirect%3Dtrue" class="kb-header__actions-item"> Login </a> <a class="button button--small" target="_self" href="https://www.liveintent.com/support/"> Contact us </a> </div> </div> </div> </header> <section class="kb-content"> <div class="site-breadcrumbs" id="breadcrumbs"><div class="kb-container"><span><span><a href="https://support.liveintent.com/">Home</a></span> <span class="site-breadcrumbs-sep">»</span> <span><a href="https://support.liveintent.com/category/monetization-solutions/">Monetization solutions</a></span> <span class="site-breadcrumbs-sep">»</span> <span><a href="https://support.liveintent.com/category/monetization-solutions/getting-started/">Getting Started</a></span> <span class="site-breadcrumbs-sep">»</span> <span class="breadcrumb_last" aria-current="page">Email Template Design & HTML</span></span></div></div> <div class="kb-container"> <div class="kb-article"> <div class="kb-article__head kb-article__head_mobile"> <div class="kb-article__date">06.28.2015</div> <h1 class="kb-article__title">Email Template Design & HTML</h1> </div> <div class="kb-article__content"> <div class="kb-article__head kb-article__head_desktop"> <div class="kb-article__date">Last updated: 09.23.2024</div> <h1 class="kb-article__title">Email Template Design & HTML</h1> </div> <div class="content-zone"> <p>At LiveIntent, we take email very seriously. What we prescribe in these guidelines stems from years of experience, research and testing.</p> <p>Roughly 61% of unique email opens occur on mobile, a number that is only expected to grow. The opportunity for email in mobile is immense, making it essential to design emails for screens of any size to avoid poorly rendered emails.</p> <p>These guidelines will make you an expert on key email design practices, providing you with a strict framework in which to adapt your emails for all screens.</p> <p> </p> <p><br><span>Rules of thumb</span></p> <ul class="wp-block-list"> <li>Use ad formats that work in both desktop and mobile layouts, like 300×250 and Marquee</li> <li>If you require a 728×90, scale it to fit inside your responsive layout</li> <li>Do not hide LiveIntent ad units in your responsive layouts. This will lower the quality and price of your media by reducing viewability and decreasing CTR performance.</li> </ul> <p> </p> <p><span>Pre-design settings</span></p> <p>Before getting into the actual structure of the email, you’ll need to declare some information in the head section. Below is the standard HTML5 head section. Reuse this in your templates for maximum compatibility:</p> <pre class="wp-block-preformatted"><!DOCTYPE html><br><html><br><head><br><meta charset=“UTF-8”><br><meta name=”viewport” content=”width=device-width, initialscale=1.0”><br></head></pre> <p><br><span>Meta Tags<br></span></p> <p>The first tag declares content type and character set. This ensures that your text and special characters are rendered properly. Make sure the character encoding used in your copy is compatible with this character set or you will wind up with funky characters in some clients. When moving your code between an html editor and your ESP (and especially vice-versa), make sure to first paste it into a plain text document, copy it again, then paste it into its destination. This will safeguard against picking up encoding outside of the character set you’ll be using.</p> <p>The second tag assigns the viewport to the opener’s screen or window size and assures that the email sizes according to this value.</p> <p>These assignments produce optimal viewing on a smaller screen, and are necessary to making your content responsive (more on this later).</p> <p> </p> <p><span>Preheaders<br></span></p> <p>The preheader is a snippet of text (usually 70 or fewer characters) that accompanies a subject line in a recipient’s inbox. Think of your subject line and preheader as a title and subtitle. The easiest way to insert a preheader is to place text at the beginning of your body section. The preview pane will pick up whatever text or links are nearest the opening of the section so make sure the preheader is right at the top. Otherwise your preview pane will pick up alt text from your header image or address to your links – these can create a poor reader experience.</p> <pre class="wp-block-preformatted"><body><br> <span>Check out this email! </span><br></body></pre> <p><br>Depending on message or style of your preheader, you can hide or display it in the email itself.</p> <p>In some cases, designers will make this text in-line with a link to their online version. This method is straightforward, as the preheader and additional text will be formatted the same way.</p> <p>If you’d like to hide the preheader within the email, you can apply the display:none attribute to it. Defining a text size of 1px and matching the font to the background color will further guarantee it remains hidden:</p> <pre class="wp-block-preformatted"><style> <br> span[class=“preheader”] {<br> display: none !important; }<br></style><br><body><br> <span class=“preheader”>Check out this email! </span><br></body></pre> <p><span>Layout</span></p> <p>The most effective email marketing messages are simple and easy to digest. Your design should follow suit. A single column design is the cleanest approach to email, reducing clutter and producing the fluidity to adapt your design to different screens.</p> <p>A single column layout with a maximum width of 600- 650 pixels will render well on all devices and lends nicely to responsive design elements like font-size and table width. This is the cleanest and most reliable way to design for all devices at once.</p> <p> </p> <p><span>Tables</span></p> <p>The most fundamental aspect of designing email is an emphasis on nested tables. This technique may seem ancient to web designers, but is a stalwart necessity in email.</p> <p><span>Container Table and Background</span></p> <p>Set up a container table with 100% width and place a cell within it, also with 100% width. Setting a bgcolor here will set a background color for your email. Choose a color that nicely contrasts with the background color of your content.</p> <pre class="wp-block-preformatted"><table align=”center” border=”0” cellpadding=”0” cellspacing=”0” width=”100%” style=”border-collapse: collapse;”><br> <td align=”center” bgcolor=”#aaaaaa” border=”0”><br> Place your content in here <br> </td><br></table></pre> <p><br>Within this cell will be your first nested table and your main content section. Use this to set the width of your content. Mobile optimized emails should be 320- 350 pixels wide, while desktop emails should be no larger than 650 pixels wide. If you are using a single format for both mobile and desktop openers, 600 pixels is standard; it looks good on a desktop and will fit the shape of a smartphone. Most smartphones will automatically zoom to fit the content to your screen.</p> <p>Your content container tables should have pixel-based widths, while all nested tables should be percentage based. This will allow them to stretch and shrink along with the container tables and will work well with responsive designs.</p> <pre class="wp-block-preformatted"><table align=”center” border=”0” cellpadding=”0” cellspacing=”0” width=”100%” style=”border-collapse: collapse;”><br> <td align=”center” bgcolor=”#aaaaaa” border=”0”><br> <table align=”center” border=”0” cellpadding=”0” cellspacing=”0” width=”600” style=”border-collapse: collapse;”><br> <br> </table> <br> </td><br></table></pre> <p><br><span>Spacing</span></p> <p>On all tables and cells, make sure to define dimensions by either relative (percentage) or absolute (pixel) values. Don’t expect clients to automatically render them properly otherwise. When using absolute values do not include “px”, as this will cause rendering issues in Outlook. A width of 600 pixels should be inputted:</p> <pre class="wp-block-preformatted">width=”600”<br>and not:<br>width=”600px”</pre> <p>If you have empty space in your design, you can handle it with either padding or empty cells. Using empty cells is somewhat of a divisive issue with email designers, but is reliable, and definitely preferable to spacer images.</p> <p>When using empty cells, make sure to define the dimensions inline in the cell:</p> <pre class="wp-block-preformatted"><td align=”left” width=”250” height=”300”> Left Column Content goes here... </td><br><td width=”100” height=”300”> </td><br><td align=”right” width=”250” height=”300”> Right Column Content goes here... </td></pre> <p>Padding is especially reliable for defining uniform spacing across different sections of content. Rather than dictating padding-left, padding-right, etc, you can simply list out padding in one declaration in the order: Top, Right, Bottom Left.</p> <p>This example has 30 pixels of vertical and 20 pixels of horizontal padding:</p> <pre class="wp-block-preformatted"><td style=”padding: 30px 20px 30px 20px;”></pre> <p>It’s important to note that you’ll always drop the “px” in html attributes, but will need to include it in styling attributes like font-size or padding.</p> <p> </p> <p><span>Table Attributes</span></p> <p>Use attributes within either the <table> and <td> tags to modify the appearance of your sections. It is best practice to assign style attributes like cellpadding and cellspacing inline in your tables, even if those values are 0, to ensure the table displays as intended in older clients. Otherwise, they may take on random values.</p> <p>You should also assign border=”0” to all of your cells and tables that do not have actual borders. Borders enable you to create visual guidelines and ease debugging if you run into errors. Doing a mass replace of border=”0” with border=”1” lets you do this very quickly. Once you’re satisfied with your layout, you can switch the values back to 0.</p> <pre class="wp-block-preformatted"><table align=”center” border=”0” cellpadding=”0”cellspacing=”0” width=”100%” style=”border-collapse: collapse;”><br> <td align=”center” bgcolor=”#aaaaaa” border=”0”><br> <table align=”center” border=”0” cellpadding=”0”cellspacing=”0” width=”600” style=”border-collapse:collapse;”><br> <td align=”center” bgcolor=”#ffffff” border=”0” width=”100%”><br> This is your main content table <br> </td> <br> </table></pre> <p><span>Styling</span></p> <p>CSS (Cascading Style Sheet) support in email is lacking, most notably in Gmail and Gmail apps. For this reason, all styling should be contained in-line, rather than in the <head> section of your email.</p> <p>If you really want to style your design with the convenience of CSS, use Premailer. It is an easy solution to in-line all of your CSS, but be forewarned: it exposes your code to the risks of automated modification.</p> <p>It will always be safer to manually style each element individually. If you apply your styles before filling in content, it won’t be so time-consuming to copy and paste repeated styles.</p> <pre class="wp-block-preformatted"><td style=”font-family:Helvetica,sans- serif; font-size:20px; text-align:left; color:#aaaaaa;”>Left Column Content goes here... </td></pre> <p>The following styles are compatible with most clients, but are by no means the be-all, end-all. Feel free to get a little nuts and experiment with others:</p> <ul class="wp-block-list"> <li>padding </li> <li>font-family </li> <li>font-size </li> <li>font-weight </li> <li>text-align </li> <li>text-decoration</li> <li>color</li> </ul> <p>For a full list of CSS elements and client compatibility, take a look at Campaign Monitor’s comprehensive Guide to CSS in Email.</p> <p><span>Text</span></p> <p>Out of the box, you’ll be limited to the handful of fonts that are compatible with all browsers, but you can always call on other languages that are either already installed on openers’ machines or imported from the web to diversify your palate.</p> <p>For free, pre-hosted fonts, Google Fonts is the most reliable option. When applying a non-standard font, it’s important to always use a universal font as a fallback.</p> <p>font-family=Gotham,sans-serif;</p> <p>There are two ways to access additional fonts and bring them into your openers’ inboxes:</p> <p>@font-face works well with Apple products: Apple Mail and iOS Mail, but not elsewhere.<br>@import has better compatibility, including the Apple clients, many smartphones and almost all web-clients.<br>To add fonts using @import, place the code pertaining to the font you chose in your <style> section: <br><style><br>@import url(http://font.com/NewFont);<br></style><br>Once the font is called in your <head> you can use it in your in-line styling:</p> <pre class="wp-block-preformatted"><td style="font-family: NewFont, sans-serif;"></pre> <p><br>While web-fonts lack compatibility in a wide range of clients, you can easily revert back to safe fonts if an issue arises. With this failsafe in place, you can use any web-font you desire to make your font as beautiful as possible. You should make sure, however, that your primary and fallback fonts are as close as possible in height and weight, so that the fallback won’t alter your design.</p> <p> </p> <p><br><span>Images</span></p> <p><span>Uses</span></p> <p>Avoid using spacer images for layout. Now only are they painful to code and modify, but they can affect your deliverability, as well. Less than reputable mailers have long tried to hide unwelcome text in images, so filters are cautious of emails loaded with them. Not to mention, space images are useless when your openers have not enabled images, and most email clients disable images by default.</p> <p>Instead use fixed width <td> cells and spacing to dictate how your empty space should<br>be laid out.</p> <p><br><span>Formats</span></p> <p>Use images in .GIF or .JPG format. Steer clear of .PNG files, as these will not display as consistently. Limit the size of your images to ensure your openers see the complete message quickly and without using a ton of bandwidth.</p> <p>RIOT is a great tool for resizing and optimizing your images for the web.</p> <p> </p> <p><span>GIFs</span></p> <p>Animated GIF’s will work in most modern inboxes and can make your email design striking. However, several clients, the main culprit being PC versions of Outlook, do not support animation and will instead freeze on the first frame of the gif. As long as you design your gif with both the whole animation and the first frame in mind, animation is totally safe in email.</p> <p> </p> <p><span>Modifying the IMG tag</span></p> <p>Make sure to include both heights and widths on all your images to ensure they render in the intended size. In most cases, width will suffice, but using both dimensions will ensure images display properly. Don’t assume mail clients will respect your image sizes otherwise:</p> <p><img src=”image.jpg” width=”300” height=”250”/></p> <p>Unless you are intentionally using a border on an image, assign all image borders to 0. Otherwise, Outlook 2007 and 2010 and older versions of Lotus Notes will give your images a default blue border.</p> <pre class="wp-block-preformatted"><img src=”image.jpg” border=”0”/></pre> <p>You should avoid using any floats or margins on your images. Instead use align and valign to place your images:</p> <pre class="wp-block-preformatted"><img src=”image.jpg” align=”center valign=”middle”/></pre> <p><br> <br>Some clients, mainly Gmail and Outlook web clients, will randomly add spacing to your images. This will be painfully obvious when using spliced images, but should be<br>prevented in any case. Add the display:block property to your images to prevent unintended spacing:</p> <pre class="wp-block-preformatted"><img src=”image.jpg” style=”display:block;”/></pre> <p><span>Alt Text</span></p> <p>Since many of your openers will not have images enabled or be opening offline, it’s necessary to provide a fallback to your image. Always use alt text to make sure openers receive your entire message in any scenario:</p> <pre class="wp-block-preformatted"><img src=”image.jpg” alt=”Exciting Text!”/></pre> <p><br> <br>You can take this a step further to make sure your alt text is formatted in the same way as the rest of your email. Rather than using the generic alt text appearance, you can apply the following styles:</p> <p>font-family<br>font-size<br>font-weight<br>font-style<br>color</p> <pre class="wp-block-preformatted"><img src=”image.jpg” width=”400” height=”300” border=”0” alt=”This is your alt text” <br>style=”display:block; background-color: #0089c7; color: #fba025; font-family: Helvetica, sans-serif; font-size: 40px; font-style: italic;”/></pre> <p><br>Font-align and vertical align have poor support, but can be applied as well. Please note that Gmail [by Google] has been known to be more likely to flag emails into the Promotion tab or Spam if there is a large presence of alt text.</p> <p></p> <p><span>Background Images</span></p> <p>Avoid using background images. They are incompatible with most desktop clients and require a large image to be downloaded instantly for the user experience to be smooth. In addition, they’ll be useless when images are not enabled.</p> <p>If you do decide to use a background image, make sure to include a background color, similar to our use of alt text and styling.</p> <p><br><span>Media Queries</span></p> <p>Responsive Design relies on media queries in the <style> section of your email. The most common method is to base your design on a desktop format and then use the @media query to serve different layouts or styles when a smaller screen size is detected. The biggest constraint with Responsive Design is that media queries are only supported by newer mobile operating systems. Gmail is the biggest offender – Google does not support media queries in any of their apps or the Gmail web client.</p> <p> </p> <table width="499"> <tbody> <tr> <td><strong>Supported</strong></td> <td><strong>Not Supported</strong></td> </tr> <tr> <td> <ul> <li>iOS (iPhone/iPad)</li> <li>Android 4.x native client</li> <li>Android Outlook.com app</li> <li>Windows Phone 7.5</li> <li>BlackBerry OS 6</li> <li>BlackBerry OS 7</li> <li>BlackBerry Z10</li> <li>Kindle Fire native client</li> </ul> </td> <td> <ul> <li>Android Outlook Exchange via native client</li> <li>Android Outlook.com app</li> <li>Android Gmail app</li> <li>Android Yahoo! Mail app</li> <li>Gmail/Outlook.com/Yahoo! Mail (in browser)</li> <li>Windows Phone 8</li> </ul> </td> </tr> </tbody> </table> <p><br> <br><span>Width based rules</span></p> <p>Media queries will look for the width of your device or window. Device width depends on the orientation of the device, not just it’s maximum value, so a smartphone will thus have a greater device width when held in landscape mode than in portrait. On a desktop, device width will change when you resize the window you’re viewing the email on.</p> <p>The example below uses a max width of 320 pixels, applying styling to any device equal to or less than 320 pixels. This includes iPhones and many smartphones (in portrait view).</p> <pre class="wp-block-preformatted"><style><br>@media only screen (max-width: 320px) {*/ Styling for smartphone */ }<br></style></pre> <p>Min-width is used for the opposite purpose, setting a minimum screen size. This example applies styling to desktop or tablets greater than 680 pixels wide:</p> <pre class="wp-block-preformatted">@media only screen (min-width: 680px) {}</pre> <p>Unless you only have a single rule, you should always combine both min-width and max-width in your rules This ensures that none of your rules overlap one another – in which case the one declared last in the code would be ignored.</p> <pre class="wp-block-preformatted">@media only screen (max-width: 320px) {}<br>@media only screen (min-width: 321px) and (max-width: 649px){}</pre> <p><span>Styling</span></p> <p>By utilizing pixel-based widths on your container tables and percentage-based widths on the nested tables within them, you’ll be able to make your entire template adapt fluidly with just a few steps.</p> <p>The easiest way to make your template responsive is to change the values in your styling based on device width.</p> <p>Making the width of content tables, the values of font- size, and padding responsive to<br>device will make your content responsive, as well.</p> <p>In this example, the main content table’s width and padding are resized based on device width. All tables nested within this one will respond fluidly as long as they have percentage-based widths. Additionally, the font size changes to make it more legible on a smaller screen. Make sure to declare !important on your values to ensure they are not ignored or overridden by the default values in your body section.</p> <pre class="wp-block-preformatted"><style><br>@media only screen (max-width: 320px) {<br> img[class=”desktop _ image”], td[class=”cell”] {<br> width: 320px !important;<br> padding: 20px !important; <br> }<br><br>p[class=”text”] { <br> font-size: 40px !important;<br> }<br>} <br></style></pre> <p><br>When using CSS to resize the elements of your design, you can code the body of the email as a fallback. When device width matches the parameters called out in the media<br>query, the layout will be modified. In cases where media queries are not supported, the fallback layout will display automatically.</p> <p>In addition to resizing elements, you can also use media queries to swap out entire sections. By using display:block and display:none you can display or hide content. This is most useful for re-sizing images based on device.</p> <pre class="wp-block-preformatted">@media only screen (max-width 320px){ <br> img[class=”desktop_image”] { <br> display: none;<br> }<br>}</pre> <p><br> <br>When using this method, keep in mind that clients will download all the content in the image, regardless of whether it is shown or hidden. This means that your emails may load slower and require more bandwidth, as they’ll be downloading two (or more) times the amount of content necessary.</p> <p>It’s possible to use this method to show and hide entire templates or sections, but due to inconsistent support, it’s best to use a single, fluid template.</p> <p>Note: LiveIntent tags should never have display:none added to them. An impression will decision whether there is an actual visual rendering or not, and hiding the LiveIntent units will have negative impacts on all performance and revenue metrics.</p> <p> </p> <p><span>Testing</span></p> <p>Due to the wide range of rendering issues in different clients, you should test your design as often as possible. Build out a skeleton layout and continually test it as you add more components, styling, and images. Test your html in chunks and make sure each element is compatible across clients before moving to the next piece. This will save you a good deal of frustration down the line.</p> <p>To make sure your design is universally compatible you should test them on as many devices and web clients as you can. Set up multiple email addresses and round up all the devices you have access to.</p> <p>Litmus and Email on Acid are two tremendous services that allow you to send a single email and view simulated renderings in most email clients. These apps are immensely useful and a must-have for any email marketer. That said you should still use live tests in as many environments as possible. Viewing, scrolling (or swiping), and clicking in the actual client or device will give you a better idea of your opener’s experience.</p> <p>You’ll also need to send live tests in order to QA all of your links. This tedious last step is a must to make sure you don’t send out a broken message.</p> <p>Also make note of specific subject lines to avoid in order prevent your emails from being flagged as spam. There are multiple articles on these across the web but Mequoda has an updated and informative one here.</p> <p><br><span>Resources</span></p> <p>Litmus and Email on Acid – Two testing platforms that allow you to see your email render in many clients at once. Similar services with extensive resources and informative blogs.<br>Premailer – This service will in-line all of your css for you before mailing.<br>RIOT (Radical Image Optimization Tool) – A free tool for optimizing images for the web and email</p> <div class="kb-related"> <div class="kb-related__label"> <span> <svg alt="Related articles" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.23692 3.62256H19.7635C20.3809 3.62255 20.8777 3.62255 21.2797 3.6554C21.6933 3.68919 22.0549 3.76047 22.3888 3.93061C22.9206 4.20159 23.353 4.63397 23.624 5.16578C23.7941 5.49971 23.8654 5.86124 23.8992 6.27485C23.932 6.67689 23.932 7.17368 23.932 7.79104V16.4886C23.932 17.106 23.932 17.6028 23.8992 18.0048C23.8654 18.4184 23.7941 18.78 23.624 19.1139C23.353 19.6457 22.9206 20.0781 22.3888 20.3491C22.0549 20.5192 21.6933 20.5905 21.2797 20.6243C20.8777 20.6571 20.3809 20.6571 19.7635 20.6571H10.9379C10.4665 20.6571 10.3034 20.6595 10.1514 20.6892C10.0058 20.7177 9.86454 20.7648 9.73101 20.8293C9.59158 20.8968 9.45967 20.9928 9.08258 21.2756L6.41164 23.2788C5.6739 23.8321 4.62109 23.3057 4.62109 22.3835V21.0177C4.62109 20.8186 4.45967 20.6571 4.26055 20.6571H4.23684C3.61948 20.6571 3.12269 20.6571 2.72065 20.6243C2.30704 20.5905 1.94551 20.5192 1.61158 20.3491C1.07977 20.0781 0.647389 19.6457 0.376415 19.1139C0.20627 18.78 0.134992 18.4184 0.1012 18.0048C0.0683499 17.6028 0.0683542 17.106 0.0683595 16.4886V7.79112C0.0683542 7.17372 0.0683499 6.67691 0.1012 6.27485C0.134992 5.86124 0.20627 5.49971 0.376415 5.16578C0.647389 4.63397 1.07977 4.20159 1.61158 3.93061C1.94551 3.76047 2.30704 3.68919 2.72065 3.6554C3.12271 3.62255 3.61952 3.62255 4.23692 3.62256ZM2.81022 4.75175C2.46464 4.77998 2.26399 4.83276 2.11097 4.91072C1.78614 5.07623 1.52204 5.34033 1.35652 5.66517C1.27856 5.81819 1.22578 6.01884 1.19755 6.36442C1.16879 6.71642 1.16836 7.16823 1.16836 7.81475V16.4649C1.16836 17.1115 1.16879 17.5633 1.19755 17.9153C1.22578 18.2608 1.27856 18.4615 1.35652 18.6145C1.52204 18.9394 1.78614 19.2035 2.11097 19.369C2.26399 19.4469 2.46464 19.4997 2.81022 19.5279C3.16222 19.5567 3.61403 19.5571 4.26055 19.5571C5.06718 19.5571 5.72109 20.211 5.72109 21.0177V22.3835C5.72109 22.3894 5.72187 22.392 5.72198 22.3924L5.7224 22.3933C5.72299 22.3942 5.7257 22.3976 5.73165 22.4006C5.73759 22.4035 5.74193 22.4037 5.74302 22.4036L5.74402 22.4034C5.74438 22.4032 5.74693 22.4023 5.75164 22.3988L8.42258 20.3956C8.43634 20.3852 8.44992 20.3751 8.46333 20.365C8.78457 20.124 9.00498 19.9586 9.2521 19.8391C9.47071 19.7333 9.70204 19.6562 9.94037 19.6096C10.2098 19.557 10.4853 19.557 10.8869 19.5571C10.9037 19.5571 10.9207 19.5571 10.9379 19.5571H19.7398C20.3864 19.5571 20.8382 19.5567 21.1902 19.5279C21.5357 19.4997 21.7364 19.4469 21.8894 19.369C22.2143 19.2035 22.4784 18.9394 22.6439 18.6145C22.7218 18.4615 22.7746 18.2608 22.8028 17.9153C22.8316 17.5633 22.832 17.1115 22.832 16.4649V7.81475C22.832 7.16823 22.8316 6.71642 22.8028 6.36442C22.7746 6.01884 22.7218 5.81819 22.6439 5.66517C22.4784 5.34033 22.2143 5.07623 21.8894 4.91072C21.7364 4.83276 21.5357 4.77998 21.1902 4.75175C20.8382 4.72299 20.3864 4.72256 19.7398 4.72256H4.26055C3.61403 4.72256 3.16222 4.72299 2.81022 4.75175ZM6.89746 9.86348C6.89746 9.55972 7.1437 9.31348 7.44746 9.31348H16.5529C16.8567 9.31348 17.1029 9.55972 17.1029 9.86348C17.1029 10.1672 16.8567 10.4135 16.5529 10.4135H7.44746C7.1437 10.4135 6.89746 10.1672 6.89746 9.86348ZM6.89746 14.4162C6.89746 14.1125 7.1437 13.8662 7.44746 13.8662H12.0002C12.304 13.8662 12.5502 14.1125 12.5502 14.4162C12.5502 14.72 12.304 14.9662 12.0002 14.9662H7.44746C7.1437 14.9662 6.89746 14.72 6.89746 14.4162Z" fill="#FFA119"/> </svg> </span> <h3>Related articles</h3> </div> <div class="kb-related__list"> <a href="https://support.liveintent.com/becoming-livecertified/" class="kb-related__links"> Becoming LiveCertified </a> <a href="https://support.liveintent.com/cname-faq/" class="kb-related__links"> CNAME FAQ </a> <a href="https://support.liveintent.com/native-blueprints-and-media-queries/" class="kb-related__links"> Native Blueprints and Media Queries </a> <a href="https://support.liveintent.com/liveconnect-email-extension-configuration-general-instructions/" class="kb-related__links"> LiveConnect Email Extension Configuration – General Instructions </a> <a href="https://support.liveintent.com/the-importance-of-using-an-ssl-certificate-secured-cname/" class="kb-related__links"> The importance of using an SSL Certificate secured CNAME </a> </div> </div> </div> <div class="kb-article__totop"> <span><svg alt="Back to top" width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.4569 9.73276C6.17123 10.0327 6.18281 10.5074 6.48276 10.7931C6.78271 11.0788 7.25744 11.0672 7.5431 10.7672L6.4569 9.73276ZM12.5431 5.51724C12.8288 5.21729 12.8172 4.74256 12.5172 4.4569C12.2173 4.17123 11.7426 4.18281 11.4569 4.48276L12.5431 5.51724ZM12.5431 4.48276C12.2574 4.18281 11.7827 4.17123 11.4828 4.4569C11.1828 4.74256 11.1712 5.21729 11.4569 5.51724L12.5431 4.48276ZM16.4569 10.7672C16.7426 11.0672 17.2173 11.0788 17.5172 10.7931C17.8172 10.5074 17.8288 10.0327 17.5431 9.73276L16.4569 10.7672ZM12.75 5C12.75 4.58579 12.4142 4.25 12 4.25C11.5858 4.25 11.25 4.58579 11.25 5H12.75ZM11.25 19C11.25 19.4142 11.5858 19.75 12 19.75C12.4142 19.75 12.75 19.4142 12.75 19H11.25ZM7.5431 10.7672L12.5431 5.51724L11.4569 4.48276L6.4569 9.73276L7.5431 10.7672ZM11.4569 5.51724L16.4569 10.7672L17.5431 9.73276L12.5431 4.48276L11.4569 5.51724ZM11.25 5V19H12.75V5H11.25Z" fill="currentColor"/></svg></span> Back to top </div> </div> </div> </div> </section> <footer class="kb-footer"> <div class="kb-container"> <div class="kb-footer__grid"> <div class="kb-footer__sidebar"> <div class="kb-footer__logo"> <a href="https://www.liveintent.com/"> <img src="https://support.liveintent.com/wp-content/themes/knowledge-liveintent/builds/static/img/content/liveintent-zeta-orange.svg" alt="LiveIntent" width="147" height="25"> </a> </div> <div class="kb-footer__note"> Think outside the inbox and discover all the innovative ways email can help you grow your business. </div> <div class="kb-footer__social"> <a aria-label="Facebook" rel="noreferrer noopener" href="https://www.facebook.com/LiveIntent/" class="kb-footer__social-links kb-footer__social-links_fb"> <svg alt="facebook" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_2012_1558" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4933 11.7583V0.230804H0.0927734L0.0927734 11.7583H11.4933Z" fill="white" /> </mask> <g mask="url(#mask0_2012_1558)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4934 11.1301C11.4934 11.4759 11.2146 11.7583 10.8738 11.7583H7.96168V7.29804H9.44872L9.66558 5.57048H7.96168V4.47112C7.96168 3.96856 8.0856 3.62336 8.79814 3.62336H9.69656V2.05285C9.54166 2.02113 9.015 1.98972 8.36442 1.98972C7.06326 1.98972 6.16484 2.80638 6.16484 4.28266V5.57048H4.67781V7.29804H6.16484V11.7583H0.712372C0.371593 11.7583 0.0927734 11.4759 0.0927734 11.1301V0.858948C0.0927734 0.513435 0.371593 0.230743 0.712372 0.230743H10.8428C11.1836 0.230743 11.4624 0.513435 11.4624 0.858948V11.1301H11.4934Z" fill="#2688FE" /> </g> </svg> </a> <a aria-label="Twitter" rel="noreferrer noopener" href="https://twitter.com/LiveIntent" class="kb-footer__social-links kb-footer__social-links_tw"> <svg alt="twitter" width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_2012_1580" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="15" height="13"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.707031 0.230774H14.7564V12.1098H0.707031L0.707031 0.230774Z" fill="white" /> </mask> <g mask="url(#mask0_2012_1580)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2695 0.457881C13.7075 0.797984 13.1077 1.06318 12.4337 1.1763C11.9088 0.608828 11.1595 0.230515 10.3356 0.230515C8.76209 0.230515 7.4508 1.55461 7.4508 3.21957C7.4508 3.44618 7.48789 3.67354 7.52573 3.90053C5.12795 3.78704 3.02988 2.57643 1.60583 0.797984C1.34394 1.25234 1.23117 1.74377 1.23117 2.31124C1.23117 3.33306 1.75606 4.24101 2.50537 4.80848C2.01832 4.80848 1.60583 4.65716 1.19408 4.43017V4.468C1.19408 5.90521 2.16781 7.11619 3.51693 7.38101C3.29177 7.45668 3.02988 7.49451 2.76763 7.49451C2.5803 7.49451 2.39297 7.49451 2.24274 7.45668C2.61739 8.62945 3.66642 9.49919 4.94062 9.5374C3.96652 10.3319 2.72979 10.8233 1.38141 10.8233C1.15662 10.8233 0.931449 10.8233 0.707031 10.7858C1.98048 11.6181 3.47909 12.1099 5.12795 12.1099C10.4102 12.1099 13.3329 7.57017 13.3329 3.63533V3.25702C13.8948 2.84125 14.3819 2.31124 14.7565 1.70631C14.2317 1.93292 13.6697 2.12208 13.1077 2.16029C13.5947 1.70631 14.0443 1.13884 14.2695 0.457881Z" fill="#FFA119" /> </g> </svg> </a> <a aria-label="Linkedin" rel="noreferrer noopener" href="https://www.linkedin.com/company/liveintent-inc-" class="kb-footer__social-links kb-footer__social-links_in"> <svg alt="linkedin" width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.399414 12.1944H3.06685V4.07622H0.399414V12.1944Z" fill="#13DDC9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3285 3.96925C8.80951 3.96925 7.84663 4.75258 7.6614 5.32264V4.04047H4.66016C4.69757 4.71733 4.66016 12.1586 4.66016 12.1586H7.6614V7.77909C7.6614 7.52985 7.6614 7.28096 7.73512 7.10293C7.95778 6.60409 8.36493 6.10561 9.17998 6.10561C10.2173 6.10561 10.6989 6.85369 10.6989 7.95712V12.1586H13.7369V7.67227C13.7002 5.14461 12.2183 3.96925 10.3285 3.96925Z" fill="#13DDC9" /> <mask id="mask0_2012_1572" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="4" height="4"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.0292969 0.230774H3.28913V3.0435H0.0292969V0.230774V0.230774Z" fill="white" /> </mask> <g mask="url(#mask0_2012_1572)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.6594 0.230637C0.659109 0.230637 0.0292969 0.835938 0.0292969 1.65487C0.0292969 2.43821 0.659109 3.04351 1.62198 3.04351H1.6594C2.65969 3.04351 3.28913 2.43821 3.28913 1.61927C3.25245 0.835938 2.65969 0.230637 1.6594 0.230637Z" fill="#13DDC9" /> </g> </svg> </a> <a aria-label="Instagram" rel="noreferrer noopener" href="https://www.instagram.com/liveintent/?hl=en" class="kb-footer__social-links kb-footer__social-links_ins"> <svg alt="instagram" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2687 10.7554C11.2687 10.9524 11.1052 11.1163 10.909 11.1163H1.91717C1.72099 11.1163 1.5575 10.9524 1.5575 10.7554V5.11602H3.06159C2.8654 5.4111 2.80001 5.93569 2.80001 6.26356C2.80001 8.26356 4.43488 9.9029 6.46213 9.9029C8.48938 9.9029 10.1243 8.26356 10.1243 6.26356C10.1243 5.93569 10.0916 5.4111 9.82998 5.11602H11.3341V10.7554H11.2687ZM6.39674 3.93569C7.67194 3.93569 8.71826 4.95209 8.71826 6.23077C8.71826 7.50979 7.67194 8.52586 6.39674 8.52586C5.12153 8.52586 4.10791 7.50979 4.10791 6.23077C4.10791 4.98487 5.12153 3.93569 6.39674 3.93569ZM9.01254 2.09995C9.01254 1.90291 9.17603 1.73897 9.37221 1.73897H10.4839C10.6801 1.73897 10.8436 1.90291 10.8436 2.09995V3.21438C10.8436 3.41143 10.6801 3.57536 10.4839 3.57536H9.37221C9.17603 3.57536 9.01254 3.41143 9.01254 3.21438V2.09995ZM10.9744 0.230774H1.85178C1.06704 0.230774 0.413086 0.853725 0.413086 1.64061V10.8209C0.413086 11.6081 1.06704 12.2308 1.85178 12.2308H10.9744C11.7591 12.2308 12.4131 11.6081 12.4131 10.8209V1.64061C12.3804 0.853725 11.7591 0.230774 10.9744 0.230774Z" fill="#FC4559" /> </svg> </a> </div> <div class="kb-footer__copy kb-footer__copy_desktop"> © LiveIntent 2024 </div> </div> <div class="kb-footer__menu"><ul id="menu-footer" class=""><li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-60"><span class="menu-item-without-link">Solutions</span> <ul class="sub-menu"> <li id="menu-item-609" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-609"><a href="https://www.liveintent.com/marketer-solutions/">Marketer solutions</a></li> <li id="menu-item-610" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-610"><a href="https://www.liveintent.com/marketer-solutions/people-based-audiences/">People-Based Audiences</a></li> <li id="menu-item-611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-611"><a href="https://www.liveintent.com/marketer-solutions/native-curated-packages/">Native Curated Packages</a></li> <li id="menu-item-612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-612"><a href="https://www.liveintent.com/marketer-solutions/full-funnel-solutions/">Full funnel solutions</a></li> <li id="menu-item-613" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-613"><a href="https://www.liveintent.com/monetization-solutions/">Publisher solutions</a></li> <li id="menu-item-614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-614"><a href="https://www.liveintent.com/monetization-solutions/native/">Native Ad Blueprints</a></li> <li id="menu-item-615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-615"><a href="https://www.liveintent.com/identity-solutions/">Identity data solutions</a></li> <li id="menu-item-616" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-616"><a href="https://www.liveintent.com/identity-solutions/email-reactivation/">Email reactivation</a></li> <li id="menu-item-617" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-617"><a href="https://www.liveintent.com/identity-solutions/hiro/">HIRO</a></li> </ul> </li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-61"><span class="menu-item-without-link">Company</span> <ul class="sub-menu"> <li id="menu-item-70" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"><a href="https://www.liveintent.com/about-us/">Our story</a></li> <li id="menu-item-71" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71"><a href="https://www.liveintent.com/careers/">Careers</a></li> <li id="menu-item-72" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72"><a href="https://www.liveintent.com/employee-resource-groups/">Employee Resource Groups</a></li> <li id="menu-item-73" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73"><a href="https://www.liveintent.com/press/">Press</a></li> <li id="menu-item-74" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-74"><a href="https://www.liveintent.com/events/">Events</a></li> <li id="menu-item-75" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-75"><a href="https://www.liveintent.com/get-in-touch/">General Inquiries</a></li> </ul> </li> <li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-62"><span class="menu-item-without-link">Resources</span> <ul class="sub-menu"> <li id="menu-item-76" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-76"><a href="https://www.liveintent.com/case-studies/">Case Studies</a></li> <li id="menu-item-77" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"><a href="https://www.liveintent.com/blog/">Blog</a></li> <li id="menu-item-79" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-79"><a href="https://www.liveintent.com/brand-assets/">Brand assets</a></li> </ul> </li> <li id="menu-item-63" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-63"><span class="menu-item-without-link">Legal</span> <ul class="sub-menu"> <li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80"><a href="https://www.liveintent.com/content-policy/">Content policy</a></li> <li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81"><a href="https://www.liveintent.com/privacy-policy/">Website privacy policy</a></li> <li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82"><a href="https://www.liveintent.com/services-privacy-policy/">Services privacy policies</a></li> <li id="menu-item-83" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83"><a href="https://privacy.liveintent.com/">Do not sell my info</a></li> <li id="menu-item-84" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84"><a href="https://www.liveintent.com/ad-choices/">Ad Choices</a></li> <li id="menu-item-91" class="ot-sdk-show-settings menu-item menu-item-type-custom menu-item-object-custom menu-item-91"><span class="menu-item-without-link">Cookies Settings</span></li> </ul> </li> </ul></div> <div class="kb-footer__copy kb-footer__copy_mobile"> © LiveIntent 2024 </div> </div> </div> </footer> </section> <style> .searchwp-live-search-results { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; height: 0; overflow: hidden; z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */ position: absolute; display: none; } .searchwp-live-search-results-showing { display: block; opacity: 1; height: auto; overflow: auto; } .searchwp-live-search-no-results { padding: 3em 2em 0; text-align: center; } .searchwp-live-search-no-min-chars:after { content: "Continue typing"; display: block; text-align: center; padding: 2em 2em 0; } </style> <script> var _SEARCHWP_LIVE_AJAX_SEARCH_BLOCKS = true; var _SEARCHWP_LIVE_AJAX_SEARCH_ENGINE = 'default'; var _SEARCHWP_LIVE_AJAX_SEARCH_CONFIG = 'default'; </script> <script id="swp-live-search-client-js-extra"> var searchwp_live_search_params = []; searchwp_live_search_params = {"ajaxurl":"https:\/\/support.liveintent.com\/wp-admin\/admin-ajax.php","origin_id":431,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}},"global":{"engine":"global","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"No valid SearchWP Live Search configuration found!","aria_instructions":"When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.","searchwp_live_search_client_nonce":"e76725c795"};; </script> <script src="https://support.liveintent.com/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.8.2" id="swp-live-search-client-js"></script> <script src="https://support.liveintent.com/wp-content/themes/knowledge-liveintent/builds/static/js/main.js?ver=1728027051" id="knowledge-scripts-js"></script> </body> </html>