<!DOCTYPE html> <!--[if IE 6]><html id="ie6" lang="en-US"> <![endif]--> <!--[if IE 7]><html id="ie7" lang="en-US"> <![endif]--> <!--[if IE 8]><html id="ie8" lang="en-US"> <![endif]--> <!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!--><html lang="en-US"> <!--<![endif]--><head><meta name="msvalidate.01" content="1033997EC383621B874EB0392F261984"/><link rel="preconnect" href="//cdn.dynamicyield.com"><link rel="preconnect" href="//st.dynamicyield.com"><link rel="preconnect" href="//rcom.dynamicyield.com"><link rel="dns-prefetch" href="//cdn.dynamicyield.com"><link rel="dns-prefetch" href="//st.dynamicyield.com"><link rel="dns-prefetch" href="//rcom.dynamicyield.com"> <script data-cfasync="false">window.dataLayer = window.dataLayer || [];
window.gtag = function() { dataLayer.push(arguments); }
window.gtag('consent', 'default', {
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
analytics_storage: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'granted', // Only this is granted by default
});</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-MCQHF8');</script> <script data-cfasync="false" async>// Init the adobeDataLayer array
var adobeDataLayer = adobeDataLayer || [];
// Only when the API is ready
function adobeWaitForDY() {
if (typeof(window.DY) !== 'undefined' && typeof(window.DY.AdDetection) !== 'undefined' &&
typeof($dy) !== 'undefined' && typeof($dy(window)) !== 'undefined' && typeof($dy.renderSmartTagSlider) !== 'undefined') {
var zi_data = localStorage.getItem('ZoomInfoData'),
ada_page_info = {
"pageName": "Templates",
"siteName": "Mastercard Dynamic Yield",
"pageTitle": "en_US :templates",
"pageURL": "https://www.dynamicyield.com/templates/",
"country": "US",
"language": "en",
"dyID": DY.dyid,
"userStatus": "Guest"
};
// Detect the hierarchy and
// site sections based on the URL slugs
var current_pathname = window.location.pathname.replace(/^\/|\/$/g, '');
if(current_pathname) {
var current_sitesections = current_pathname.split('/'),
current_hierarchy = current_sitesections.map(function(segment) {
return segment.split(/[-_]/).map(function(word) {
return word.charAt(0).toUpperCase() + word.slice(1);
})
.join(' ');
});
// Site section 1
if(current_sitesections[0]) {
ada_page_info.siteSection1 = current_sitesections[0];
}
// Site section 2
if(current_sitesections[1]) {
ada_page_info.siteSection2 = current_sitesections[1];
}
// Hierarchy
ada_page_info.hierarchy = current_hierarchy.join('|');
}
// Push the ZI params as well
if(zi_data) {
zi_data = JSON.parse(zi_data);
if(zi_data.name) {
ada_page_info.ziCompany = zi_data.name;
}
if(zi_data.domain) {
ada_page_info.ziDomain = zi_data.domain;
}
if(zi_data.employeesrange) {
ada_page_info.ziEmployees = zi_data.employeesrange;
}
if(zi_data.industry) {
ada_page_info.ziIndustry = zi_data.industry;
}
}
// Decode HTML prior to dispatching the event
Object.keys(ada_page_info).forEach(function(key) {
ada_page_info[key] = $('<textarea/>').html(ada_page_info[key]).text();
});
adobeDataLayer.push({
"event": "pageLoad",
"pageInfo": ada_page_info
});
} else {
setTimeout(adobeWaitForDY, 150);
}
}
adobeWaitForDY();</script> <script type="text/javascript">function OptanonWrapper() {
console.log('OneTrust Loaded');
DY_API_update_consent_mode();
OneTrust.OnConsentChanged(DY_API_update_consent_mode);
}
function DY_API_update_consent_mode() {
var groups = OnetrustActiveGroups.split(',');
DY.userActiveConsent = {accepted: groups.includes('C0004')};
DYO.ActiveConsent.updateConsentAcceptedStatus(groups.includes('C0004'));
if(groups.includes('C0004')) {
console.log('OneTrust_Consent_Is_Granted');
DY.API('event',{ name: 'OneTrust_Consent_Is_Granted', properties: {}});
}
console.log('OneTrust - DY API is ' + (groups.includes('C0004') ? 'Enabled' : 'Disabled'));
}
window.addEventListener('OTConsentApplied', function() {
var groups = OnetrustActiveGroups.split(',');
if(groups.includes('C0004')) {
console.log('OneTrust_Initial_Consent_Granted');
DY.API('event',{ name: 'OneTrust_Initial_Consent_Granted', properties: {}});
}
});</script> <script type="text/javascript">/*WebFontConfig = {
google: { families: [ 'Shadows+Into+Light::latin', 'Handlee::latin', 'Roboto:400,100,300,500:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); */
console.log(
'%cLet’s personalize experiences together.\n%cDynamic Yield is hiring smart engineers like you to help solve hard problems.\n%cSee our jobs page: https://www.dynamicyield.com/careers',
'font-size:2.2em;line-height:1.4em;margin-top:20px;color:rgb(93, 56, 185);',
'font-size:1.1em;line-height:1.6em;color:rgb(0, 0, 0);',
'font-size:1.1em;line-height:1.6em;margin-bottom:20px;color:rgb(0, 0, 0);'
);
function waitForElementToDisplay(selector, time, functionName) {
if (document.getElementById(selector) != null) {
functionName();
return;
} else {
setTimeout(function () {
waitForElementToDisplay(selector, time, functionName);
}, time);
}
}
function dcWaitForJQuery(time, functionName) {
if (window.jQuery || window.n2) {
functionName();
return;
} else {
setTimeout(function () {
dcWaitForJQuery(time, functionName);
}, time);
}
}</script> <meta name="msvalidate.01" content="451B75B70520F4C76D67F116C9EFFE5C"/><meta property="twitter:account_id" content="4503599629852947"/><meta name="p:domain_verify" content="f8112f57c09778e892850075a87dc1cf"/><meta name="google-site-verification" content="9FbmfdC4cM7JG8sgYh6w9HhFlxvEHewltexeUVzuSfE"/><meta charset="UTF-8"/><link rel="pingback" href="https://www.dynamicyield.com/xmlrpc.php"/> <!--[if lt IE 9]> <script src="https://www.dynamicyield.com/wp-content/themes/Divi/js/html5.js" type="text/javascript"></script> <![endif]--> <script type="text/javascript">document.documentElement.className = 'js';</script> <script type="text/javascript">var getLangCode = 'en';</script> <link rel="prefetch" href="/wp-content/themes/Divi/css/custom-style.css" as="style" crossorigin="anonymous"><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /><link rel="alternate" hreflang="en" href="https://www.dynamicyield.com/templates/" /><link rel="alternate" hreflang="de" href="https://www.dynamicyield.com/de/templates/" /><link rel="alternate" hreflang="fr" href="https://www.dynamicyield.com/fr/templates/" /><link rel="alternate" hreflang="es" href="https://www.dynamicyield.com/es/templates/" /><link rel="alternate" hreflang="x-default" href="https://www.dynamicyield.com/templates/" /> <script data-cfasync="false" data-pagespeed-no-defer>var gtm4wp_datalayer_name = "dataLayer";
var dataLayer = dataLayer || [];</script> <title>Personalization Templates: A Library of Customer Experiences</title><link rel="preload" as="font" href="https://www.dynamicyield.com/wp-content/themes/Divi/fonts/CircularXXTT/CircularXXWeb-Bold.woff2" crossorigin/><link rel="preload" as="font" href="https://www.dynamicyield.com/wp-content/themes/Divi/fonts/CircularXXTT/CircularXXWeb-Medium.woff2" crossorigin/><link rel="preload" as="font" href="https://www.dynamicyield.com/wp-content/themes/Divi/fonts/CircularXXTT/CircularXXWeb-Book.woff2" crossorigin/><meta name="description" content="Dozens of out-of-the-box personalization templates, designed and developed for you, so you won’t have to start from an empty slate." /><link rel="canonical" href="https://www.dynamicyield.com/templates/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="Personalization Templates: A Library of Customer Experiences" /><meta property="og:description" content="Dozens of out-of-the-box personalization templates, designed and developed for you, so you won’t have to start from an empty slate." /><meta property="og:url" content="https://www.dynamicyield.com/templates/" /><meta property="og:site_name" content="Mastercard Dynamic Yield" /><meta property="article:publisher" content="https://www.facebook.com/DynamicYield" /><meta property="article:modified_time" content="2023-09-19T10:57:37+00:00" /><meta property="og:image" content="https://www.dynamicyield.com/wp-content/uploads/2023/09/dy-mc-master-templates.png" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="628" /><meta property="og:image:type" content="image/png" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://www.dynamicyield.com/wp-content/uploads/2023/09/dy-mc-master-templates.png" /><meta name="twitter:site" content="@DynamicYield" /><meta name="twitter:label1" content="Est. reading time" /><meta name="twitter:data1" content="4 minutes" /><meta name="twitter:label2" content="Written by" /><meta name="twitter:data2" content="Dynamic Yield Marketing" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.dynamicyield.com/templates/","url":"https://www.dynamicyield.com/templates/","name":"Personalization Templates: A Library of Customer Experiences","isPartOf":{"@id":"https://www.dynamicyield.com/#website"},"datePublished":"2017-12-08T14:41:55+00:00","dateModified":"2023-09-19T10:57:37+00:00","description":"Dozens of out-of-the-box personalization templates, designed and developed for you, so you won’t have to start from an empty slate.","breadcrumb":{"@id":"https://www.dynamicyield.com/templates/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.dynamicyield.com/templates/"]}]},{"@type":"BreadcrumbList","@id":"https://www.dynamicyield.com/templates/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.dynamicyield.com/"},{"@type":"ListItem","position":2,"name":"Templates"}]},{"@type":"WebSite","@id":"https://www.dynamicyield.com/#website","url":"https://www.dynamicyield.com/","name":"Mastercard Dynamic Yield","description":"","publisher":{"@id":"https://www.dynamicyield.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.dynamicyield.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.dynamicyield.com/#organization","name":"Mastercard Dynamic Yield","url":"https://www.dynamicyield.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.dynamicyield.com/#/schema/logo/image/","url":"https://www.dynamicyield.com/wp-content/uploads/2019/10/DY-Hero_Logo-Black@x2.png","contentUrl":"https://www.dynamicyield.com/wp-content/uploads/2019/10/DY-Hero_Logo-Black@x2.png","width":458,"height":458,"caption":"Mastercard Dynamic Yield"},"image":{"@id":"https://www.dynamicyield.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/DynamicYield","https://x.com/DynamicYield","https://www.instagram.com/dynamic.yield/","https://www.linkedin.com/company/dynamic-yield","http://www.pinterest.com/dynamicyield/","https://www.youtube.com/channel/UCPWEcR8lQRadVKYW8H4sndQ","https://en.wikipedia.org/wiki/Dynamic_Yield"]}]}</script> <link rel="alternate" type="application/rss+xml" title="Mastercard Dynamic Yield » Feed" href="https://www.dynamicyield.com/feed/" /><link rel="alternate" type="application/rss+xml" title="Mastercard Dynamic Yield » Comments Feed" href="https://www.dynamicyield.com/comments/feed/" /><meta content="Divi v." name="generator"/><link rel='stylesheet' id='sbi_styles-css' href='https://www.dynamicyield.com/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.2.6' type='text/css' media='all' /><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.dynamicyield.com/wp-includes/css/dist/block-library/style.min.css?ver=935c7f8ce03960b02800bc8ae3231df8' 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'>body{--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-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
: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;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}</style><link rel='stylesheet' id='rfw-style-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_7c036e0987ef80b703d7eb1abf922895.css?ver=2026021201' type='text/css' media='all' /><link rel='stylesheet' id='divi-style-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_ab3666a686d3dac03fd3032e5757637e.css?ver=935c7f8ce03960b02800bc8ae3231df8' type='text/css' media='all' /><link rel='stylesheet' id='et_lb_modules-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_c0102af27938567cb82cc02e4da3a673.css?ver=2.4' type='text/css' media='all' /><link rel='stylesheet' id='et-shortcodes-css-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_40cb404848bc2e556105c8aea77f29aa.css?ver=3.0' type='text/css' media='all' /><link rel='stylesheet' id='et-shortcodes-responsive-css-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_3a30a77569bc4544b9465acbee8e5f97.css?ver=3.0' type='text/css' media='all' /><link rel='stylesheet' id='wp-featherlight-css' href='https://www.dynamicyield.com/wp-content/plugins/wp-featherlight/css/wp-featherlight.min.css?ver=1.3.4' type='text/css' media='all' /><link rel='stylesheet' id='baskerville-font-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_8c23179f030d02e0065d2054eab34279.css?ver=935c7f8ce03960b02800bc8ae3231df8' type='text/css' media='all' /><link rel='stylesheet' id='markformc-font-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_0eb51906eca648ca4559d0a03b898d83.css?ver=935c7f8ce03960b02800bc8ae3231df8' type='text/css' media='all' /><link rel='stylesheet' id='mackinac-font-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_9c8fec2609ebc9764a6e16471d9451ae.css?ver=935c7f8ce03960b02800bc8ae3231df8' type='text/css' media='all' /><link rel='stylesheet' id='button-pulse-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_4cabc8dd29eaa9af7bf2df62f1c40af9.css?ver=935c7f8ce03960b02800bc8ae3231df8' type='text/css' media='all' /><link rel='stylesheet' id='fontawesome-css' href='https://www.dynamicyield.com/wp-content/themes/Divi/custom/font-awesome/css/font-awesome.min.css' type='text/css' media='all' /><link rel='stylesheet' id='bootstrap-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_d375e60add46d8de26a78728b517660f.css' type='text/css' media='all' /><link rel='stylesheet' id='slick-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_13b1b6672b8cfb0d9ae7f899f1c42875.css' type='text/css' media='all' /><link rel='stylesheet' id='slick-theme-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_f9faba678c4d6dcfdde69e5b11b37a2e.css' type='text/css' media='all' /><link rel='stylesheet' id='custom-theme-style-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_57f41281576414370c141cd00d2a80a9.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='custom-style-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_417039b6d54561fe1e8c94ee67cd902c.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='header-style-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_d75ad7543415df427913a5fe91606386.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='footer-style-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_25400e1cfd7099cc557083769c928231.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='video_tabs_module-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_f1109a8bc8c46ec9f2205cc8603c132f.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='templates-archive-page-css-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_b74d56da326a71488e619510b79d9b82.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='templates-page-css-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_eb78bd2a52090ade1d715336de8534cb.css?ver=26.27' type='text/css' media='all' /><link rel='stylesheet' id='customers-shortcode-css' href='https://www.dynamicyield.com/wp-content/cache/autoptimize/css/autoptimize_single_c6bf61e9c8beb560d64d119f58757b8b.css?ver=26.27' type='text/css' media='all' /> <script type="text/javascript" src="https://www.dynamicyield.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/themes/Divi/js/blazy.min.js" id="blazy-js"></script> <link rel="https://api.w.org/" href="https://www.dynamicyield.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.dynamicyield.com/wp-json/wp/v2/pages/26374" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.dynamicyield.com/xmlrpc.php?rsd" /><link rel='shortlink' href='https://www.dynamicyield.com/?p=26374' /><link rel="alternate" type="application/json+oembed" href="https://www.dynamicyield.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.dynamicyield.com%2Ftemplates%2F" /><link rel="alternate" type="text/xml+oembed" href="https://www.dynamicyield.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.dynamicyield.com%2Ftemplates%2F&format=xml" /><meta name="generator" content="WPML ver:4.6.8 stt:1,4,3,28,2;" /> <script type="text/javascript">(function(url){
if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; }
var addEvent = function(evt, handler) {
if (window.addEventListener) {
document.addEventListener(evt, handler, false);
} else if (window.attachEvent) {
document.attachEvent('on' + evt, handler);
}
};
var removeEvent = function(evt, handler) {
if (window.removeEventListener) {
document.removeEventListener(evt, handler, false);
} else if (window.detachEvent) {
document.detachEvent('on' + evt, handler);
}
};
var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');
var logHuman = function() {
if (window.wfLogHumanRan) { return; }
window.wfLogHumanRan = true;
var wfscr = document.createElement('script');
wfscr.type = 'text/javascript';
wfscr.async = true;
wfscr.src = url + '&r=' + Math.random();
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr);
for (var i = 0; i < evts.length; i++) {
removeEvent(evts[i], logHuman);
}
};
for (var i = 0; i < evts.length; i++) {
addEvent(evts[i], logHuman);
}
})('//www.dynamicyield.com/?wordfence_lh=1&hid=D67288B111AFAD87FC9C07AC65357E4C');</script>
<script data-cfasync="false" data-pagespeed-no-defer>var dataLayer_content = {"visitorLoginState":"logged-out","visitorType":"visitor-logged-out","pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"Dynamic Yield Marketing","pagePostDate":"December 8, 2017","pagePostDateYear":"2017","pagePostDateMonth":"12","pagePostDateDay":"08","pagePostDateDayName":"Friday","pagePostDateHour":"09","pagePostDateMinute":"41","pagePostDateIso":"2017-12-08T09:41:55-05:00","pagePostDateUnix":1512726115};
dataLayer.push( dataLayer_content );</script> <script type="text/javascript">console.warn && console.warn("[GTM4WP] Google Tag Manager container code placement set to OFF !!!");
console.warn && console.warn("[GTM4WP] Data layer codes are active but GTM container must be loaded using custom coding !!!");</script> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=1" /><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/png" href="/favicon-180x180.png" sizes="180x180"><link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192"><link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194"><link rel="shortcut icon" href="/favicon.ico"> <script type="text/javascript" data-noptimize>function dy_bind_adobe_mkto_events(form, form_id, form_name) {
// Init the adobeDataLayer object
window.adobeDataLayer = window.adobeDataLayer || [];
var focus_reported = false;
var form_completed = false;
var form_started_reported = false;
// Monitor input interactions - first focus (form start)
form.getFormElem().find('input, select').on('focus', function() {
// Only if it hasn't been reported yet
if(! focus_reported) {
focus_reported = true;
form_started_reported = true;
adobeDataLayer.push({
"event": "form_start",
"trackAction": {
"formName": form_name,
"formID": form_id,
"zoomInfo": localStorage.ZoomInfoData !== undefined,
}
});
}
});
// Detect dropoff if the form hasn't been completed
window.addEventListener("beforeunload", function(event) {
if (form_completed) return;
var filledLabels = [];
var count = 0;
form.getFormElem().find('input, select').each(function() {
var value = this.value && this.value.trim();
if (value) {
var label = form.getFormElem().find("label[for='" + this.id + "']").text().trim();
if (label) {
filledLabels.push(label);
count++;
}
}
});
if (count > 0) {
adobeDataLayer.push({
"event": "form_dropoff",
"formInfo": {
"formName": form_name,
"formID": form_id,
"zoomInfo": localStorage.ZoomInfoData !== undefined,
"completedFields": {
"labels": filledLabels.join("|"),
"count": count.toString()
}
}
});
}
});
// Hook into successful submission
form.onSuccess(function(values, followUpUrl) {
if(form_started_reported) {
// Report form completed
form_completed = true;
// Send an Adobe Analytics DataLayer event
adobeDataLayer.push({
"event": "form_complete",
"formInfo": {
"formName": form_name,
"formID": form_id,
"zoomInfo": localStorage.ZoomInfoData !== undefined,
"successAction": {
"action": "redirect",
"redirectUrl": followUpUrl
}
}
});
}
});
}
function dy_bind_adobe_cta_event(cta, cta_type, cta_section) {
var cta_name = cta.text().trim(),
cta_url,
page_url = window.location.href;
// const domainName = window.location.origin;
if (cta.attr('href') !== undefined) {
// cta_url = domainName + cta.attr('href');
cta_url = cta.attr('href');
} else {
cta_url = page_url;
}
adobeDataLayer.push({
"event": "ctaClick",
"clickInfo": {
"ctaName": cta_name,
"ctaType": cta_type,
"destinationURL": cta_url,
"ctaLocation": page_url,
"ctaSection": cta_section
}
});
}</script> <link rel="shortcut icon" href="https://www.dynamicyield.com/wp-content/uploads/2018/11/favicon-194x194.png" /><style>.templates-archive-title h1, .templates-archive-title {text-transform: initial; font-size: 37px; font-weight: 900; line-height: 1.26; letter-spacing: normal; text-align: left; color: #032147;}
.templates-banner-text p { font-family: 'ProximaNova', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 1.36; letter-spacing: normal; text-align: left; color: #032147; }
.templates-banner-text { max-width: 812px; }
.twoStageForm .input-email-wrapper {width: 294px}
.twoStageForm input.email {padding: 26px 20px; font-size: 14px; background: white;}
a.pulse-button, .button-inner {width: 125px; padding: 13px 0px}
h2 { font-size: 30px;}
.play-video-header a {color: #657892; font-weight: 600; font-size: 14px;}
.play-video-header a:hover {color: #5267c2;}
.play-video-header svg {stroke: none;}
@media screen and ( max-width: 480px ) {
.twoStageForm .input-email-wrapper { width: 320px; }
[lang=fr-FR] .twoStageForm .input-submit-wrapper, [lang=de-DE] .twoStageForm .input-submit-wrapper, .twoStageForm .input-wrapper {[lang=fr-FR] .twoStageForm .input-submit-wrapper, [lang=de-DE] .twoStageForm .input-submit-wrapper, .twoStageForm .input-wrapper}
}</style></head><body class="page-template-default page page-id-26374 wp-featherlight-captions et_fixed_nav osx et_pb_pagebuilder_layout et_right_sidebar safari et_includes_sidebar elementor-default default_header"><div id="page-container"><header id="main-header" class="et_nav_text_color_dark"
style="background: #fff;"><div class="container-fluid clearfix"><div class="dy-header-logo"> <a href="https://www.dynamicyield.com/"
class="main-logo-container"><div id="logo_symbol"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 266.8 164.9"><g id="XMLID_23_"><path fill="#ff5f00" d="M97.3 17.5h72.2v129.7H97.3z"/><path id="XMLID_35_" fill="#eb001b" d="M101.9 82.4c0-26.3 12.3-49.7 31.5-64.8-14-11-31.7-17.6-51-17.6C36.9-.1 0 36.8 0 82.4c0 45.5 36.9 82.5 82.5 82.5 19.2 0 36.9-6.6 51-17.6-19.3-15.2-31.6-38.6-31.6-64.9z"/><path d="M266.8 82.4c0 45.5-36.9 82.5-82.5 82.5-19.2 0-36.9-6.6-51-17.6 19.2-15.1 31.5-38.5 31.5-64.8s-12.3-49.7-31.5-64.8c14-11 31.7-17.6 51-17.6 45.6-.2 82.5 36.7 82.5 82.3zM259 133.5v-2.7h1.1v-.5h-2.7v.5h1.1v2.7h.5zm5.3 0v-3.2h-.8l-1 2.2-1-2.2h-.8v3.2h.6v-2.4l.9 2.1h.6l.9-2.1v2.4h.6z" fill="#f79e1b"/></g></svg></div> </a></div><div id="et-top-navigation" class="cd-morph-dropdown"><nav id="top-menu-nav" class="main-nav"><ul id="top-menu" class="nav"></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li></li><li class="has-dropdown product menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children" data-content="product" title=""> <a href="">Product</a></li><li class="has-dropdown solutions menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children" data-content="solutions" title=""> <a href="">Solutions</a></li><li class="has-dropdown why_dy menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children" data-content="why-dynamic-yield" title="Why DY"> <a href="">Why Dynamic Yield</a></li><li class="has-dropdown company menu-has-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children" data-content="company" title=""> <a href="">Company</a></li><li class="has-dropdown learning_center menu-has-cta top-link-use-cases menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children" data-content="learning-center" title=""> <a href="">Learning Center</a></li><li class="contact top-link walker-last mobile-only menu-item menu-item-type-post_type menu-item-object-page" data-content="connect-with-us" title=""> <a href="https://www.dynamicyield.com/contact/"><span class="button-arrow">Connect with us</span></a></li></ul></nav><div class="morph-dropdown-wrapper"><div class="dropdown-list"><div class="dropdown-tooltip"></div><ul><li id="product" class="dropdown links"><a href="" class="label">Product</a><div class="content"><ul><li class="intro"><div class="exp_os-wrapper"><h2>Experience OS</h2><ul class="links-list"><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.dynamicyield.com/experience-os/"><span class="menu-banner-img-wrap"><img class="menu-banner-img-desktop" src="/wp-content/uploads/2024/10/expos-nav-updated.png" width="218" height="131" /><img class="menu-banner-img-mobile" src="/wp-content/uploads/2024/10/expos-nav-updated-mobile.png" width="114" height="98" /></span><span class="menu-cta-text-wrap"><span class="menu-cta-subtitle">Get an overview of Dynamic Yield’s product and see why we’re known as the Experience OS.</span> <span class="menu-cta-button">Learn more →</span></span></a></li></ul></div></li><li class="left"><div class="key_caps-wrapper"><h2>Core Capabilities</h2><ul class="links-list"><li class="key-caps-segment menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/segmentation/"><svg version="1.1" id="audience" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><path id="audience-green" fill="#4FB294" d="M9.291,30H30V9.291C18.562737,9.291,9.291,18.562737,9.291,30z"/><path id="audience-black" d="M12.527,15.947C9.240353,12.385597,4.806085,10.093244,0,9.471V30h7.639 C7.632218,24.897682,9.35532,19.943764,12.527,15.947z"/><circle id="audience-circle" fill="#4FB294" cx="15" cy="4.967" r="4.967"/></svg>Segmentation<span>Identify, build, and analyze audiences</span></a></li><li class="key-caps-omnichannel menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/targeting/"><svg version="1.1" id="personalization" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20.987 30" style="enable-background:new 0 0 20.987 30;" xml:space="preserve"><path id="personalization-black-2" d="M20.987,19.507c0,5.795401-4.698099,10.4935-10.4935,10.4935S0,25.302401,0,19.507H20.987z"/><path id="personalization-pink" fill="#EE3968" d="M18.143,10.245c0,4.224978-3.425022,7.649999-7.65,7.649999S2.842999,14.469978,2.842999,10.245 H18.143z"/><circle id="personalization-black-1" cx="10.494" cy="4.307" r="4.307"/></svg>Targeting<span>Serve each customer with unique offers</span></a></li><li class="key-caps-recs menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/recommendations/"><svg version="1.1" id="recs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><path id="recs_4" d="M15.953,30H30V15.953H15.953V30z"/> <path id="recs_3" d="M0,15.953V30h14.047V15.953H0z"/><path id="recs_2" fill="#FFA354" d="M30,14.047V0H15.953v14.047H30z"/><path id="recs_1" d="M14.047,0H0v14.047h14.047V0z"/></svg>Recommendations<span>Algorithmically predict customers’ interests</span></a></li><li class="key-caps-email menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/journey-orchestration/"><svg version="1.1" id="trigger" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26.017 30" style="enable-background:new 0 0 26.017 30;" xml:space="preserve"><path id="trigger-black" d="M14.017,12h12l-12,18V12z"/><path id="trigger-purple" fill="#5D39B9" d="M12,18H0L12,0V18z"/></svg>Journey Orchestration<span>Reach customers at critical moments</span></a></li><li class="key-caps-abtesting menu-item menu-item-type-custom menu-item-object-custom"><a href="/optimization/"><svg version="1.1" id="testing" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28.713001 30" style="enable-background:new 0 0 28.713001 30;" xml:space="preserve"><path id="testing-blue" fill="#6BDADA" d="M15.831,0c7.114532,0,12.882001,5.767468,12.882001,12.882S22.945532,25.764,15.831,25.764l0,0V0z"/><path id="testing-black" d="M12.882,30C5.767468,30,0,24.232533,0,17.118S5.767468,4.236,12.882,4.236V30z"/></svg>Optimization<span>Experiment on any digital property</span></a></li><li class="key-caps-search menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/search/"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4082_5186)" id="cap-search-svg-bg"> <path d="M11.6757 9.81054C8.73958 9.81054 6.35089 7.42177 6.35089 4.48562C6.35089 2.62899 7.30664 0.992133 8.75134 0.0388074C8.50309 0.0155936 8.25193 0.00238037 7.99762 0.00238037C3.58066 0.00238037 0 3.58304 0 8C0 12.417 3.58066 15.9976 7.99762 15.9976C12.4146 15.9976 15.9952 12.417 15.9952 8C15.9952 7.86848 15.9916 7.73782 15.9853 7.60785C15.0166 8.94122 13.4462 9.81054 11.6757 9.81054Z" fill="black"/> <path id="cap-search-svg-circle" d="M11.6757 0.161346C11.2226 0.161346 10.7857 0.231773 10.3749 0.361649C8.62429 0.915114 7.35156 2.55436 7.35156 4.48561C7.35156 6.87003 9.29141 8.80988 11.6757 8.80988C13.5373 8.80988 15.1277 7.62753 15.7358 5.97437C15.9066 5.51 16 5.00851 16 4.48561C16 2.10119 14.0602 0.161346 11.6757 0.161346Z" fill="#FFC61E"/> </g> <defs> <clipPath id="clip0_4082_5186"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg>Search<span>Help customers find what they want</span></a></li></ul></div></li><li class="right"><div class="scale-wrapper"><h2>Made for Scale</h2><ul class="links-list"><li class="key_caps-element menu-item menu-item-type-custom menu-item-object-custom"><a href="/element/">Element<span>A groundbreaking new dimension of hyper-personalization</span></a></li><li class="key_caps-adaptml menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/ai/">AI & Automation<span>Increase automation, lower operational costs, and drive more revenue with a holistic AI personalization system</span></a></li><li class="key_caps-apis menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.dynamicyield.com/experience-apis/">Experience APIs<span>Give developers the tools they need to build the best customer experiences</span></a></li><li class="key_caps-enterprise menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.dynamicyield.com/enterprise-grade-personalization/">Enterprise solutions<span>Scale with security, privacy, and compliance, made for the enterprise</span></a></li></ul></div></li></ul><a href="/shopping-muse/" target="" class="banner"><div class="menu-banner"><span class="menu-cta-text"><strong>Meet Shopping Muse: </strong> Conversational commerce meets cutting-edge personalization.</span> <span class="menu-cta-button">Learn more →</span></div></a></div></li><li id="solutions" class="dropdown links"><a href="" class="label">Solutions</a><div class="content"><ul><li class="left"><div class="industries-wrapper"><h2>Industries</h2><ul class="links-list"><li class="industry-ecomm menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/ecommerce/">eCommerce</a></li><li class="industry-finserv menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/financial-services/">Financial Services</a></li><li class="industry-qsr menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/restaurants/">Restaurants</a></li><li class="industry-grocery menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/grocery/">Grocery</a></li><li class="industry-b2b menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/b2b-ecommerce/">B2B eCommerce</a></li><li class="industry-travel menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/travel/">Travel</a></li><li class="industry-gaming menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/gaming/">iGaming</a></li><li class="industry-media menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/media/">Media</a></li></ul></div></li><li class="right"><div class="channels-wrapper"><h2>Channels</h2><ul class="links-list"><li class="channels-web menu-item menu-item-type-custom menu-item-object-custom"><a href="/web/">Web<span>Create customer-centric web experiences</span></a></li><li class="channels-email menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/channels/email/">Email<span>Personalize emails with a no-code builder</span></a></li><li class="channels-mobile-apps menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/mobile/">Apps<span>Optimize mobile app experiences</span></a></li><li class="channels-ads menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/advertising/">Ads<span>Improve customer acquisition results</span></a></li></ul></div></li></ul></div></li><li id="why-dynamic-yield" class="dropdown links"><a href="" class="label">Why Dynamic Yield</a><div class="content"><ul><li class="impact-wrapper"><h2>Proven impact and success services</h2><ul class="links-list"><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/clients/">Select customers</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/case-studies/">Case studies</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/customer-success/">Customer success services</a></li></ul></li><li class="scale-wrapper"><h2>Built for scale</h2><ul class="links-list"><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/enterprise-grade-personalization/">Enterprise-grade solutions</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/adaptml/">AI Technology</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/gdpr-and-privacy/">GDPR and data privacy</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/security/">Security</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/compliance/">Compliance</a></li></ul></li><li class="network-wrapper"><h2>Robust partner network</h2><ul class="links-list"><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/partners/">Partner library</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/partner-program/">Partnership program</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/partners/#technology-partners">Tech Partners and Integrations</a></li></ul></li><li class="resources-wrapper"><h2>Extensive product resources</h2><ul class="links-list"><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://support.dynamicyield.com/hc/en-us">Knowledge Base</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="http://academy.dynamicyield.com/">Academy & Certification</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://support.dynamicyield.com/hc/en-us/community/topics">Community</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://dy.dev/">API documentation</a></li></ul></li></ul><a href="https://www.dynamicyield.com/personalization-awards/" target="_self" class="banner"><div class="menu-banner"><div class="menu-cta--left"> <img src="/wp-content/uploads/2023/11/2023-award-badge.svg" width="60" height="60" /></div><div class="menu-cta--right"> <strong class="menu-cta-title">The Personalization Awards</strong> <span class="menu-cta-subtitle">Celebrating customers and partners setting the gold-standard for personalization</span> <span class="menu-cta-button">Learn more →</span></div></div></a></div></li><li id="company" class="dropdown button"><a href="" class="label">Company</a><div class="content"><ul class="links-list"><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.mastercard.com/us/en/for-the-world/about-us.html">About us</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/blog/">Blog</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/labs/">DY Labs</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/careers/">Careers</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://events.dynamicyield.com/">Events</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.mastercard.com/us/en/news-and-trends/stories.html">Press</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/awards-and-recognitions/">Awards</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/contact/">Contact us</a></li><li class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/request-demo/">Request a demo</a></li></ul></div></li><li id="learning-center" class="dropdown links"><a href="" class="label">Learning Center</a><div class="content"><ul><li class="top"><ul class="links-list"><li class="resources-xp hidden-mobile menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/learn/">Take your knowledge to exponential levels</a></li><li class="hidden-desktop menu-item menu-item-type-custom menu-item-object-custom"><a href="/learn/">XP<sup>2</sup> Hub<span>Take your knowledge to exponential levels</span></a></li><li class="resources-paths menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/learning-paths/">Learning Paths<span>Curated courses on key skill areas</span></a></li><li class="resources-webinars menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/talks/">Talks<span>Engaging discussions taking place in CX</span></a></li><li class="resources-articles menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/articles/">Articles<span>An expansive collection of in-depth playbooks</span></a></li><li class="resources-glossary menu-item menu-item-type-custom menu-item-object-custom"><a href="/glossary-terms/">Encyclopedia<span>A glossary of experience optimization terms</span></a></li><li class="resources-use-cases menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.dynamicyield.com/personalization-examples/">Inspiration Library<span>Personalization examples from real brands</span></a></li><li class="resources-maturity menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.dynamicyield.com/personalization-maturity/"><strong class="badge-new">Personalization Maturity</strong><span>How global businesses prioritize personalization</span></a></li><li class="resources-guides menu-item menu-item-type-custom menu-item-object-custom"><a href="/guides/">Guides & reports<span>Comprehensive topic-specific materials</span></a></li><li class="resources-benchmarks menu-item menu-item-type-custom menu-item-object-custom"><a href="https://marketing.dynamicyield.com/benchmarks/">Benchmarks<span>Industry performance metrics and insights</span></a></li></ul></li><li class="bottom"><a href="/rooted-personalization/" target="_self"><div class="menu-banner"><div class="menu-cta--left"> <img src="/wp-content/uploads/2023/03/rooted-icon.svg" width="60" height="60" /></div><div class="menu-cta--right"> <strong class="menu-cta-title">Rooted Personalization<span>new</span></strong> <span class="menu-cta-subtitle">Learn a scalable methodology for building an audience-based personalization program.</span> <span class="menu-cta-button">Find out more →</span></div></div></a></li></ul></div></li><li class="contact top-link walker-last mobile-only menu-item menu-item-type-post_type menu-item-object-page" data-content="connect-with-us" title=""> <a href="https://www.dynamicyield.com/contact/"><span class="button-arrow">Connect with us</span></a></li></ul><div class="bg-layer" aria-hidden="true"></div></div></div></li></ul></nav></div><div class="topnav-buttons"><div class="language-switcher header-language-switcher"><ul><li>en<ul><li><a class="active" href="https://www.dynamicyield.com/templates/">English</a></li><li><a href="https://www.dynamicyield.com/es/templates/">Español</a></li><li><a href="https://www.dynamicyield.com/de/templates/">Deutsch</a></li><li><a href="https://www.dynamicyield.com/fr/templates/">Français</a></li><li><a href="https://www.dynamicyield.com/ja/">日本語</a></li></ul></li></li></ul></div> <a class="pulse-button v5 pulsed nav_btn" href="/request-demo/"> <span class="button-inner"> Talk to sales </span> </a> <a href="" class="nav-trigger"> Open Nav <span class="nav-trigger-box"><span class="nav-trigger-inner"></span></span> </a></div></div></header><div id="top-nav-backdrop"></div><div id="et-main-area"><div id="main-content"><article id="post-26374" class="post-26374 page type-page status-publish hentry"><div class="entry-content"><div id="top-section" class="et_pb_section banner-section et_section_regular" style='background-color:#f9f9f9;background-image:url(https://www.dynamicyield.com/wp-content/uploads/2017/12/templates-header-bg1.png);'><div class="et_pb_row"><div class="et_pb_column et_pb_column_4_4"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left templates-archive-title"><h1>Personalization Templates</h1></div><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left templates-banner-text"><p>Out-of-the-box templates for banners, popups, notifications, recommendation widgets, display ads, emails, landing pages, and JavaScript.</p><p> Designed and developed for you, so you won’t have to start from an empty slate. Just choose templates you like and start tweaking the copy and design.</p></div><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left"></div><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left"><div class="play-video-header"> <span class="wistia_embed wistia_async_8gk8at4nm6 popover=true popoverContent=link" style="display:inline" id="wistia-8gk8at4nm6-1"><div id="wistia_47.thumb_container" class="wistia_click_to_play" style="position: relative; display: inline;"> <a href="#"> See how it works <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 281 281" style="enable-background:new 0 0 281 281;" xml:space="preserve"><style type="text/css">.st0{fill:#677890;}</style><path class="st0" d="M140.5-0.2C63-0.2,0,62.8,0,140.3c0,77.5,63,140.5,140.5,140.5c77.5,0,140.5-63,140.5-140.5S218-0.2,140.5-0.2z
M140.5,250.9c-61.1,0-110.6-49.5-110.6-110.6c0-61.1,49.5-110.6,110.6-110.6s110.6,49.5,110.6,110.6
C251.1,201.4,201.6,250.9,140.5,250.9z"/> <polygon class="st0" points="199.1,140.3 104,85.4 104,195.2 "/> </svg> </a></div> </span></div></div></div></div></div><div id="full_width" class="et_pb_section featured-template-section et_section_regular" style='background-color:#ffffff;'><div class="et_pb_row"><div class="et_pb_column et_pb_column_4_4"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_center grid-title"><h2>Featured Templates</h2> Browse our template library, designed and created <br> based on powerful high impact use cases.</div><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left templates-grid-wrapper"><div id="template-grid-filters"><div class="template-grid-filters-inner"><div class="templates-grid-wrapper"> <a href="#" class="toggle-mobile-filters"></a><ul class="left-filters"><li class="filter-dropdown" style="display: none;"><div class="mobile-dropdown-heading"> <span>Filter By</span> <a href="#" class="close-mobile-filters"></a></div> <span class="filter-current" data-filtering="all">All Industries</span><ul class="filter-dropdown-nav" data-filter-group="industry"><li><span data-filter="all" class="current">All Industries</span></li><li><span data-filter=""></span></li><li><span data-filter=""></span></li></ul></li><li class="filter-dropdown"><div class="mobile-dropdown-heading"> <span>Filter By</span> <a href="#" class="close-mobile-filters"></a></div> <span class="filter-current" data-filtering="all">All Experiences</span><ul class="filter-dropdown-nav" data-filter-group="experience"><li><span data-filter="all" class="current">All Experiences</span></li><li><span data-filter="survey">Survey</span></li><li><span data-filter="recommendation-widgets">Recommendation Widgets</span></li><li><span data-filter="push-notifications">Push Notifications</span></li><li><span data-filter="personalized-banners">Personalized Banners</span></li><li><span data-filter="overlays">Overlays</span></li><li><span data-filter="notifications">Notifications</span></li><li><span data-filter="notification-enabled-modal-with-recommendations">Notification enabled Modal with Recommendations</span></li><li><span data-filter="exit-intent-popups">Exit Intent Popups</span></li><li><span data-filter="email">Email</span></li><li><span data-filter="dynamic-content">Dynamic Content</span></li><li><span data-filter="custom-javascript-action">Custom JavaScript Action</span></li><li><span data-filter="custom-code-campaign">Custom Code Campaign</span></li></ul></li><li class="filter-dropdown"><div class="mobile-dropdown-heading"> <span>Filter By</span></div> <span class="filter-current" data-filtering="all">All Tags</span><ul class="filter-dropdown-nav" data-filter-group="template_tag"><li><span data-filter="all" class="current">All Tags</span></li><li><span data-filter="zero-party-data-self-segmentation">Zero-Party Data/Self-Segmentation</span></li><li><span data-filter="welcome-messages">Welcome Messages</span></li><li><span data-filter="walkthrough-overlay">Walkthrough Overlay</span></li><li><span data-filter="upselling">Upselling</span></li><li><span data-filter="threshold-calculators">Threshold Calculators</span></li><li><span data-filter="surefoot">surefoot</span></li><li><span data-filter="subscription-overlays">Subscription Overlays</span></li><li><span data-filter="subscription-notifications">Subscription Notifications</span></li><li><span data-filter="social-proof-messaging">Social Proof Messaging</span></li><li><span data-filter="retargeting-display-ads">Retargeting Display Ads</span></li><li><span data-filter="push-notification-messages">Push Notification Messages</span></li><li><span data-filter="promotional-items">Promotional Items</span></li><li><span data-filter="product-recommendations">Product Recommendations</span></li><li><span data-filter="product-discovery">Product Discovery</span></li><li><span data-filter="personalized-landing-pages">Personalized Landing Pages</span></li><li><span data-filter="personalized-banners">Personalized Banners</span></li><li><span data-filter="onboarding-experience">Onboarding Experience</span></li><li><span data-filter="mobile-web-optimization">Mobile Web Optimization</span></li><li><span data-filter="mobile-app-optimization">Mobile App Optimization</span></li><li><span data-filter="live-commerce">Live Commerce</span></li><li><span data-filter="hero-banners">Hero Banners</span></li><li><span data-filter="exit-intent-popups">Exit Intent Popups</span></li><li><span data-filter="customer-feedback-tools">Customer Feedback Tools</span></li><li><span data-filter="cross-selling">Cross-Selling</span></li><li><span data-filter="countdown-timers">Countdown Timers</span></li><li><span data-filter="content-recommendations">Content Recommendations</span></li><li><span data-filter="cart-reminders">Cart Reminders</span></li><li><span data-filter="cart-abandonment">Cart Abandonment</span></li><li><span data-filter="app-download-messages">App Download Messages</span></li></ul></li><li class="filter-dropdown" style="display: none;"><div class="mobile-dropdown-heading"> <span>Sort By</span></div> <span class="filter-current" data-filtering="new">Featured</span><ul class="filter-dropdown-nav" data-filter-group="filter"><li><span class="current" data-filter="featured">Featured</span></li><li><span data-filter="new">Newly Added</span></li></ul></li></ul><div class="right-search"><form class="template-grid-search"> <input type="text" placeholder="Search For Templates" /> <button type="submit"></button></form></div></div></div></div><div id="template-grid-posts" data-current-page="2"><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Notification enabled Modal with Recommendations" data-featured="" data-href="https://www.dynamicyield.com/template/add-to-cart-recommendation-modal/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2025/02/atc-recs-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="0" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/add-to-cart-recommendation-modal/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/add-to-cart-recommendation-modal/"><h4>Add To Cart Recommendation Modal</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Overlays" data-featured="" data-href="https://www.dynamicyield.com/template/shoppable-video-notification/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2025/02/shoppable-video-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="1" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/shoppable-video-notification/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/shoppable-video-notification/"><h4>Shoppable Video Notification</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Custom Code Campaign" data-featured="" data-href="https://www.dynamicyield.com/template/similarity-badge/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2024/01/similarity-badge-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="2" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/similarity-badge/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/similarity-badge/"><h4>Similarity Badge</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Notifications" data-featured="" data-href="https://www.dynamicyield.com/template/affinity-onboarding-questionnaire/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/affinity-onboarding-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="3" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/affinity-onboarding-questionnaire/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/affinity-onboarding-questionnaire/"><h4>Affinity Onboarding Questionnaire</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/comparison-table/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/07/comparison-table-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="4" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/comparison-table/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/comparison-table/"><h4>Dynamic Comparison Table</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/new-account/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-new-account-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="5" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/new-account/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/new-account/"><h4>New Account</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/home-refinance/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-home-refinance-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="6" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/home-refinance/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/home-refinance/"><h4>Home Refinance</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/multiple-cards-parallax/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-multiple-cards-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="7" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/multiple-cards-parallax/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/multiple-cards-parallax/"><h4>Multiple Cards Parallax</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/articles-list/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-rec-articles-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="8" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/articles-list/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/articles-list/"><h4>Articles List</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Overlays" data-featured="" data-href="https://www.dynamicyield.com/template/activation-side-panel/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-activation-side-panel-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="9" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/activation-side-panel/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/activation-side-panel/"><h4>Activation Side Panel</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Overlays" data-featured="" data-href="https://www.dynamicyield.com/template/push-to-digital-wallet/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-digital-wallet-overlay-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="10" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/push-to-digital-wallet/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/push-to-digital-wallet/"><h4>Push to Digital Wallet</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/offers-category-slider/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-offers-slider-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="11" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/offers-category-slider/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/offers-category-slider/"><h4>Offers Category Slider</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/limited-time-offer-banner/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-limited-time-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="12" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/limited-time-offer-banner/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/limited-time-offer-banner/"><h4>Limited Time Offer Banner</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/chatbot-recommendations/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/02/chatbot-recs-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="13" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/chatbot-recommendations/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/chatbot-recommendations/"><h4>Chatbot Recommendations</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/conversational-recommendations/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2023/02/convo-recs-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="14" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/conversational-recommendations/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/conversational-recommendations/"><h4>Conversational Recommendations</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/category-slider/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2022/12/category-nav-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="15" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/category-slider/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/category-slider/"><h4>Category Slider</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Survey" data-featured="" data-href="https://www.dynamicyield.com/template/product-finder/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2022/09/product-finder-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="16" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/product-finder/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/product-finder/"><h4>Product Finder</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/live-commerce/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2022/03/live-commerce-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="17" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/live-commerce/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/live-commerce/"><h4>Live Commerce Experience</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/swipe-right-product-recommendations/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2021/08/tinder-recommendations-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="18" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/swipe-right-product-recommendations/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/swipe-right-product-recommendations/"><h4>Swipe Right Product Recommendations</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/recommendation-stories/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2021/06/recs-stories-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="19" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/recommendation-stories/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/recommendation-stories/"><h4>Recommendations as Stories</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/multi-strategy-recommendations/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2021/06/netflix-recs-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="20" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/multi-strategy-recommendations/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/multi-strategy-recommendations/"><h4>Multi-Strategy Recommendations</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/animated-recommendations/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2021/06/animated-recs-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="21" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/animated-recommendations/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/animated-recommendations/"><h4>Animated Recommendations</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Overlays,Personalized Banners" data-featured="" data-href="https://www.dynamicyield.com/template/overlay-based-on-two-images/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2019/11/overlay-2-images-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="22" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/overlay-based-on-two-images/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/overlay-based-on-two-images/"><h4>Overlay Based on Two Images</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Recommendation Widgets" data-featured="" data-href="https://www.dynamicyield.com/template/tabbed-recommendation-widget/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2019/11/tabbed-recs-widget-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="23" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/tabbed-recommendation-widget/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/tabbed-recommendation-widget/"><h4>Tabbed Recommendation Widget</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Overlays" data-featured="" data-href="https://www.dynamicyield.com/template/download-app-full-screen/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2019/11/download-app-fullscreen-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="24" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/download-app-full-screen/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/download-app-full-screen/"><h4>Download App – Full Screen</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Notifications" data-featured="" data-href="https://www.dynamicyield.com/template/coupon-banner/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2019/11/mobile-coupon-banner-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="25" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/coupon-banner/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/coupon-banner/"><h4>Coupon Banner</h4> </a></div></div><div class="et_pb_column et_pb_column_1_3 template-preview-section" data-industry="" data-experience="Dynamic Content" data-featured="" data-href="https://www.dynamicyield.com/template/products-reveal-banner/"><div class="browser-window-wrapper"><div class="browser-window"> <img decoding="async" src="/wp-content/uploads/2017/12/WebGrid.png" class="browser-bg retina_image"><div class="template-example"> <img decoding="async" src="https://www.dynamicyield.com/wp-content/uploads/2018/07/products-reveal-banner-grid.png" class="retina_image"><div class="template-grid-item-overlay"> <a href="#" data-toggle="modal" data-target="#templates-modal" data-slideindex="26" class="template-grid-preview-icon-wrapper"><div class="template-grid-preview-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/Eye.png" class="grid-overlay-icon eye-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/eye-animated.png" class="grid-overlay-gif eye-gif retina_image"></div> Preview</a> <a href="https://www.dynamicyield.com/template/products-reveal-banner/" class="template-grid-info-icon-wrapper"><div class="template-grid-info-icon"> <img decoding="async" src="/wp-content/uploads/2018/01/INFO58x59.png" class="grid-overlay-icon info-icon retina_image"> <img decoding="async" src="/wp-content/uploads/2018/01/info_animated.png" class="grid-overlay-gif info-gif retina_image"></div> Details</a></div></div></div> <a href="https://www.dynamicyield.com/template/products-reveal-banner/"><h4>Products Reveal Banner</h4> </a></div></div></div></div><div id="templates-load-more"> SHOW ME MORE EXPERIENCES<div class="down-arrow"> <img decoding="async" src="/wp-content/themes/Divi/images/down-arrow.svg"></div></div> <noscript> <a href="https://www.dynamicyield.com//template">SHOW ME MORE EXPERIENCES</a> </noscript> <script type="text/javascript">function loadTemplates(pageNumber, loadMoreVal, loadType, filtersArr) {
jQuery('a.template-grid-preview-icon-wrapper').each(function() {
jQuery(this).addClass('loading-templates');
});
// Grip Loop
jQuery.ajax({
url: "https://www.dynamicyield.com/wp-admin/admin-ajax.php",
type: 'POST',
data: "action=load_more_templates_click&page_no="+ pageNumber + '&loop_file=custom/shortcodes/templates-grid-loop.php¤t_language=en&posts_per_page=18&filters_obj=' + JSON.stringify(filtersArr) + '&load_type=' + loadType + '&wpml_lang=en',
beforeSend: function() {
if(loadType === 'filters') {
jQuery('#template-grid-posts').fadeOut();
if(jQuery('.template-grid-filters-inner').hasClass('sticky')) {
top_offset = jQuery('#main-header').outerHeight() + (jQuery('body').hasClass('admin-bar') ? jQuery('#wpadminbar').outerHeight() : 0);
jQuery('html, body').animate({ scrollTop: jQuery('.featured-template-section').offset().top - top_offset });
}
}
},
success: function(html) {
if(loadType === 'filters') {
jQuery("#template-grid-posts").html(html).fadeIn();
} else {
jQuery("#template-grid-posts").append(html);
}
if(! html.includes('No more posts to show')) {
jQuery('#templates-load-more').html(loadMoreVal).removeClass('disabled');
} else {
jQuery('#templates-load-more')
.html('ALL EXPERIENCES LOADED')
.addClass('disabled');
}
$('.template-grid-preview-icon-wrapper').click(function(){
modalIndex = $(this).data('slideindex');
});
}
});
// Modals Loop
jQuery.ajax({
url: "https://www.dynamicyield.com/wp-admin/admin-ajax.php",
type: 'POST',
data: 'action=load_more_templates_click&page_no=' + pageNumber + '&loop_file=custom/template-parts/templates-modal-loop.php¤t_language=en&posts_per_page=18&filters_obj=' + JSON.stringify(filtersArr) + '&load_type=' + loadType,
success: function(html) {
if(loadType === 'filters') {
if(jQuery('.template-popup-slick-wrapper').hasClass('slick-initialized')) {
jQuery('.template-popup-slick-wrapper').slick('removeSlide', null, null, true);
jQuery('.template-popup-slick-wrapper').slick('slickAdd', html);
} else {
jQuery('.template-popup-slick-wrapper').html(html);
}
} else {
jQuery('.template-popup-slick-wrapper').slick('slickAdd', html);
}
jQuery('.template-popup-slick-wrapper').css('opacity', 0);
var imagesToLoad = $("#templates-modal .b-lazy");
var slickBlazy = new Blazy({'loadInvisible': 'true'});
slickBlazy.load(imagesToLoad);
$("#templates-modal .b-lazy").each(function(){
var $this = $(this);
var pic_old_width = $this.attr('width');
var pic_old_height = $this.attr('height');
$this.css({width: pic_old_width});
});
overlayDeviceToggle();
jQuery('a.template-grid-preview-icon-wrapper').each(function(){
jQuery(this).removeClass('loading-templates');
});
}
});
return false;
}
jQuery('#templates-load-more').click(function() {
var page_no = parseInt(jQuery('#template-grid-posts').attr('data-current-page'));
if(! jQuery(this).hasClass('disabled')) {
var loadMoreVal = jQuery(this).html();
jQuery(this).html('LOADING...');
jQuery(this).addClass('disabled');
var filter_data = collectFiltersData();
loadTemplates(page_no, loadMoreVal, 'load_more', filter_data);
jQuery('#template-grid-posts').attr('data-current-page', page_no + 1);
}
});
jQuery('.left-filters').find('.filter-dropdown-nav').find('li').find('span').click(function() {
if(! jQuery(this).hasClass('current')) {
var experience_filter = jQuery('.filter-dropdown-nav[data-filter-group="experience"').parents('.filter-dropdown'),
tag_filter = jQuery('.filter-dropdown-nav[data-filter-group="template_tag"').parents('.filter-dropdown');
experience_filter.find('.filter-current').attr('data-filtering', 'all').html('All Experiences');
tag_filter.find('.filter-current').attr('data-filtering', 'all').html('All Tags');
experience_filter.find('li').removeClass('current');
experience_filter.find('span[data-filter="all"]').addClass('current');
jQuery(this).parents('.filter-dropdown-nav').find('li').find('span').removeClass('current');
jQuery(this).addClass('current');
jQuery(this).parents('.filter-dropdown').find('.filter-current')
.html(jQuery(this).html())
.attr('data-filtering', jQuery(this).attr('data-filter'));
var filter_data = collectFiltersData(),
load_more_text = 'SHOW ME MORE EXPERIENCES' + '<div class="down-arrow">' +
'<img decoding="async" src="/wp-content/themes/Divi/images/down-arrow.svg">' +
'</div>';
loadTemplates(1, load_more_text, 'filters', filter_data);
jQuery('#template-grid-posts').attr('data-current-page', 2);
}
});
jQuery('.template-grid-search').submit(function(e) {
e.preventDefault();
var experience_filter = jQuery('.filter-dropdown-nav[data-filter-group="experience"').parents('.filter-dropdown'),
tag_filter = jQuery('.filter-dropdown-nav[data-filter-group="template_tag"').parents('.filter-dropdown');
experience_filter.find('.filter-current').attr('data-filtering', 'all').html('All Experiences');
tag_filter.find('.filter-current').attr('data-filtering', 'all').html('All Tags');
experience_filter.find('li').removeClass('current');
experience_filter.find('span[data-filter="all"]').addClass('current');
tag_filter.find('li').removeClass('current');
tag_filter.find('span[data-filter="all"]').addClass('current');
var filter_data = collectFiltersData(),
load_more_text = "SHOW ME MORE EXPERIENCES" + '<div class="down-arrow">' +
'<img decoding="async" src="/wp-content/themes/Divi/images/down-arrow.svg">' +
'</div>';
loadTemplates(1, load_more_text, 'filters', filter_data);
jQuery('#template-grid-posts').attr('data-current-page', 2);
});
function collectFiltersData() {
var search_value = jQuery('.template-grid-search').find('input[type="text"]').val(),
filters_obj = {};
jQuery('.left-filters').find('.filter-dropdown-nav').each(function(index) {
if(jQuery(this).is(':visible')) {
filters_obj[jQuery(this).attr('data-filter-group')] = jQuery(this).parents('.filter-dropdown').find('.filter-current').attr('data-filtering');
}
});
filters_obj['search'] = search_value;
return filters_obj;
}
function imageExists(url, callback) {
var findRetina = new Image();
findRetina.onload = function() { callback(true); };
findRetina.onerror = function() { callback(false); };
findRetina.src = url;
}
function load_dynamic_retina(){
var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)';
if (window.matchMedia && window.matchMedia(mediaQuery).matches) {
jQuery('.retina_image').each(function() {
var img = jQuery(this)[0];
jQuery(this).attr("src", jQuery(img).attr("src"))
.load(function() {
if(!jQuery(this).hasClass('retina_image_loaded')) {
var pic_real_width = this.width;
var pic_real_height = this.height;
var $this = jQuery(this);
var pic_old_width = $this.attr('width');
var pic_old_height = $this.attr('height');
$this.css({width: pic_old_width});
$this.attr('width', pic_real_width);
$this.attr('height', pic_real_height);
var $thisSrc = jQuery(this).attr('src');
var re = /(?:\.([^.]+))?$/;
var ext = re.exec($thisSrc)[1];
var newSrc = $thisSrc.substr(0, $thisSrc.lastIndexOf(".")) + "@x2" + "." + ext;
imageExists(newSrc, function (doesitexist) {
if (doesitexist === true) {
if ($this.attr("src").indexOf('@x2') < 0) {
$this.attr("src", newSrc).addClass('retina_image_loaded');
}
}
});
}
});
});
}
}
setInterval(load_dynamic_retina, 1500);</script> <script type="text/javascript">if(jQuery('#template-grid-filters').length) {
jQuery(window).bind('scroll load', function () {
stickyTemplatesFiltersBar();
});
}
function stickyTemplatesFiltersBar() {
var templates_filters = jQuery('#template-grid-filters'),
top_offset = jQuery('#main-header').outerHeight() + (jQuery('body').hasClass('admin-bar') ? jQuery('#wpadminbar').outerHeight() : 0);
if(
templates_filters.offset().top - jQuery(window).scrollTop() <= top_offset &&
jQuery('.template-engine-wrapper').offset().top - jQuery(window).scrollTop() > top_offset
) {
jQuery('.template-grid-filters-inner').addClass('sticky').css({
top: top_offset
});
} else {
jQuery('.template-grid-filters-inner').removeClass('sticky').removeAttr('style');
}
}
jQuery('.toggle-mobile-filters').click(function(e) {
e.preventDefault();
jQuery('.left-filters').fadeIn().css('display', 'flex');
});
jQuery('.close-mobile-filters').click(function(e) {
e.preventDefault();
jQuery('.left-filters').fadeOut();
});</script> </div></div></div></div><div class="et_pb_section template-engine-wrapper et_section_regular" style='background-color:#f4f4f4;'><div class="et_pb_row"><div class="et_pb_column et_pb_column_4_4"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_center templates-section-title"><h2>Powerful Templates Engine</h2> Carefully crafted built-in templates to help you speed up your work- <br> flow and drive more revenue to your business.</div><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left templates-tabs"><ul class="template-tabs-list"><li data-target="tab-1" class="active"><h4>Select Template</h4><div>Tens of templates are available for each of the Dynamic Yield modules, across all verticals.</div></li><li data-target="tab-2"><h4>Customize</h4><div>Each template consists of design variables, easily configurable through a WYSIWYG interface.</div></li><li data-target="tab-3"><h4>Optimize</h4><div>Create multiple variation without any IT assistance, and launch your campaign with a click.</div></li></ul><ul class="template-tabs-content"> <img decoding="async" src="/wp-content/uploads/2018/01/SelectTemplate.jpg" alt="Select Template"><li id="tab-1" class="active"><img decoding="async" src="/wp-content/uploads/2018/01/SelectTemplate.jpg" alt="Select Template"></li><li id="tab-2"><img decoding="async" src="/wp-content/uploads/2018/01/Customize.jpg" alt="Customize Template"></li><li id="tab-3"><img decoding="async" src="/wp-content/uploads/2018/01/Optimize.jpg" alt="Optimize Template"></li></ul><script>if(typeof(jQuery) !== 'undefined') {
$ = jQuery.noConflict();
}
function slideTabs(){
if($(window).width() <= 980) {
$('.template-tabs-list li').each(function () {
if ($(this).hasClass('active')) {
$('div', this).slideDown();
} else {
$('div', this).slideUp();
}
});
}
}
$('.template-tabs-list li').hover(function(){
target = $(this).data('target');
$('.template-tabs-list li').each(function(){
$(this).removeClass('active');
});
$('.template-tabs-content li').each(function(){
$(this).removeClass('active');
});
$(this).addClass('active');
$('#'+target).addClass('active');
slideTabs();
});
slideTabs();
$(window).resize(function(){
if($(window).width() > 980) {
$('.template-tabs-list li').each(function () {
$('div', this).slideDown();
});
} else{
slideTabs();
}
});</script> </div></div></div></div><div id="dy-difference" class="et_pb_section columns-with-logos-wrapper et_section_regular" style='background-color:#ffffff;'><div class="et_pb_row"><div class="et_pb_column et_pb_column_4_4"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_center"><h2> Key Benefits</h2></div></div></div><div class="et_pb_row"><div class="et_pb_column et_pb_column_1_3"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left columns-with-logos"><div class="column-logo-top"> <img decoding="async" alt="No IT Dependency" class="dy-difference-logos-logo b-lazy" width="64px" height="50px" src="/wp-content/uploads/2017/09/tinygif.gif" data-src="/wp-content/themes/Divi/images/agility.svg"></div> <strong> No IT Dependency </strong><p> All templates are plug & play, giving the Marketer full control over the creative, copy and experience.</p></div></div><div class="et_pb_column et_pb_column_1_3"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left columns-with-logos"><div class="column-logo-top"> <img decoding="async" alt="Built to Scale" class="dy-difference-logos-logo b-lazy" width="64px" height="50px" src="/wp-content/uploads/2017/09/tinygif.gif" data-src="/wp-content/themes/Divi/images/platform-breadth.svg"></div> <strong> Built to Scale </strong><p> Experiences crafted with Dynamic Yield Prototypes are duplicated, customized and launched within minutes.</p></div></div><div class="et_pb_column et_pb_column_1_3"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left columns-with-logos"><div class="column-logo-top"> <img decoding="async" alt="Fully Responsive" class="dy-difference-logos-logo b-lazy" width="64px" height="50px" src="/wp-content/uploads/2017/09/tinygif.gif" data-src="/wp-content/themes/Divi/images/marketer-friendly.svg"></div> <strong> Fully Responsive </strong><p> All templates are mobile-ready, and can be previewed across all types of devices – Desktop, Tablet & Smartphone.</p></div></div></div><div class="et_pb_row"><div class="et_pb_column et_pb_column_1_3"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left columns-with-logos"><div class="column-logo-top"> <img decoding="async" alt="Developer Friendly" class="dy-difference-logos-logo b-lazy" width="64px" height="50px" src="/wp-content/uploads/2017/09/tinygif.gif" data-src="/wp-content/themes/Divi/images/results.svg"></div> <strong> Developer Friendly </strong><p> Developers gain access to a clean code base that’s easily understandable and highly customizable.</p></div></div><div class="et_pb_column et_pb_column_1_3"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left columns-with-logos"><div class="column-logo-top"> <img decoding="async" alt="Built for Personalization" class="dy-difference-logos-logo b-lazy" width="64px" height="50px" src="/wp-content/uploads/2017/09/tinygif.gif" data-src="/wp-content/themes/Divi/images/open-arch.svg"></div> <strong> Built for Personalization </strong><p> Dynamically populate values from recommendation engines, URL parameters, cookies, geo, and more.</p></div></div><div class="et_pb_column et_pb_column_1_3"><div class="et_pb_text et_pb_bg_layout_light et_pb_text_align_left columns-with-logos"><div class="column-logo-top"> <img decoding="async" alt="Highly Customizable" class="dy-difference-logos-logo b-lazy" width="64px" height="50px" src="/wp-content/uploads/2017/09/tinygif.gif" data-src="/wp-content/themes/Divi/images/data-management.svg"></div> <strong> Highly Customizable </strong><p> In addition to the preset variables, you can take full control over the HTML, CSS and JavaScript code.</p></div></div></div></div></div></article></div><footer id="main-footer" class=""><div class="footer-top"><div class="footer-container"><h4>Make hyper-personalization a reality</h4><p>Transform simple customer transactions into enduring relationships and unlock a new horizon of growth</p><div class="footer-btns-wrap"> <a href="https://www.dynamicyield.com/request-demo/" class="btn-teal">Contact Sales</a> <a href="https://www.dynamicyield.com/product-demo/" class="btn-transparent">Watch a product demo<svg xmlns="http://www.w3.org/2000/svg" width="15.625" height="15.625" viewBox="0 0 15.625 15.625"> <path id="Icon_ionic-ios-play-circle" data-name="Icon ionic-ios-play-circle" d="M10.688,3.375A7.313,7.313,0,1,0,18,10.688,7.311,7.311,0,0,0,10.688,3.375Zm2.946,7.45L8.81,13.743a.156.156,0,0,1-.236-.137V7.77a.156.156,0,0,1,.236-.137l4.823,2.918A.161.161,0,0,1,13.634,10.825Z" transform="translate(-2.875 -2.875)" fill="none" stroke="rgba(0,0,0,0.8)" stroke-width="1"/> </svg> </a></div><ul class="footer-certificates"><li class="retina_parent"> <a href="https://www.dynamicyield.com/compliance/"> <img src="/wp-content/uploads/2022/05/gdpr-icon.png" alt="gdpr icon" width="139" height="70"> </a></li><li class="retina_parent"> <a href="https://www.dynamicyield.com/compliance/"> <img src="/wp-content/uploads/2023/04/SOCII-Badge.png" alt="socii icon" width="70" height="70"> </a></li><li> <a href="https://www.dynamicyield.com/compliance/"> <img src="/wp-content/uploads/2022/05/ccpa-icon.svg" alt="ccpa icon" width="117" height="40"> </a></li><li class="retina_parent"> <a href="https://www.dynamicyield.com/compliance/"> <img src="/wp-content/uploads/2022/05/iso-27001.png" alt="iso icon" width="106" height="68"> </a></li></ul></div></div><div class="footer-container"><div id="footer-widgets"><div class="footer-widget"><div id="nav_menu-2" class="fwidget et_pb_widget widget_nav_menu"><h4 class="title">Key Capabilities</h4><div class="menu-core-capabilities-container"><ul id="menu-core-capabilities" class="menu"><li id="menu-item-230872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230872"><a href="https://www.dynamicyield.com/segmentation/">Segmentation</a></li><li id="menu-item-5913" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5913"><a href="https://www.dynamicyield.com/targeting/">Targeting</a></li><li id="menu-item-198647" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-198647"><a href="https://www.dynamicyield.com/recommendations/">Recommendations</a></li><li id="menu-item-198648" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-198648"><a href="https://www.dynamicyield.com/journey-orchestration/">Journey Orchestration</a></li><li id="menu-item-230873" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230873"><a href="https://www.dynamicyield.com/optimization/">Optimization</a></li></ul></div></div></div><div class="footer-widget"><div id="nav_menu-13" class="fwidget et_pb_widget widget_nav_menu"><h4 class="title">Industries</h4><div class="menu-industries-container"><ul id="menu-industries" class="menu"><li id="menu-item-51518" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51518"><a href="/ecommerce/">eCommerce</a></li><li id="menu-item-51520" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51520"><a href="/financial-services/">Financial Services</a></li><li id="menu-item-224041" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-224041"><a href="/restaurants/">Restaurants</a></li><li id="menu-item-224042" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-224042"><a href="/grocery/">Grocery</a></li><li id="menu-item-51519" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51519"><a href="/b2b-ecommerce/">B2B eCommerce</a></li><li id="menu-item-13777" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13777"><a href="https://www.dynamicyield.com/travel/">Travel</a></li><li id="menu-item-19895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19895"><a href="https://www.dynamicyield.com/gaming/">iGaming</a></li><li id="menu-item-13775" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13775"><a href="https://www.dynamicyield.com/media/">Media</a></li></ul></div></div></div><div class="footer-widget"><div id="nav_menu-11" class="fwidget et_pb_widget widget_nav_menu"><h4 class="title">Why Dynamic Yield</h4><div class="menu-why-dynamic-yield-container"><ul id="menu-why-dynamic-yield" class="menu"><li id="menu-item-51524" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51524"><a href="/customer-success/">Industry-Leading Services</a></li><li id="menu-item-31658" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31658"><a href="https://www.dynamicyield.com/clients/">Global Scale</a></li><li id="menu-item-13718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13718"><a href="https://www.dynamicyield.com/case-studies/">Real Impact</a></li><li id="menu-item-224043" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-224043"><a href="/ai/">Personalization AI</a></li><li id="menu-item-224044" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-224044"><a href="/partners/">Rich Partner Network</a></li><li id="menu-item-224045" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-224045"><a href="/enterprise-grade-personalization/">Enterprise-Grade Security</a></li></ul></div></div></div><div class="footer-widget"><div id="nav_menu-5" class="fwidget et_pb_widget widget_nav_menu"><h4 class="title">Company</h4><div class="menu-company-container"><ul id="menu-company" class="menu"><li id="menu-item-242875" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-242875"><a href="https://www.mastercard.com/us/en/for-the-world/about-us.html">About Us</a></li><li id="menu-item-19360" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19360"><a href="https://events.dynamicyield.com/">Events</a></li><li id="menu-item-242874" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-242874"><a href="https://www.mastercard.com/us/en/news-and-trends/stories.html">Press</a></li><li id="menu-item-130411" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130411"><a href="https://www.dynamicyield.com/blog/">Blog</a></li><li id="menu-item-226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-226"><a href="https://www.dynamicyield.com/contact/">Contact</a></li><li id="menu-item-198646" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-198646"><a href="https://www.dynamicyield.com/partner-program/">Become a Partner</a></li><li id="menu-item-11264" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11264"><a href="/request-demo/">Request Demo</a></li></ul></div></div><div id="text-6" class="fwidget et_pb_widget widget_text"><div class="textwidget"><ul style="min-width: 150px; margin-top: -15px;"><li><a style="color: #fff; font-weight: 500;" href="/careers/">We’re hiring!</a></li></ul></div></div></div><div class="lc-footer-nav-block"><div class="lc-footer-nav-header"> <a href="https://www.dynamicyield.com/learn/" class="lc-footer-logo"></a> <span>Take your knowledge to exponential levels</span></div><div class="lc-footer-menu"><ul id="menu-lc-menu-footer" class="menu"><li id="menu-item-212992" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212992"><a href="https://www.dynamicyield.com/articles/">Articles</a></li><li id="menu-item-212993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212993"><a href="https://www.dynamicyield.com/learning-paths/">Learning Paths</a></li><li id="menu-item-212994" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212994"><a href="https://www.dynamicyield.com/rooted-personalization/">Rooted Personalization</a></li><li id="menu-item-212995" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212995"><a href="https://www.dynamicyield.com/personalization-examples/">Personalization Examples</a></li><li id="menu-item-212996" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212996"><a href="https://www.dynamicyield.com/guides/">Guides</a></li><li id="menu-item-212997" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212997"><a href="https://www.dynamicyield.com/talks/">Talks</a></li><li id="menu-item-212999" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212999"><a href="https://www.dynamicyield.com/glossary-terms/">Encyclopedia</a></li><li id="menu-item-212998" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212998"><a href="https://marketing.dynamicyield.com/benchmarks/">Benchmarks</a></li></ul></div></div></div></div><div id="et-footer-nav"><div class="footer-container"><ul id="menu-footer-menu" class="bottom-nav"><li id="menu-item-19183" class="footer_menu_title menu-item menu-item-type-custom menu-item-object-custom menu-item-19183"><a>Recommended Guides:</a></li><li id="menu-item-211968" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-211968"><a href="https://www.dynamicyield.com/article/personalization-guide/">Personalization</a></li><li id="menu-item-138198" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-138198"><a href="https://www.dynamicyield.com/lesson/introduction-to-ab-testing/">A/B Testing</a></li><li id="menu-item-147897" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-147897"><a href="https://www.dynamicyield.com/lesson/cro-plan/">Conversion Rate Optimization</a></li><li id="menu-item-19184" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19184"><a href="/lesson/shopping-cart-abandonment-strategy/">Shopping Cart Abandonment</a></li><li id="menu-item-19185" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19185"><a href="/lesson/product-recommendations-guide/">Product Recommendations</a></li><li id="menu-item-22805" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22805"><a href="/lesson/promise-and-pitfalls-omnichannel-retailing/">Omnichannel Retailing</a></li><li id="menu-item-22885" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22885"><a href="/lesson/the-economics-of-ecommerce-conversion-optimization/">eCommerce Conversion Rate Optimization</a></li><li id="menu-item-28240" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28240"><a href="/article/50-most-important-dynamicyield-personalization-stats/">Personalization Statistics</a></li><li id="menu-item-33877" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-33877"><a href="https://www.dynamicyield.com/article/tj-maxx-spired-checkout-optimization/">Checkout Optimization</a></li><li id="menu-item-123711" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-123711"><a href="/article/ecommerce-personalization-must-haves/">eCommerce Personalization</a></li><li id="menu-item-144090" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144090"><a href="https://www.dynamicyield.com/lesson/strategizing-omnichannel-personalization/">Omnichannel Personalization</a></li><li id="menu-item-148146" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148146"><a href="https://marketing.dynamicyield.com/benchmarks/cart-abandonment-rate/">Shopping Cart Abandonment Rate</a></li></ul><div class="footer-mach-logo retina_parent"> <img src="/wp-content/uploads/2022/05/mach-cert-22-wh.png" alt="Mach logo" width="63" height="70"></div><div class="language-switcher footer-language-switcher"><ul><li>en<ul><li><a class="active" href="https://www.dynamicyield.com/templates/">English</a></li><li><a href="https://www.dynamicyield.com/es/templates/">Español</a></li><li><a href="https://www.dynamicyield.com/de/templates/">Deutsch</a></li><li><a href="https://www.dynamicyield.com/fr/templates/">Français</a></li><li><a href="https://www.dynamicyield.com/ja/">日本語</a></li></ul></li></li></ul></div></div></div><div id="footer-bottom"><div class="footer-container"><div class="footer_info_wrapper"><div id="footer-info"> <button id="ot-sdk-btn" class="ot-sdk-show-settings">Manage Cookies</button> <a href="/privacy-notice/" target="_blank" class="animlink">Privacy Notice</a> <a href="/tos/" target="_blank" class="animlink">Terms of use</a> <span>© 2026 Mastercard Dynamic Yield</span></div></div><div class="footer_social_icons"><style>.et-social-icons .et-social-icon img {
max-width: 16px;
transition: 0.2s all;
}
.et-social-icons .et-social-icon img:not(:hover) {
opacity: 0.5;
}</style><span itemscope itemtype="http://schema.org/Organization"><link itemprop="url" href="https://www.dynamicyield.com"><ul class="et-social-icons"><li class="et-social-icon"> <a itemprop="sameAs" href="https://www.linkedin.com/company/dynamic-yield" class="icon" target="_blank"> <img src="https://www.dynamicyield.com/wp-content/uploads/2025/09/Frame-5.png" alt="LinkedIn Logo" /> </a></li><li class="et-social-icon"> <a itemprop="sameAs" href="https://www.instagram.com/dynamicyield/" class="icon" target="_blank"> <img src="https://www.dynamicyield.com/wp-content/uploads/2025/09/Frame-4.png" alt="Instagram Logo" /> </a></li><li class="et-social-icon"> <a itemprop="sameAs" href="https://www.youtube.com/c/Dynamicyield" class="icon" target="_blank"> <img src="https://www.dynamicyield.com/wp-content/uploads/2025/09/Frame-3.png" alt="Youtube Logo" /> </a></li><li class="et-social-icon"> <a itemprop="sameAs" href="https://www.tiktok.com/@dynamic.yield" class="icon" target="_blank"> <img src="https://www.dynamicyield.com/wp-content/uploads/2025/09/Frame-2.png" alt="TikTok Logo" /> </a></li><li class="et-social-icon"> <a itemprop="sameAs" href="https://www.facebook.com/DynamicYield" class="icon" target="_blank"> <img src="https://www.dynamicyield.com/wp-content/uploads/2025/09/Frame-1.png" alt="Facebook Logo" /> </a></li><li class="et-social-icon"> <a itemprop="sameAs" href="https://twitter.com/DynamicYield" class="icon" target="_blank"> <img src="https://www.dynamicyield.com/wp-content/uploads/2025/09/Frame.png" alt="X Logo" /> </a></li></ul> </span></div></div></div></footer></div></div><div id="mobile_menu_overlay"></div> <script type='text/javascript' src='//cdn.dynamicyield.com/api/8765281/api_dynamic.js'></script> <script type='text/javascript' src='//cdn.dynamicyield.com/api/8765281/api_static.js'></script> <script type="text/javascript">var sbiajaxurl = "https://www.dynamicyield.com/wp-admin/admin-ajax.php";</script> <script type="text/javascript">!function(e,n){var r={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":2,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"beyond","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""},"resources":["https:\/\/www.dynamicyield.com\/wp-content\/plugins\/enlighter\/cache\/enlighterjs.min.css?tvrakvcLArVio6C","https:\/\/www.dynamicyield.com\/wp-content\/plugins\/enlighter\/resources\/enlighterjs\/enlighterjs.min.js"]},o=document.getElementsByTagName("head")[0],t=n&&(n.error||n.log)||function(){};e.EnlighterJSINIT=function(){!function(e,n){var r=0,l=null;function c(o){l=o,++r==e.length&&(!0,n(l))}e.forEach(function(e){switch(e.match(/\.([a-z]+)(?:[#?].*)?$/)[1]){case"js":var n=document.createElement("script");n.onload=function(){c(null)},n.onerror=c,n.src=e,n.async=!0,o.appendChild(n);break;case"css":var r=document.createElement("link");r.onload=function(){c(null)},r.onerror=c,r.rel="stylesheet",r.type="text/css",r.href=e,r.media="all",o.appendChild(r);break;default:t("Error: invalid file extension",e)}})}(r.resources,function(e){e?t("Error: failed to dynamically load EnlighterJS resources!",e):"undefined"!=typeof EnlighterJS?EnlighterJS.init(r.selectors.block,r.selectors.inline,r.options):t("Error: EnlighterJS resources not loaded yet!")})},(document.querySelector(r.selectors.block)||document.querySelector(r.selectors.inline))&&e.EnlighterJSINIT()}(window,console);</script><script type="text/javascript" id="rfw-script-js-extra">var rfw = {"speed":""};</script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_a5ec58aa1f222bedaf60cdced3b8a004.js?ver=2026021201" id="rfw-script-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_c1b7fbe6b1a3b777fddfe187094deb97.js?ver=2026021201" id="rfw-script-fitvid-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_ea3fad8947382ebf8709507a11a805db.js" id="divi-fitvids-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/themes/Divi/js/waypoints.min.js" id="waypoints-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_845779ea879c70773af95b2f6fc394d2.js" id="magnific-popup-js"></script> <script type="text/javascript" id="divi-custom-script-js-extra">var et_custom = {"ajaxurl":"https:\/\/www.dynamicyield.com\/wp-admin\/admin-ajax.php","images_uri":"https:\/\/www.dynamicyield.com\/wp-content\/themes\/Divi\/images","et_load_nonce":"6133b77f5f","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","fill":"Fill","field":"field","invalid":"Invalid email","captcha":"Captcha"};</script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_43b4a88b2828bc5c023dc913689e8da5.js?ver=20.4" id="divi-custom-script-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/themes/Divi/custom/bootstrap/js/bootstrap.min.js" id="bootstrap-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/themes/Divi/custom/slick/slick.min.js" id="slick-js"></script> <script type="text/javascript" data-ot-ignore src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_12efd5a7d441d8b7f817fc6fc685dca9.js?ver=21.85" id="customscript-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_33fa37a5effe9361e40b8525e36e3eaf.js" id="typed-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_eb8981568f49ac148e96af3241eb95c7.js?ver=21.85" id="form_validation-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_be33bce741fd746dee1a6cf31c0b5bde.js" id="retina_js-js"></script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_9a50928b26148d1c35a95957e5ef2b9d.js?ver=21.85" id="mkto-scripts-js"></script> <script type="module" src="https://www.dynamicyield.com/wp-content/themes/Divi/js/cid-validation.js?ver=21.85" id="cid-validation"></script><script type="text/javascript" src="https://www.dynamicyield.com/wp-content/plugins/wp-featherlight/js/wpFeatherlight.pkgd.min.js?ver=1.3.4" id="wp-featherlight-js"></script> <script type="text/javascript" id="dc_conversion_api-js-extra">var ajax_obj = {"nonce":"3cd30fb921","ajax_url":"https:\/\/www.dynamicyield.com\/wp-admin\/admin-ajax.php","ajax_action":"conversion_api_call"};</script> <script type="text/javascript" src="https://www.dynamicyield.com/wp-content/cache/autoptimize/js/autoptimize_single_34a6a3100a2ecbc7706af2d4c798f856.js?ver=935c7f8ce03960b02800bc8ae3231df8" id="dc_conversion_api-js"></script> <script type="text/javascript" data-noptimize>var dy_search_params = new URLSearchParams(window.location.search);
if(dy_search_params.has('utm_source')) {
localStorage.setItem('utm_source', dy_search_params.get('utm_source'));
}
if(dy_search_params.has('utm_medium')) {
localStorage.setItem('utm_medium', dy_search_params.get('utm_medium'));
}
if(dy_search_params.has('utm_content')) {
localStorage.setItem('utm_content', dy_search_params.get('utm_content'));
}
if(dy_search_params.has('utm_campaign')) {
localStorage.setItem('utm_campaign', dy_search_params.get('utm_campaign'));
}
if(dy_search_params.has('utm_term')) {
localStorage.setItem('utm_term', dy_search_params.get('utm_term'));
}
if(dy_search_params.has('mkt_tok')) {
localStorage.setItem('mkt_tok', dy_search_params.get('mkt_tok'));
}
// Also, fill in the data inside the Marketo form once its available
if(typeof window.MktoForms2 === 'object') {
MktoForms2.whenReady(function(_form) {
var form = _form.getFormElem();
console.log('MKTO FORM READY');
// Append the mkt_tok param if it exists in the URL
var ls_mkto_tok = localStorage.getItem('mkt_tok');
if(ls_mkto_tok) {
_form.addHiddenFields({
mkt_tok: ls_mkto_tok
});
_form.vals({ mkt_tok: ls_mkto_tok });
}
// Fill in the UTM data from localStorage
var dy_utms = {
'utm_source': 'txt_source__c',
'utm_medium': 'txt_medium__c',
'utm_content': 'txt_content__c',
'utm_campaign': 'txt_campaign_name__c',
'utm_term': 'txt_term__c',
'gclid': ['GCLID__c', 'GCLID_c__c']
};
for(var i = 0; i < Object.keys(dy_utms).length; i++) {
var ls_key = Object.keys(dy_utms)[i],
ls_value = localStorage.getItem(ls_key),
form_key = dy_utms[ls_key],
form_field;
if(ls_value) {
if(ls_key === 'gclid') {
ls_value = JSON.parse(ls_value).value;
}
if(typeof(form_key) === 'string') {
form_field = form[0].querySelector('input[type="hidden"][name="' + form_key + '"]');
if(form_field) {
form_field.value = ls_value;
}
} else {
for(var j = 0; j < form_key.length; j++) {
form_field = form[0].querySelector('input[type="hidden"][name="' + form_key[j] + '"]');
if(form_field) {
form_field.value = ls_value;
}
}
}
}
}
// IP Address
fetch('https://www.cloudflare.com/cdn-cgi/trace').then(function(result) {
result.text().then(function(values) {
values.split("\n").map(function(item) {
var pair = item.split('=');
if(['ip'].includes(pair[0])) {
form[0].querySelector('input[type="hidden"][name="IP__c"]').value = pair[1];
}
});
});
});
// GA ID and Referrer
var dy_utms_cookie = {};
document.cookie.split(';').forEach(function(el) {
var splitCookie = el.split('=');
var key = splitCookie[0].trim();
var value = splitCookie[1];
dy_utms_cookie[key] = value;
});
if(dy_utms_cookie["_ga"]) {
form[0].querySelector('input[type="hidden"][name="Visitor_ID__c"]').value = dy_utms_cookie["_ga"].substring(6);
}
if(dy_utms_cookie["personalize_referrer_string"]) {
form[0].querySelector('input[type="hidden"][name="Referral__c"]').value = dy_utms_cookie["personalize_referrer_string"].substring(6);
}
// ZoomInfo
if(localStorage.getItem('ZoomInfoData')) {
var zoominfo_data = JSON.parse(localStorage.getItem('ZoomInfoData'));
if(zoominfo_data) {
form[0].querySelector('input[type="hidden"][name="Alexa_Rank__c"]').value = zoominfo_data.alexaglobalrank;
form[0].querySelector('input[type="hidden"][name="Employees__c"]').value = zoominfo_data.employeesrange;
form[0].querySelector('input[type="hidden"][name="Company_Revenue_Range__c"]').value = zoominfo_data.estimatedannualrevenue;
}
}
// Also, dispatch a dataLayer event on success
_form.onSuccess(function(values, follow_up_url) {
window.dataLayer = window.dataLayer || [];
if([3739, 4802, 5094, 5110, 4946, 5076, 5116, 5171, 5172, 5173].includes(_form.getId())) {
window.dataLayer.push({
'event': 'demo_request_complete',
'eventCallback': function() {
if(follow_up_url) {
window.location.href = follow_up_url;
}
}
});
return false;
} else if([3876].includes(_form.getId())) {
window.dataLayer.push({
'event': 'newsletter_signup_complete',
'eventCallback': function() {
if(follow_up_url) {
window.location.href = follow_up_url;
}
}
});
return false;
}
});
});
}</script> <div class="modal fade" id="templates-modal" tabindex="-1" role="dialog" data-backdrop="false" aria-labelledby="templatesOverlayLabel"><div class="et_pb_row"><div class="modal-dialog" role="document"><div class="row"> <a type="button" class="close x" data-dismiss="modal" aria-label="close"></a></div><div class="modal-content"><div class="modal-body"><div class="template-popup-wrapper"><div class="template-popup-slick-wrapper"><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Add To Cart Recommendation Modal</h2><div class="template-popup-example desktop-overlay desktop-overlay-0 overlayindex-0 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2025/02/atc-recs-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2025/02/atc-recs-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/add-to-cart-recommendation-modal/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Shoppable Video Notification</h2><div class="template-popup-example desktop-overlay desktop-overlay-1 overlayindex-1 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2025/02/shoppable-video-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2025/02/shoppable-video-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/shoppable-video-notification/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Similarity Badge</h2><div class="template-popup-example desktop-overlay desktop-overlay-2 overlayindex-2 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2024/01/similarity-badge-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2024/01/similarity-badge-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/similarity-badge/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Affinity Onboarding Questionnaire</h2><div class="template-popup-example desktop-overlay desktop-overlay-3 overlayindex-3 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/affinity-onboarding-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/affinity-onboarding-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/affinity-onboarding-questionnaire/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Dynamic Comparison Table</h2><div class="template-popup-example desktop-overlay desktop-overlay-4 overlayindex-4 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/07/comparison-table-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/07/comparison-table-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/comparison-table/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">New Account</h2><div class="template-popup-example desktop-overlay desktop-overlay-5 overlayindex-5 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-new-account-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-new-account-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/new-account/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Home Refinance</h2><div class="template-popup-example desktop-overlay desktop-overlay-6 overlayindex-6 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-home-refinance-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-home-refinance-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/home-refinance/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Multiple Cards Parallax</h2><div class="template-popup-example desktop-overlay desktop-overlay-7 overlayindex-7 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-multiple-cards-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-multiple-cards-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/multiple-cards-parallax/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Articles List</h2><div class="template-popup-example desktop-overlay desktop-overlay-8 overlayindex-8 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-rec-articles-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-rec-articles-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/articles-list/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Activation Side Panel</h2><div class="template-popup-example desktop-overlay desktop-overlay-9 overlayindex-9 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-activation-side-panel-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-activation-side-panel-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/activation-side-panel/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Push to Digital Wallet</h2><div class="template-popup-example desktop-overlay desktop-overlay-10 overlayindex-10 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-digital-wallet-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-digital-wallet-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/push-to-digital-wallet/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Offers Category Slider</h2><div class="template-popup-example desktop-overlay desktop-overlay-11 overlayindex-11 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-offers-slider-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-offers-slider-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/offers-category-slider/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Limited Time Offer Banner</h2><div class="template-popup-example desktop-overlay desktop-overlay-12 overlayindex-12 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-limited-time-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2023/05/fi-limited-time-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/limited-time-offer-banner/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Chatbot Recommendations</h2><div class="template-popup-example desktop-overlay desktop-overlay-13 overlayindex-13 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/02/chatbot-recs-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2023/02/chatbot-recs-overlay@x2.gif" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/chatbot-recommendations/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Conversational Recommendations</h2><div class="template-popup-example desktop-overlay desktop-overlay-14 overlayindex-14 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2023/02/convo-recs-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2023/02/convo-recs-overlay@x2.gif" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/conversational-recommendations/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Category Slider</h2><div class="template-popup-example desktop-overlay desktop-overlay-15 overlayindex-15 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2022/12/category-nav-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2022/12/category-nav-overlay@x2.gif" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/category-slider/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Product Finder</h2><div class="template-popup-example desktop-overlay desktop-overlay-16 overlayindex-16 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2022/09/product-finder-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2022/09/product-finder-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/product-finder/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Live Commerce Experience</h2><div class="template-popup-example desktop-overlay desktop-overlay-17 overlayindex-17 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2022/03/live-commerce-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2022/03/live-commerce-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/live-commerce/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Swipe Right Product Recommendations</h2><div class="template-popup-example mobile-overlay mobile-overlay-18 overlayindex-18"> <img src="/wp-content/uploads/2018/02/mobile-bg_loader1.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2021/08/tinder-recommendations-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2021/08/tinder-recommendations-overlay@x2.gif" class="popup-example b-lazy" height="546" width="278" style="width:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/swipe-right-product-recommendations/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Recommendations as Stories</h2><div class="template-popup-example desktop-overlay desktop-overlay-19 overlayindex-19 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2021/06/recs-stories-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2021/06/recs-stories-overlay@x2.gif" class="popup-example b-lazy" width="278" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/recommendation-stories/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Multi-Strategy Recommendations</h2><div class="template-popup-example desktop-overlay desktop-overlay-20 overlayindex-20 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2021/06/netflix-recs-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2021/06/netflix-recs-overlay@x2.gif" class="popup-example b-lazy" width="278" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/multi-strategy-recommendations/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Animated Recommendations</h2><div class="template-popup-example desktop-overlay desktop-overlay-21 overlayindex-21 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2021/06/animated-recs-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2021/06/animated-recs-overlay@x2.gif" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/animated-recommendations/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Overlay Based on Two Images</h2><div class="template-popup-example desktop-overlay desktop-overlay-22 overlayindex-22 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2019/11/overlay-2-images-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2019/11/overlay-2-images-overlay@x2.png" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/overlay-based-on-two-images/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Tabbed Recommendation Widget</h2><div class="template-popup-example desktop-overlay desktop-overlay-23 overlayindex-23 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2019/11/tabbed-recs-widget-overlay.gif|https://www.dynamicyield.com/wp-content/uploads/2019/11/tabbed-recs-widget-overlay@x2.gif" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/tabbed-recommendation-widget/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Download App – Full Screen</h2><div class="template-popup-example desktop-overlay desktop-overlay-24 overlayindex-24 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2019/11/download-app-fullscreen-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2019/11/download-app-fullscreen-overlay@x2.png" class="popup-example b-lazy" width="278" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/download-app-full-screen/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Coupon Banner</h2><div class="template-popup-example desktop-overlay desktop-overlay-25 overlayindex-25 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2019/11/mobile-coupon-banner-overlay.png|https://www.dynamicyield.com/wp-content/uploads/2019/11/mobile-coupon-banner-overlay@x2.png" class="popup-example b-lazy" width="277" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/coupon-banner/">More details</a></div></div><div class="template-popup-slick-item has-noicons"><h2 class="template-overlay-title noicons">Products Reveal Banner</h2><div class="template-popup-example desktop-overlay desktop-overlay-26 overlayindex-26 show"> <img src="/wp-content/uploads/2018/01/overlay-bg_loader.gif" data-src="https://www.dynamicyield.com/wp-content/uploads/2018/07/products-reveal-banner.gif|https://www.dynamicyield.com/wp-content/uploads/2018/07/products-reveal-banner@x2.gif" class="popup-example b-lazy" width="867" height="546" style="height:auto;"></div><div class="popup-more-details"> <a href="https://www.dynamicyield.com/template/products-reveal-banner/">More details</a></div></div></div></div></div></div></div></div></div> <script>$ = jQuery.noConflict();
modalIndex = 0;
$(window).load(function(){
var imagesToLoad = $("#templates-modal .b-lazy:not(.b-loaded)");
var slickBlazy = new Blazy({'loadInvisible': 'true'});
slickBlazy.load(imagesToLoad);
$("#templates-modal .b-lazy").each(function(){
var $this = $(this);
var pic_old_width = $this.attr('width');
var pic_old_height = $this.attr('height');
$this.css({width: pic_old_width});
});
});
$('.template-grid-preview-icon-wrapper').click(function(){
modalIndex = $(this).data('slideindex');
});
$(function () {
$('.template-popup-slick-wrapper').slick({
swipeToSlide: false
});
$('.template-popup-slick-wrapper').css('opacity', 0);
$('#templates-modal').on('shown.bs.modal', function () {
var imagesToLoad = $("#templates-modal .b-lazy:not(.b-loaded)");
var slickBlazy = new Blazy({'loadInvisible': 'true'});
slickBlazy.load(imagesToLoad);
$("#templates-modal .b-lazy:not(.b-loaded)").each(function(){
var $this = $(this);
var pic_old_width = $this.attr('width');
var pic_old_height = $this.attr('height');
$this.css({width: pic_old_width});
});
setTimeout(function(){$('.b-error').each(function(){
thisDataSrc = $(this).data('src');
thisDataSrc = thisDataSrc.split('|');
$(this).attr('src',thisDataSrc[0]);
$(this).removeClass('b-error').removeClass('b-lazy');
})}, 1500);
$('.template-popup-slick-wrapper').slick('slickGoTo', modalIndex, true);
setTimeout(function() {
$('.template-popup-slick-wrapper').css('opacity', 1);
}, 500);
});
// $('#templates-modal').on('hidden.bs.modal', function (e) {
// $('.template-popup-slick-wrapper').slick('unslick');
// });
});
$('.template-popup-slick-wrapper').on('beforeChange', function(event, slick, currentSlide, nextSlide){
$('.template-popup-slick-item .popup-example').each(function(){
gifSRC = $(this).attr('src');
$('.b-lazy', this).attr('src', '');
$('.b-lazy', this).attr('src', gifSRC);
});
$('.b-error').each(function(){
thisDataSrc = $(this).data('src');
thisDataSrc = thisDataSrc.split('|');
$(this).attr('src',thisDataSrc[0]);
$(this).removeClass('b-error').removeClass('b-lazy');
});
});
var $carousel = $('.template-popup-slick-wrapper');
$(document).on('keydown', function(e) {
if(e.keyCode == 37) {
$carousel.slick('slickPrev');
}
if(e.keyCode == 39) {
$carousel.slick('slickNext');
}
});</script> <script>function overlayDeviceToggle() {
$('.device-icon a').click(function (e) {
e.preventDefault();
overlayIndex = $(this).data('overlayindex');
deviceClick = $(this).data('href');
$('.' + overlayIndex).each(function () {
if ($(this).hasClass(deviceClick)) {
$(this).removeClass('hide');
} else {
$(this).addClass('hide');
}
});
$('.device-icon a').each(function () {
$(this).removeClass('active');
});
$(this).addClass('active');
var imagesToLoad = $(".has-icons .b-lazy:not(.b-loaded)");
var slickBlazy = new Blazy();
slickBlazy.load(imagesToLoad);
});
}
overlayDeviceToggle();</script> <script src="https://fast.wistia.com/embed/medias/yia0v871dt.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script> <script>if(typeof(jQuery) !== 'undefined') {
$ = jQuery.noConflict();
}
function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : sParameterName[1];
}
}
}
$(window).load(function(){
var videoID = getUrlParameter('video');
if(videoID !== undefined){
if($('#wistia-' + videoID + '-1').length){
var videoName = $('#wistia-' + videoID + '-1').parents('.tab-pane');
videoName = videoName[0].id
}
if($('a[href="#' + videoName +'"]').length){
$('a[href="#' + videoName +'"]').each(function(){
$(this).click();
});
}
addScript('https://fast.wistia.com/embed/medias/'+ videoID +'.jsonp');
addScript('https://fast.wistia.com/assets/external/E-v1.js');
$('body').append('<span class="wistia_embed wistia_async_'+videoID+' popover=true popoverContent=link dy-wistia-popup" style="display:inline"></span>');
window._wq = window._wq || [];
_wq.push({ id: videoID, onReady: function(video) {
var video = Wistia.api(videoID);
video.popover.show(); // open the popover
video.play(); // play the video
setTimeout(function(){video.unmute();}, 500);
}});
}
});</script> <style>#adBanner {
background-color: transparent;
height: 0;
width: 1px;
}</style><div id="wrapfabtest"><div id="adBanner"></div></div></body></html>
<!-- Dynamic page generated in 2.109 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2026-02-27 07:01:28 -->
<!-- super cache -->