CINXE.COM
The Ultimate Email Design Lookbook | iContact
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://cdn.ziffstatic.com/jst/zdconsent.js" as="script"> <script type="text/javascript">window.zdconsent = window.zdconsent || {'run': [], 'cmd':[], 'useractioncomplete': [], 'analytics':[], 'functional':[], 'social':[] };</script> <script type="text/javascript" id="zdconsent" src="https://cdn.ziffstatic.com/jst/zdconsent.js" async="true"></script> <!--script type='text/javascript' src='https://service.force.com/embeddedservice/5.0/esw.min.js'></script--> <script type='text/javascript'> (function () { function addScript(src, async, onload) { const s = document.createElement('script'); s.src = src; s.onload = onload; s.type = "text/javascript"; s.async = async === void 0 ? true : async; document.head.appendChild(s); } function initESW(gslbBaseURL) { embedded_svc.settings.displayHelpButton = true; //Or false embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US' embedded_svc.settings.defaultMinimizedText = 'Need Help?'; embedded_svc.settings.enabledFeatures = ['LiveAgent']; embedded_svc.settings.entryFeature = 'LiveAgent'; embedded_svc.settings.extraPrechatFormDetails = [ {"label": "Last Name", "transcriptFields": ["Visitor_Last_Name__c"]}, {"label": "First Name", "transcriptFields": ["Visitor_First_Name__c"]}, {"label": "Email", "transcriptFields": ["Visitor_Email__c"]}, {"label": "Company", "transcriptFields": ["Visitor_Company__c"]} ]; embedded_svc.init( 'https://icontact.my.salesforce.com', 'https://icontact.force.com/customers', gslbBaseURL, '00D80000000KqLk', 'iContact_Sales_Chat', { baseLiveAgentContentURL: 'https://c.la3-c1-ph2.salesforceliveagent.com/content', deploymentId: '57280000000TNsB', buttonId: '5732H0000004DNB', baseLiveAgentURL: 'https://d.la3-c1-ph2.salesforceliveagent.com/chat', eswLiveAgentDevName: 'iContact_Sales_Chat', isOfflineSupportEnabled: true } ); if (autoChat) { embedded_svc.addEventHandler("onSettingsCallCompleted", function () { embedded_svc.liveAgentAPI.startChat(); }); } // privacy policy var show = false; embedded_svc.addEventHandler("afterMaximize", function (data) { if (!show) { show = true; var p = document.createElement('p'); p.innerHTML = 'By submitting this form, you agree that iContact may process data according to our <a href="https://www.icontact.com/legal/privacy" title="Privacy Policy">Privacy Policy</a>.'; var li2 = document.createElement("li2"); li2.style.fontSize = "12px"; li2.style.color = "grey"; li2.style.backgroundColor = "white"; li2.style.padding = "10px 10px 10px 10px"; li2.style.lineHeight = "16px"; li2.appendChild(p); var sidebar = document.querySelector("div.formContent.embeddedServiceSidebarForm"); sidebar.appendChild(li2, sidebar.childNodes[2]); } }); } var params = new URLSearchParams(location.search); var autoChat = params.get('startchat'); var isSupport = autoChat === 'support'; if (isSupport) { if (!window._laq) { window._laq = []; } var buttonId = '57380000000TNsL'; window._laq.push(function () { var dummyButton = document.createElement('div'); liveagent.showWhenOnline(buttonId, dummyButton); liveagent.showWhenOffline(buttonId, dummyButton); }); addScript('https://c.la4-c2-chi.salesforceliveagent.com/content/g/js/37.0/deployment.js'); if (window.LoadingIndicator) { setTimeout(function() { LoadingIndicator.enable(); LoadingIndicator.start(); }, 100); setTimeout(function() { LoadingIndicator.stop(); }, 3000); } function checkReady() { if (window.liveagent && window.liveagent.init) { liveagent.setChatWindowHeight(640); liveagent.setChatWindowWidth(485); liveagent.addButtonEventHandler(buttonId, function (e) { if (e == liveagent.BUTTON_EVENT.BUTTON_AVAILABLE) { startChat(buttonId, true) } }); liveagent.init('https://d.la4-c2-chi.salesforceliveagent.com/chat', '57280000000TNsB', '00D80000000KqLk'); } else { setTimeout(checkReady, 100); } } checkReady(); function startChat(id, thisWindow) { if (thisWindow) { // Rebind window.open to stop opening a dummy window var orig = window.open; window.open = function() {}; liveagent.startChatWithWindow(id, window.name); window.open = orig; } else { liveagent.startChat(id); } } } else { // Sales if (!window.embedded_svc) { addScript('https://icontact.my.salesforce.com/embeddedservice/5.0/esw.min.js', false, function () { initESW('https://service.force.com'); }); ; } else { initESW('https://service.force.com'); } } })(); </script> <link rel='stylesheet' media='all' href='https://wwwapi.icontact.com/static/dist/icontact-api.css' /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.7 - https://yoast.com/wordpress/plugins/seo/ --> <title>The Ultimate Email Design Lookbook | iContact</title><link rel="preload" data-rocket-preload as="style" href="https://fonts.googleapis.com/css2?family=Rubik:wght@500;700&family=Roboto:wght@400;500&display=swap" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:wght@500;700&family=Roboto:wght@400;500&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:wght@500;700&family=Roboto:wght@400;500&display=swap" /></noscript><link rel="preload" data-rocket-preload as="image" href="https://www.icontact.com/wp-content/uploads/2024/06/email-design-lookbook.png" fetchpriority="high"> <meta name="description" content="Check out The Ultimate Email Design Lookbook from iContact" /> <link rel="canonical" href="https://www.icontact.com/ultimate-email-design-lookbook/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="The Ultimate Email Design Lookbook | iContact" /> <meta property="og:description" content="Check out The Ultimate Email Design Lookbook from iContact" /> <meta property="og:url" content="https://www.icontact.com/ultimate-email-design-lookbook/" /> <meta property="og:site_name" content="iContact" /> <meta property="article:publisher" content="https://www.facebook.com/iContact" /> <meta property="article:modified_time" content="2024-10-10T05:06:28+00:00" /> <meta property="og:image" content="https://www.icontact.com/wp-content/uploads/2024/06/Rubik-One-1.png" /> <meta property="og:image:width" content="760" /> <meta property="og:image:height" content="513" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@iContact" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.icontact.com/ultimate-email-design-lookbook/","url":"https://www.icontact.com/ultimate-email-design-lookbook/","name":"The Ultimate Email Design Lookbook | iContact","isPartOf":{"@id":"https://www.icontact.com/#website"},"primaryImageOfPage":{"@id":"https://www.icontact.com/ultimate-email-design-lookbook/#primaryimage"},"image":{"@id":"https://www.icontact.com/ultimate-email-design-lookbook/#primaryimage"},"thumbnailUrl":"https://www.icontact.com/wp-content/uploads/2024/06/Rubik-One-1.png","datePublished":"2024-06-06T20:08:10+00:00","dateModified":"2024-10-10T05:06:28+00:00","description":"Check out The Ultimate Email Design Lookbook from iContact","breadcrumb":{"@id":"https://www.icontact.com/ultimate-email-design-lookbook/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.icontact.com/ultimate-email-design-lookbook/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.icontact.com/ultimate-email-design-lookbook/#primaryimage","url":"https://www.icontact.com/wp-content/uploads/2024/06/Rubik-One-1.png","contentUrl":"https://www.icontact.com/wp-content/uploads/2024/06/Rubik-One-1.png","width":760,"height":513},{"@type":"BreadcrumbList","@id":"https://www.icontact.com/ultimate-email-design-lookbook/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.icontact.com/"},{"@type":"ListItem","position":2,"name":"The Ultimate Email Design Lookbook"}]},{"@type":"WebSite","@id":"https://www.icontact.com/#website","url":"https://www.icontact.com/","name":"iContact","description":"Grow Your Audience with Professional Email Marketing Tools from iContact","publisher":{"@id":"https://www.icontact.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.icontact.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.icontact.com/#organization","name":"iContact","url":"https://www.icontact.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.icontact.com/#/schema/logo/image/","url":"https://www.icontact.com/wp-content/uploads/2024/05/icontact-messagebuilder-for-salesforce.png","contentUrl":"https://www.icontact.com/wp-content/uploads/2024/05/icontact-messagebuilder-for-salesforce.png","width":1200,"height":600,"caption":"iContact"},"image":{"@id":"https://www.icontact.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/iContact","https://x.com/iContact","https://www.youtube.com/user/icontact","https://www.instagram.com/icontact/","https://www.linkedin.com/company/icontact"]}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//fast.wistia.net' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.icontact.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/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' type='text/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> <style id='if-so-public-dummy-inline-css' type='text/css'> .lds-dual-ring { display: inline-block; width: 16px; height: 16px; } .lds-dual-ring:after { content: " "; display: block; width: 16px; height: 16px; margin: 0px; border-radius: 50%; border: 3px solid #000; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*loader 2*/ .ifso-logo-loader { font-size: 20px; width: 64px; font-family: sans-serif; position: relative; height: auto; font-weight: 800; } .ifso-logo-loader:before { content: ''; position: absolute; left: 30%; top: 36%; width: 14px; height: 22px; clip-path: polygon(100% 50%, 0 0, 0 100%); background: #fd5b56; animation: spinAndMoveArrow 2s infinite; height: 9px; width: 7px; } .ifso-logo-loader:after { content: "If So"; word-spacing: 12px; } @keyframes spinAndMoveArrow { 40% { transform: rotate(360deg); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } 100% { transform: translateX(0); } } /*Loader 3 - default content*/ .ifso-default-content-loader{ display:inline-block; } </style> <link rel='stylesheet' id='custom-theme-style-css' href='https://www.icontact.com/wp-content/themes/iccwpt/library/source-css/style.css?v=1.0.01732385246&ver=6.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='searchwp-forms-css' href='https://www.icontact.com/wp-content/plugins/searchwp-live-ajax-search/assets/styles/frontend/search-forms.css?ver=1.8.3' type='text/css' media='all' /> <link rel='stylesheet' id='searchwp-live-search-css' href='https://www.icontact.com/wp-content/plugins/searchwp-live-ajax-search/assets/styles/style.css?ver=1.8.3' type='text/css' media='all' /> <style id='searchwp-live-search-inline-css' type='text/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> <script type="text/javascript" src="https://www.icontact.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.icontact.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="if-so-js-before"> /* <![CDATA[ */ var nonce = "49bd611ad0";//compat var ifso_nonce = "49bd611ad0"; var ajaxurl = "https://www.icontact.com/wp-admin/admin-ajax.php"; var ifso_page_url = window.location.href; var isAnalyticsOn = true; var isPageVisitedOn = 0; var isVisitCountEnabled = 1; var referrer_for_pageload = document.referrer; var ifso_attrs_for_ajax = ["ga4","the_content"]; /* ]]> */ </script> <script type="text/javascript" src="https://www.icontact.com/wp-content/plugins/if-so/public/js/if-so-public.js?ver=1.9.1" id="if-so-js"></script> <script type="text/javascript" id="if-so-geolocation-js-before"> /* <![CDATA[ */ var geoOverrideCookieName = 'ifso-geo-override-data'; var browserLocationCookieName = 'ifso-browser-location-data'; var requestBrowserLocCookieName = 'ifso-request-browser-location'; /* ]]> */ </script> <script type="text/javascript" src="https://www.icontact.com/wp-content/plugins/if-so-geolocation/assets/js/if-so-geolocation-public.js?ver=6.6.2" id="if-so-geolocation-js"></script> <script type="text/javascript" src="https://www.icontact.com/wp-content/themes/iccwpt/library/source-js/jq.js?ver=6.6.2" id="custom-jq-js-js"></script> <script type="text/javascript" src="https://www.icontact.com/wp-content/themes/iccwpt/library/source-js/slick.min.js?ver=6.6.2" id="slickjs-js"></script> <script type="text/javascript" src="https://www.icontact.com/wp-content/themes/iccwpt/library/source-js/functions.js?v=1.0.01732385246&ver=6.6.2" id="custom-script-js"></script> <script type="text/javascript" src="https://fast.wistia.net/assets/external/E-v1.js?ver=6.6.2" id="wistia-js-js"></script> <link rel="https://api.w.org/" href="https://www.icontact.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.icontact.com/wp-json/wp/v2/pages/2408" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.icontact.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.icontact.com/?p=2408' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.icontact.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.icontact.com%2Fultimate-email-design-lookbook%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.icontact.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.icontact.com%2Fultimate-email-design-lookbook%2F&format=xml" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <link rel="icon" href="https://www.icontact.com/wp-content/uploads/2024/04/cropped-icontact-logo-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.icontact.com/wp-content/uploads/2024/04/cropped-icontact-logo-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.icontact.com/wp-content/uploads/2024/04/cropped-icontact-logo-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.icontact.com/wp-content/uploads/2024/04/cropped-icontact-logo-270x270.png" /> <!-- Google Tag Manager --> <script>(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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '>m_auth=_UWsnyiBRfHpLpu1XVGvFg>m_preview=env-1>m_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MRXDKP5F');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "fbp9bfj68k"); </script> <script type="text/javascript"> window.ICONTACT_API_DOMAIN = 'wwwapi.icontact.com'; </script> <script type='text/javascript' src='https://wwwapi.icontact.com/static/dist/icontact-api.js'></script> <script type='text/javascript' src='https://wwwapi.icontact.com/api/tracking.js' async></script> <meta name="generator" content="WP Rocket 3.17.2" data-wpr-features="wpr_oci wpr_desktop wpr_preload_links" /></head> <body class="page-template-default page page-id-2408"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRXDKP5F>m_auth=_UWsnyiBRfHpLpu1XVGvFg>m_preview=env-1>m_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="main-doc relative"> <header class="m-h"> <div class="container grid-row"> <a href="https://www.icontact.com/" class="logo">iContact</a> <ul id="header-gen-menu" class="nav cf"> <li id="menu-item-586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-586"><a href="https://www.icontact.com/features/">Features</a> <ul class="sub-menu"> <li id="menu-item-1219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1219"><a href="https://www.icontact.com/features/email-building-tools/">Email Building Tools</a></li> <li id="menu-item-2192" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2192"><a href="https://www.icontact.com/features/email-list-management-and-growth-tools/">Growth Tools</a></li> <li id="menu-item-2193" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2193"><a href="https://www.icontact.com/features/email-automation-tools/">Automation Tools</a></li> <li id="menu-item-1974" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1974"><a href="https://www.icontact.com/features/email-insights-and-analytics-tools/">Insights & Analytics Tools</a></li> <li id="menu-item-1220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1220"><a href="https://www.icontact.com/features/social-platform-posting/">Maximize Social Posting Strategies</a></li> <li id="menu-item-1216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1216"><a href="https://www.icontact.com/features/email-marketing-integrations/">App Integrations</a></li> <li id="menu-item-587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-587"><a href="https://www.icontact.com/features/icontact-for-salesforce/">iContact for Salesforce</a></li> </ul> </li> <li id="menu-item-593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-593"><a href="https://www.icontact.com/pricing/">Pricing</a></li> <li id="menu-item-1300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1300"><a href="https://www.icontact.com/industries/">Industries</a></li> <li id="menu-item-2308" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2308"><a href="#">Resources</a> <ul class="sub-menu"> <li id="menu-item-597" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-597"><a href="https://www.icontact.com/resources/blog/">Blog</a></li> <li id="menu-item-598" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-598"><a href="https://www.icontact.com/resources/glossary/">Glossary</a></li> <li id="menu-item-2370" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2370"><a href="https://help.icontact.com/">Help Portal</a></li> <li id="menu-item-1008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1008"><a href="https://www.icontact.com/about-us/">About Us</a></li> <li id="menu-item-1009" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1009"><a href="https://www.icontact.com/awards/">Awards</a></li> </ul> </li> <li id="menu-item-1007" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1007"><a href="https://www.icontact.com/contact/">Contact</a></li> <li id="menu-item-2311" class="visible-on-mobile menu-item menu-item-type-custom menu-item-object-custom menu-item-2311"><a href="/login/">Log In</a></li> <li id="menu-item-2312" class="visible-on-mobile menu-item menu-item-type-custom menu-item-object-custom menu-item-2312"><a href="/signup/">Sign Up Now</a></li> </ul> <ul id="header-extra-menu" class="nav-extra grid-row"> <li id="menu-item-43" class="cta-extra menu-item menu-item-type-custom menu-item-object-custom menu-item-43"><a href="/login/">Log In</a></li> <li id="menu-item-44" class="cta menu-item menu-item-type-custom menu-item-object-custom menu-item-44"><a href="/signup/">Sign Up Now</a></li> </ul> <a href="#" class="nav-trigger"><span>Toggle Menu</span></a> </div> </header> <div class="page-content"> <section class="row "> <div class="container"> <div class="grid-row col-2 center-copy"> <div class="gr-entry"> <div class="copy-block"> <h1>The Ultimate Email Design Lookbook</h1> <p><strong>It’s a universal truth: Both good and bad email design is remembered, but for entirely different reasons.</strong></p> <p>And since nearly 3 billion people will be using email to communicate by 2020, you (and your business) can’t afford to be ignored because of poor design choices.</p> <p><img fetchpriority="high" decoding="async" class="size-full wp-image-2409 alignleft" src="https://www.icontact.com/wp-content/uploads/2024/06/email-design-lookbook.png" alt="" width="219" height="283" /></p> </div> </div> <div id="guide" class="gr-entry form-wrapper w-border"> <p><script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><br /> <script> hbspt.forms.create({ region: "na1", portalId: "4638697", formId: "2732b9b9-cc3a-4b69-813a-616c7dd4ade4" }); </script></p> </div> </div> </div> </section> <section class="row silver"> <div class="container"> <div class="grid-row col-2 image-first center-copy"> <div class="gr-entry"> <div class="copy-block"> <h2>What’s in the guide?</h2> <p>We’ve written content calendars to help with your campaign planning, a Subject Line Guide to get your emails noticed, and now we’ve decided to show you the kinds of emails that stand out in the inbox.</p> <p>We pored over thousands and thousands of emails, hand picking each featured design so that there could be some inspiration here for everyone—SMB, entrepreneurs, B2B, B2C—and so that ultimately, even better emails might happen as a result.</p> </div> </div> <div class="gr-entry centered-image"> <img data-src="https://www.icontact.com/wp-content/uploads/2024/06/whats-in-the-guide.webp" loading="lazy" alt="what's in the guide" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 550px; --smush-placeholder-aspect-ratio: 550/360;"><noscript><img src="https://www.icontact.com/wp-content/uploads/2024/06/whats-in-the-guide.webp" loading="lazy" alt="what's in the guide"></noscript> </div> </div> </div> </section> <section class="row silver"> <div class="container article"> <div class="copy-block pb-48"> </div> </div> <div class="container"> <div class="grid-row col-3"> <div class="gr-entry copy-block"> <p><img decoding="async" class="size-full wp-image-2397 aligncenter lazyload" data-src="https://www.icontact.com/wp-content/uploads/2024/06/creports@300x.png" alt="" width="40" height="40" data-srcset="https://www.icontact.com/wp-content/uploads/2024/06/creports@300x.png 168w, https://www.icontact.com/wp-content/uploads/2024/06/creports@300x-150x150.png 150w" data-sizes="(max-width: 40px) 100vw, 40px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 40px; --smush-placeholder-aspect-ratio: 40/40;" /><noscript><img decoding="async" class="size-full wp-image-2397 aligncenter" src="https://www.icontact.com/wp-content/uploads/2024/06/creports@300x.png" alt="" width="40" height="40" srcset="https://www.icontact.com/wp-content/uploads/2024/06/creports@300x.png 168w, https://www.icontact.com/wp-content/uploads/2024/06/creports@300x-150x150.png 150w" sizes="(max-width: 40px) 100vw, 40px" /></noscript></p> <h3 style="text-align: center;">Detailed</h3> <p style="text-align: center;">Broken up into nine different categories, the selected emails feature various strategies and explore the beneficial effects of each component.</p> </div> <div class="gr-entry copy-block"> <p><img decoding="async" class="size-full wp-image-2393 aligncenter lazyload" data-src="https://www.icontact.com/wp-content/uploads/2024/06/automation@300x.png" alt="" width="40" height="40" data-srcset="https://www.icontact.com/wp-content/uploads/2024/06/automation@300x.png 168w, https://www.icontact.com/wp-content/uploads/2024/06/automation@300x-150x150.png 150w" data-sizes="(max-width: 40px) 100vw, 40px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 40px; --smush-placeholder-aspect-ratio: 40/40;" /><noscript><img decoding="async" class="size-full wp-image-2393 aligncenter" src="https://www.icontact.com/wp-content/uploads/2024/06/automation@300x.png" alt="" width="40" height="40" srcset="https://www.icontact.com/wp-content/uploads/2024/06/automation@300x.png 168w, https://www.icontact.com/wp-content/uploads/2024/06/automation@300x-150x150.png 150w" sizes="(max-width: 40px) 100vw, 40px" /></noscript></p> <h3 style="text-align: center;">Instructive</h3> <p style="text-align: center;">Find out how specific design choices communicate depending on the industry and use that insight to your advantage. After all, competition breeds excellence.</p> </div> <div class="gr-entry copy-block"> <p><img decoding="async" class="size-full wp-image-2402 aligncenter lazyload" data-src="https://www.icontact.com/wp-content/uploads/2024/06/re-engagement@300x.png" alt="" width="40" height="40" data-srcset="https://www.icontact.com/wp-content/uploads/2024/06/re-engagement@300x.png 167w, https://www.icontact.com/wp-content/uploads/2024/06/re-engagement@300x-150x150.png 150w" data-sizes="(max-width: 40px) 100vw, 40px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 40px; --smush-placeholder-aspect-ratio: 40/40;" /><noscript><img decoding="async" class="size-full wp-image-2402 aligncenter" src="https://www.icontact.com/wp-content/uploads/2024/06/re-engagement@300x.png" alt="" width="40" height="40" srcset="https://www.icontact.com/wp-content/uploads/2024/06/re-engagement@300x.png 167w, https://www.icontact.com/wp-content/uploads/2024/06/re-engagement@300x-150x150.png 150w" sizes="(max-width: 40px) 100vw, 40px" /></noscript></p> <h3 style="text-align: center;">Reproducible</h3> <p style="text-align: center;">Various use case emails are included throughout that are easy to duplicate with our Drag and Drop Editor, or our Design Team if you want further customization.</p> </div> </div> </div> </section> <section class="row blue"> <div class="container article"> <div class="copy-block white centered"> <h2>Forget everything you thought you knew about email design.</h2> </div> <div class="blue-cta-block pt-24"> <div class="bcb-copy centered"> <p><a href="#guide">Download free guide</a></p> </div> </div> </div> </section> </div> <footer class="row m-f"> <div class="container"> <div class="grid-row"> <div class="mf-col"> <a href="https://www.icontact.com/" class="logo">iContact</a> <ul class="nav"> </ul> </div> <div class="mf-col"> <ul id="footer-mc-1" class="nav"> <li id="menu-item-599" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-599"><a href="https://www.icontact.com/features/">Features</a> <ul class="sub-menu"> <li id="menu-item-1221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1221"><a href="https://www.icontact.com/features/email-building-tools/">Email Building Tools</a></li> <li id="menu-item-2521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2521"><a href="https://www.icontact.com/features/email-list-management-and-growth-tools/">Growth Tools</a></li> <li id="menu-item-2518" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2518"><a href="https://www.icontact.com/features/email-automation-tools/">Automation Tools</a></li> <li id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-601"><a href="https://www.icontact.com/features/email-insights-and-analytics-tools/">Insights & Analytics Tools</a></li> <li id="menu-item-1222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1222"><a href="https://www.icontact.com/features/social-platform-posting/">Maximize Social Posting Strategies</a></li> <li id="menu-item-1215" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1215"><a href="https://www.icontact.com/features/email-marketing-integrations/">App Integrations</a></li> <li id="menu-item-600" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-600"><a href="https://www.icontact.com/features/icontact-for-salesforce/">iContact for Salesforce</a></li> </ul> </li> </ul> </div> <div class="mf-col"> <ul id="footer-mc-2" class="nav"> <li id="menu-item-2371" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2371"><a href="#">Resources</a> <ul class="sub-menu"> <li id="menu-item-1201" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1201"><a href="https://www.icontact.com/resources/blog/">Blog</a></li> <li id="menu-item-1202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1202"><a href="https://www.icontact.com/resources/glossary/">Glossary</a></li> <li id="menu-item-2211" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2211"><a href="https://help.icontact.com/">Help Portal</a></li> <li id="menu-item-2416" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2416"><a href="https://www.icontact.com/report-spam/">Report Spam</a></li> <li id="menu-item-2423" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2423"><a href="https://www.icontact.com/legal/privacy/">Email Marketing Privacy Policy</a></li> <li id="menu-item-2422" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2422"><a href="https://www.icontact.com/legal/anti-spam-policy/">Anti-Spam Policy</a></li> <li id="menu-item-2522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2522"><a href="https://www.icontact.com/data-processing-schedule/">Data Processing Schedule</a></li> <li id="menu-item-2834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2834"><a href="/legal/terms-conditions/">Terms and Conditions</a></li> </ul> </li> </ul> </div> <div class="mf-col"> <ul id="footer-mc-3" class="nav"> <li id="menu-item-1224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1224"><a href="https://www.icontact.com/about-us/">Company</a> <ul class="sub-menu"> <li id="menu-item-1225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1225"><a href="https://www.icontact.com/about-us/">About Us</a></li> <li id="menu-item-1226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1226"><a href="https://www.icontact.com/awards/">Awards</a></li> <li id="menu-item-2201" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2201"><a href="https://www.icontact.com/careers/">Careers</a></li> <li id="menu-item-1232" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1232"><a href="https://www.icontact.com/partner-program-agreement/">Partner Agreement</a></li> <li id="menu-item-1233" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1233"><a href="https://www.icontact.com/partner/">Affiliate Program</a></li> <li id="menu-item-2217" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2217"><a href="https://www.icontact.com/legal/anti-spam-policy/#casl">CASL</a></li> <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231"><a href="https://www.icontact.com/understanding-gdpr/">GDPR</a></li> </ul> </li> </ul> </div> <div class="mf-col"> <div class="copy-block pb-24"> <h4>Stay in Touch</h4> <p>Have questions or need assistance? Connect with us through our <a class="waffle-rich-text-link" href="/contact/">contact form</a> and we’ll get back to you promptly.</p> <p><a href="#" class="showConsentTool" onclick="window.zdconsent.showConsentTool(event);"><img data-src="https://cdn.ziffstatic.com/pub/icong1.png" style="vertical-align: top; display: inline-block; margin: 4px 8px 0 0;" alt="" role="presentation" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://cdn.ziffstatic.com/pub/icong1.png" style="vertical-align: top; display: inline-block; margin: 4px 8px 0 0;" alt="" role="presentation"></noscript> AdChoices</a></p> <p><a href="https://dsar.ziffdavis.com/" class="zdDSAR">Do Not Sell My Personal Information</a></p> </div> <p class="social"> <a href="https://www.facebook.com/iContact" class="fb" target="_blank">Facebook</a> <a href="https://www.linkedin.com/company/icontact" class="li" target="_blank">LinkedIn</a> <a href="https://twitter.com/iContact" class="tw" target="_blank">Twitter</a> <a href="https://www.youtube.com/user/icontact" class="yt" target="_blank">Youtube</a> <a href="https://www.instagram.com/icontact/" class="ig" target="_blank">Instagram</a> </p> </div> </div> <div class="copy-block pt-32"> <p>© 2022–2024 J2 Martech Corp, a Ziff Davis company. All rights reserved. iContact is a registered trademark of J2 Martech Corp.</p> </div> </div> </footer> </div> <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 type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.icontact.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="swp-live-search-client-js-extra"> /* <![CDATA[ */ var searchwp_live_search_params = []; searchwp_live_search_params = {"ajaxurl":"https:\/\/www.icontact.com\/wp-admin\/admin-ajax.php","origin_id":2408,"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"}}},"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."};; /* ]]> */ </script> <script type="text/javascript" src="https://www.icontact.com/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.8.3" id="swp-live-search-client-js"></script> <script type="text/javascript" src="https://www.icontact.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.16.6" id="smush-lazy-load-js"></script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->