COVID-19 Friends and Family

Friends and family banners inform your customers that they can ship gifts to their friends and family by simply filling out the necessary information in the checkout process.

985 985

Importing the package

In order to import the package, copy the following JSON code into a text file and import it following the guide in the Initiatives article.

{"files":[],"initiative":{"archived":false,"cloned_from_id":null,"color":"rgb(255, 162, 0)","description":"","name":"COVID-19 Friends and family","pinned":false,"prevent_archivation":false},"items":[{"data":{"ab_testing_options":{"type":"manual"},"archived":false,"cloned_from_id":"5e79d8da6815dccfcf63dd95","consent_category":null,"control_group":{"script":"var self = this;\nself.sdk.track('banner', getEventProperties('show', false));\n\nfunction getEventProperties(action, interactive) {\n    return {\n      action: action,\n      banner_id: self.data.banner_id,\n      banner_name: self.data.banner_name,\n      banner_type: self.data.banner_type,\n      variant_id: self.data.variant_id,\n      variant_name: self.data.variant_name,\n      interaction: interactive !== false ? true : false,\n      location: window.location.href,\n      path: window.location.pathname \n    };\n}","sdk_object_name":"exponea"},"conversion_goal":{"type":"purchase"},"customer_filter":null,"date_filter":{"enabled":false,"from_date":null,"to_date":null},"description":null,"device_target":{"type":"any"},"enabled":false,"frequency":"always","general_consent":true,"is_global_object":false,"last_variant_id":2,"name":"Shipping to your friends + family","prevent_archivation":false,"show_description_in_view":false,"site_url":"","status":"draft","tags":[],"trigger":{"exclude_pages":[],"include_pages":[{"type":"any"}]},"variants":[{"enabled":true,"group":"","html":"<a class=\"exponea-banner exponea-leaderboard\" href=\"[[ 10BannerLink ]]\">\n  <span class=\"exponea-text\"><span class=\"exponea-text-before\"></span>[[exponeaText]]<span class=\"exponea-text-after\"></span></span>\n  <span class=\"exponea-close\"><span class=\"exponea-close-cross\"></span></span>\n</a>","id":0,"name":"Variant A","parametrized_parts":{"html":"<a class=\"exponea-banner exponea-leaderboard\" href=\"https://ecommerce.exponea.com\">\n  <span class=\"exponea-text\"><span class=\"exponea-text-before\"></span>Getting something for a friend? Use their address at checkout and we’ll ship your gift to them :) <span class=\"exponea-text-after\"></span></span>\n  <span class=\"exponea-close\"><span class=\"exponea-close-cross\"></span></span>\n</a>","script":"// console.log('banner called');\n\nvar self = this;\nvar showDelay = parseInt('0' || '0', 10);\nwindow.exp_cartChangeIntervals = [];\n\nsetTimeout(function() {\n    self.sdk.track('banner', getEventProperties('show', false));\n    requestAnimationFrame(function () {\n        document.body.insertAdjacentHTML('afterbegin', self.html);\n        var banner = self.banner = document.querySelector('.exponea-leaderboard');\n        banner.insertAdjacentHTML('afterbegin', '<style>' + self.style + '</style>');\n        var btnClose = banner.querySelector('.exponea-close');\n        self.sdk.trackLink(banner, 'banner', getEventProperties('click'));\n        btnClose.onclick = function (e) {\n            removeBanner();\n            self.sdk.track('banner', getEventProperties('close'));\n            e.preventDefault();\n            if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; }\n            return false;\n        }\n\t\t});\n});\nfunction getEventProperties(action, interactive) {\n    return { action: action, banner_id: self.data.banner_id, banner_name: self.data.banner_name, banner_type: self.data.banner_type, variant_id: self.data.variant_id, variant_name: self.data.variant_name, interaction: interactive !== false ? true : false, location: window.location.href, path: window.location.pathname };\n}\n\nfunction removeBanner() {\n    if (self.banner) {\n        self.banner.parentNode.removeChild(self.banner);\n    }\n}\n\n\nreturn {\n    remove: removeBanner\n};","sdk_object_name":"exponea","style":"{%- set fontSource = 'https://fonts.googleapis.com/css?family=Lato' %}\n@import url('{{ fontSource }}');\n  \n.exponea-leaderboard {\n display: block;\nwidth: 100%;\nz-index: 9999999;\nbackground: #87CEEB;\nfont-family: 'Lato','PT Sans', Arial, Helvetica, sans-serif;\nfont-size: 24px;\nline-height: normal;\ntext-decoration: inherit;\ntext-align: center;\ncursor: pointer;\ntransition: background 0.3s;\n\n}\n\n.exponea-leaderboard, .exponea-leaderboard * {\n box-sizing: content-box;\n\n}\n\n.exponea-leaderboard:hover, .exponea-leaderboard:active {\n text-decoration: inherit;\n\n}\n\n.exponea-leaderboard span {\n display: inline-block;\n\n}\n\n.exponea-leaderboard .exponea-text {\n font-size: 24px;\nfont-weight: 500;\ncolor: #000000;\nmargin: 2px 24px;\nfont-size: 18px;\npadding: 8px 0;\n\n}\n\n.exponea-leaderboard .exponea-text strong {\n color: #ffcd00;\n\n}\n\n.exponea-leaderboard .exponea-close {\n padding: 15px;\nposition: absolute;\ntop: 0px;\nright: 0px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross {\n position: absolute;\ndisplay: inline-block;\nwidth: 14px;\nheight: 14px;\noverflow: hidden;\ntop: 8px;\nright: 8px;\n\n}\n\n.exponea-leaderboard .exponea-close:hover {\n cursor: pointer;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before, .exponea-leaderboard .exponea-close .exponea-close-cross:after {\n content: '';\nposition: absolute;\nheight: 2px;\nwidth: 100%;\ntop: 50%;\nleft: 0;\nmargin-top: -1px;\nbackground: #ffffff;\nheight: 1px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before {\n -webkit-transform: rotate(45deg);\ntransform: rotate(45deg);\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:after {\n -webkit-transform: rotate(45deg);\ntransform: rotate(-45deg);\n\n}\n\n@media (max-width: 660px) {\n .exponea-leaderboard {\n text-align: center;\n\n}\n\n \n}"},"params":{"10BannerLink":"https://ecommerce.exponea.com","11BodyTextColor":"#000000","12CloseButtonColor":"#ffffff","13DelayToShowBannerInMilliseconds":"0","1CartValueLimitInDefaultCurrency":"139","2CartValueDefaultCurrencyCode":"","3CartValueDefaultCurrencySymbol":"€","4TextInFrontOfLimitIfBelowLimit":"ORDER FOR","5TextAfterLimitIfBelowLimit":"&nbsp;MORE AND GET FREE DELIVERY","6TextInFrontOfLimitIfLimitHit":"FREE DELIVERY ON ORDERS OVER ","7TextAfterLimitIfLimitHit":"","8BackgroundColor":"#87CEEB","8BackgroundColorIfBelowLimit":"#000000","8backgroundColorIfBelowLimit":"#ffffff","9BackgroundColorIfLimitHit":"#000000","backgroundColor":"#b40000","backgroundColorAboveLimit":"#e0c5c5","backgroundColorBelowLimit":"#b40000","backgroundColorIfBelowLimit":"#b40000","backgroundColorIfLimitHit":"#e0c5c5","bannerLink":"https://finlaysonshop.com/collections/all?search_limit=12&search_offset=0&search_slot=collections%2Fall&search_sort%5B0%5D%5Bfield%5D=price&search_sort%5B0%5D%5Border%5D=asc","bannerShowDelayInMilliseconds":"2500","bodyText":"You are just [[ calc ]] from free shipping! ","bodyTextColor":"#ffffff","buttonBackgroundColor":"#f52323","buttonText":"","buttonTextColor":"#ffffff","calc":"{{ 95 - aggregates['5a2a65c5fb6009040f8365e7'] }}","cartValueDefaultCurrencyCode":"EUR","cartValueDefaultCurrencySymbol":"€","cartValueLimit":"100","cartValueLimitInDefaultCurrency":"100","closeButtonColor":"#ffffff","defaultCurrency":"€","defaultCurrencyCode":"EUR","defaultCurrencySymbol":"€","exponeaText":"Getting something for a friend? Use their address at checkout and we’ll ship your gift to them :) ","headerText":"MyNews.com","headerTextColor":"#1c1733","textAfterAboveLimit":" :N OSTOKSIIN ","textAfterBelowLimit":"&nbsp;EDESTÄ NIIN SAAT ILMAISEN TOIMITUKSEN","textAfterLimitIfBelowLimit":"&nbsp;EDESTÄ NIIN SAAT ILMAISEN TOIMITUKSEN","textAfterLimitIfLimitHit":" :N OSTOKSIIN ","textAftereBelowLimit":" € EDESTÄ NIIN SAAT ILMAISEN TOIMITUKSEN","textBeforeAboveLimit":"ILMAINEN TOIMITUS YLI ","textBeforeBelowLimit":"TILAA VIELÄ ","textInFrontOfLimitIfBelowLimit":"TILAA VIELÄ ","textInFrontOfLimitIfLimitHit":"ILMAINEN TOIMITUS YLI "},"percentage":50,"script":"// console.log('banner called');\n\nvar self = this;\nvar showDelay = parseInt('[[ 13DelayToShowBannerInMilliseconds ]]' || '0', 10);\nwindow.exp_cartChangeIntervals = [];\n\nsetTimeout(function() {\n    self.sdk.track('banner', getEventProperties('show', false));\n    requestAnimationFrame(function () {\n        document.body.insertAdjacentHTML('afterbegin', self.html);\n        var banner = self.banner = document.querySelector('.exponea-leaderboard');\n        banner.insertAdjacentHTML('afterbegin', '<style>' + self.style + '</style>');\n        var btnClose = banner.querySelector('.exponea-close');\n        self.sdk.trackLink(banner, 'banner', getEventProperties('click'));\n        btnClose.onclick = function (e) {\n            removeBanner();\n            self.sdk.track('banner', getEventProperties('close'));\n            e.preventDefault();\n            if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; }\n            return false;\n        }\n\t\t});\n});\nfunction getEventProperties(action, interactive) {\n    return { action: action, banner_id: self.data.banner_id, banner_name: self.data.banner_name, banner_type: self.data.banner_type, variant_id: self.data.variant_id, variant_name: self.data.variant_name, interaction: interactive !== false ? true : false, location: window.location.href, path: window.location.pathname };\n}\n\nfunction removeBanner() {\n    if (self.banner) {\n        self.banner.parentNode.removeChild(self.banner);\n    }\n}\n\n\nreturn {\n    remove: removeBanner\n};","source_mode":true,"style":"{%- set fontSource = 'https://fonts.googleapis.com/css?family=Lato' %}\n@import url('{{ fontSource }}');\n  \n.exponea-leaderboard {\n display: block;\nwidth: 100%;\nz-index: 9999999;\nbackground: [[ 8BackgroundColor ]];\nfont-family: 'Lato','PT Sans', Arial, Helvetica, sans-serif;\nfont-size: 24px;\nline-height: normal;\ntext-decoration: inherit;\ntext-align: center;\ncursor: pointer;\ntransition: background 0.3s;\n\n}\n\n.exponea-leaderboard, .exponea-leaderboard * {\n box-sizing: content-box;\n\n}\n\n.exponea-leaderboard:hover, .exponea-leaderboard:active {\n text-decoration: inherit;\n\n}\n\n.exponea-leaderboard span {\n display: inline-block;\n\n}\n\n.exponea-leaderboard .exponea-text {\n font-size: 24px;\nfont-weight: 500;\ncolor: [[ 11BodyTextColor ]];\nmargin: 2px 24px;\nfont-size: 18px;\npadding: 8px 0;\n\n}\n\n.exponea-leaderboard .exponea-text strong {\n color: #ffcd00;\n\n}\n\n.exponea-leaderboard .exponea-close {\n padding: 15px;\nposition: absolute;\ntop: 0px;\nright: 0px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross {\n position: absolute;\ndisplay: inline-block;\nwidth: 14px;\nheight: 14px;\noverflow: hidden;\ntop: 8px;\nright: 8px;\n\n}\n\n.exponea-leaderboard .exponea-close:hover {\n cursor: pointer;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before, .exponea-leaderboard .exponea-close .exponea-close-cross:after {\n content: '';\nposition: absolute;\nheight: 2px;\nwidth: 100%;\ntop: 50%;\nleft: 0;\nmargin-top: -1px;\nbackground: [[ 12CloseButtonColor ]];\nheight: 1px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before {\n -webkit-transform: rotate(45deg);\ntransform: rotate(45deg);\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:after {\n -webkit-transform: rotate(45deg);\ntransform: rotate(-45deg);\n\n}\n\n@media (max-width: 660px) {\n .exponea-leaderboard {\n text-align: center;\n\n}\n\n \n}","template_id":null,"type":"medium_rectangle"},{"enabled":true,"group":"","html":"<a class=\"exponea-banner exponea-leaderboard\" href=\"[[ 10BannerLink ]]\">\n  <span class=\"exponea-text\"><span class=\"exponea-text-before\"></span>[[exponeaText]]<span class=\"exponea-text-after\"></span></span>\n  <span class=\"exponea-close\"><span class=\"exponea-close-cross\"></span></span>\n</a>","id":2,"name":"Variant B","parametrized_parts":{"html":"<a class=\"exponea-banner exponea-leaderboard\" href=\"https://ecommerce.exponea.com\">\n  <span class=\"exponea-text\"><span class=\"exponea-text-before\"></span>Did you know you can ship any of our products to your friends or family? Just use their address at checkout!<span class=\"exponea-text-after\"></span></span>\n  <span class=\"exponea-close\"><span class=\"exponea-close-cross\"></span></span>\n</a>","script":"// console.log('banner called');\n\nvar self = this;\nvar showDelay = parseInt('0' || '0', 10);\nwindow.exp_cartChangeIntervals = [];\n\nsetTimeout(function() {\n    self.sdk.track('banner', getEventProperties('show', false));\n    requestAnimationFrame(function () {\n        document.body.insertAdjacentHTML('afterbegin', self.html);\n        var banner = self.banner = document.querySelector('.exponea-leaderboard');\n        banner.insertAdjacentHTML('afterbegin', '<style>' + self.style + '</style>');\n        var btnClose = banner.querySelector('.exponea-close');\n        self.sdk.trackLink(banner, 'banner', getEventProperties('click'));\n        btnClose.onclick = function (e) {\n            removeBanner();\n            self.sdk.track('banner', getEventProperties('close'));\n            e.preventDefault();\n            if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; }\n            return false;\n        }\n\t\t});\n});\nfunction getEventProperties(action, interactive) {\n    return { action: action, banner_id: self.data.banner_id, banner_name: self.data.banner_name, banner_type: self.data.banner_type, variant_id: self.data.variant_id, variant_name: self.data.variant_name, interaction: interactive !== false ? true : false, location: window.location.href, path: window.location.pathname };\n}\n\nfunction removeBanner() {\n    if (self.banner) {\n        self.banner.parentNode.removeChild(self.banner);\n    }\n}\n\n\nreturn {\n    remove: removeBanner\n};","sdk_object_name":"exponea","style":"{%- set fontSource = 'https://fonts.googleapis.com/css?family=Lato' %}\n@import url('{{ fontSource }}');\n  \n.exponea-leaderboard {\n display: block;\nwidth: 100%;\nz-index: 9999999;\nbackground: #87CEEB;\nfont-family: 'Lato','PT Sans', Arial, Helvetica, sans-serif;\nfont-size: 24px;\nline-height: normal;\ntext-decoration: inherit;\ntext-align: center;\ncursor: pointer;\ntransition: background 0.3s;\n\n}\n\n.exponea-leaderboard, .exponea-leaderboard * {\n box-sizing: content-box;\n\n}\n\n.exponea-leaderboard:hover, .exponea-leaderboard:active {\n text-decoration: inherit;\n\n}\n\n.exponea-leaderboard span {\n display: inline-block;\n\n}\n\n.exponea-leaderboard .exponea-text {\n font-size: 24px;\nfont-weight: 500;\ncolor: #000000;\nmargin: 2px 24px;\nfont-size: 18px;\npadding: 8px 0;\n\n}\n\n.exponea-leaderboard .exponea-text strong {\n color: #ffcd00;\n\n}\n\n.exponea-leaderboard .exponea-close {\n padding: 15px;\nposition: absolute;\ntop: 0px;\nright: 0px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross {\n position: absolute;\ndisplay: inline-block;\nwidth: 14px;\nheight: 14px;\noverflow: hidden;\ntop: 8px;\nright: 8px;\n\n}\n\n.exponea-leaderboard .exponea-close:hover {\n cursor: pointer;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before, .exponea-leaderboard .exponea-close .exponea-close-cross:after {\n content: '';\nposition: absolute;\nheight: 2px;\nwidth: 100%;\ntop: 50%;\nleft: 0;\nmargin-top: -1px;\nbackground: #ffffff;\nheight: 1px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before {\n -webkit-transform: rotate(45deg);\ntransform: rotate(45deg);\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:after {\n -webkit-transform: rotate(45deg);\ntransform: rotate(-45deg);\n\n}\n\n@media (max-width: 660px) {\n .exponea-leaderboard {\n text-align: center;\n\n}\n\n \n}"},"params":{"10BannerLink":"https://ecommerce.exponea.com","11BodyTextColor":"#000000","12CloseButtonColor":"#ffffff","13DelayToShowBannerInMilliseconds":"0","1CartValueLimitInDefaultCurrency":"139","2CartValueDefaultCurrencyCode":"","3CartValueDefaultCurrencySymbol":"€","4TextInFrontOfLimitIfBelowLimit":"ORDER FOR","5TextAfterLimitIfBelowLimit":"&nbsp;MORE AND GET FREE DELIVERY","6TextInFrontOfLimitIfLimitHit":"FREE DELIVERY ON ORDERS OVER ","7TextAfterLimitIfLimitHit":"","8BackgroundColor":"#87CEEB","8BackgroundColorIfBelowLimit":"#000000","8backgroundColorIfBelowLimit":"#ffffff","9BackgroundColorIfLimitHit":"#000000","backgroundColor":"#b40000","backgroundColorAboveLimit":"#e0c5c5","backgroundColorBelowLimit":"#b40000","backgroundColorIfBelowLimit":"#b40000","backgroundColorIfLimitHit":"#e0c5c5","bannerLink":"https://finlaysonshop.com/collections/all?search_limit=12&search_offset=0&search_slot=collections%2Fall&search_sort%5B0%5D%5Bfield%5D=price&search_sort%5B0%5D%5Border%5D=asc","bannerShowDelayInMilliseconds":"2500","bodyText":"You are just [[ calc ]] from free shipping! ","bodyTextColor":"#ffffff","buttonBackgroundColor":"#f52323","buttonText":"","buttonTextColor":"#ffffff","calc":"{{ 95 - aggregates['5a2a65c5fb6009040f8365e7'] }}","cartValueDefaultCurrencyCode":"EUR","cartValueDefaultCurrencySymbol":"€","cartValueLimit":"100","cartValueLimitInDefaultCurrency":"100","closeButtonColor":"#ffffff","defaultCurrency":"€","defaultCurrencyCode":"EUR","defaultCurrencySymbol":"€","exponeaText":"Did you know you can ship any of our products to your friends or family? Just use their address at checkout!","headerText":"MyNews.com","headerTextColor":"#1c1733","textAfterAboveLimit":" :N OSTOKSIIN ","textAfterBelowLimit":"&nbsp;EDESTÄ NIIN SAAT ILMAISEN TOIMITUKSEN","textAfterLimitIfBelowLimit":"&nbsp;EDESTÄ NIIN SAAT ILMAISEN TOIMITUKSEN","textAfterLimitIfLimitHit":" :N OSTOKSIIN ","textAftereBelowLimit":" € EDESTÄ NIIN SAAT ILMAISEN TOIMITUKSEN","textBeforeAboveLimit":"ILMAINEN TOIMITUS YLI ","textBeforeBelowLimit":"TILAA VIELÄ ","textInFrontOfLimitIfBelowLimit":"TILAA VIELÄ ","textInFrontOfLimitIfLimitHit":"ILMAINEN TOIMITUS YLI "},"percentage":50,"script":"// console.log('banner called');\n\nvar self = this;\nvar showDelay = parseInt('[[ 13DelayToShowBannerInMilliseconds ]]' || '0', 10);\nwindow.exp_cartChangeIntervals = [];\n\nsetTimeout(function() {\n    self.sdk.track('banner', getEventProperties('show', false));\n    requestAnimationFrame(function () {\n        document.body.insertAdjacentHTML('afterbegin', self.html);\n        var banner = self.banner = document.querySelector('.exponea-leaderboard');\n        banner.insertAdjacentHTML('afterbegin', '<style>' + self.style + '</style>');\n        var btnClose = banner.querySelector('.exponea-close');\n        self.sdk.trackLink(banner, 'banner', getEventProperties('click'));\n        btnClose.onclick = function (e) {\n            removeBanner();\n            self.sdk.track('banner', getEventProperties('close'));\n            e.preventDefault();\n            if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; }\n            return false;\n        }\n\t\t});\n});\nfunction getEventProperties(action, interactive) {\n    return { action: action, banner_id: self.data.banner_id, banner_name: self.data.banner_name, banner_type: self.data.banner_type, variant_id: self.data.variant_id, variant_name: self.data.variant_name, interaction: interactive !== false ? true : false, location: window.location.href, path: window.location.pathname };\n}\n\nfunction removeBanner() {\n    if (self.banner) {\n        self.banner.parentNode.removeChild(self.banner);\n    }\n}\n\n\nreturn {\n    remove: removeBanner\n};","source_mode":true,"style":"{%- set fontSource = 'https://fonts.googleapis.com/css?family=Lato' %}\n@import url('{{ fontSource }}');\n  \n.exponea-leaderboard {\n display: block;\nwidth: 100%;\nz-index: 9999999;\nbackground: [[ 8BackgroundColor ]];\nfont-family: 'Lato','PT Sans', Arial, Helvetica, sans-serif;\nfont-size: 24px;\nline-height: normal;\ntext-decoration: inherit;\ntext-align: center;\ncursor: pointer;\ntransition: background 0.3s;\n\n}\n\n.exponea-leaderboard, .exponea-leaderboard * {\n box-sizing: content-box;\n\n}\n\n.exponea-leaderboard:hover, .exponea-leaderboard:active {\n text-decoration: inherit;\n\n}\n\n.exponea-leaderboard span {\n display: inline-block;\n\n}\n\n.exponea-leaderboard .exponea-text {\n font-size: 24px;\nfont-weight: 500;\ncolor: [[ 11BodyTextColor ]];\nmargin: 2px 24px;\nfont-size: 18px;\npadding: 8px 0;\n\n}\n\n.exponea-leaderboard .exponea-text strong {\n color: #ffcd00;\n\n}\n\n.exponea-leaderboard .exponea-close {\n padding: 15px;\nposition: absolute;\ntop: 0px;\nright: 0px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross {\n position: absolute;\ndisplay: inline-block;\nwidth: 14px;\nheight: 14px;\noverflow: hidden;\ntop: 8px;\nright: 8px;\n\n}\n\n.exponea-leaderboard .exponea-close:hover {\n cursor: pointer;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before, .exponea-leaderboard .exponea-close .exponea-close-cross:after {\n content: '';\nposition: absolute;\nheight: 2px;\nwidth: 100%;\ntop: 50%;\nleft: 0;\nmargin-top: -1px;\nbackground: [[ 12CloseButtonColor ]];\nheight: 1px;\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:before {\n -webkit-transform: rotate(45deg);\ntransform: rotate(45deg);\n\n}\n\n.exponea-leaderboard .exponea-close .exponea-close-cross:after {\n -webkit-transform: rotate(45deg);\ntransform: rotate(-45deg);\n\n}\n\n@media (max-width: 660px) {\n .exponea-leaderboard {\n text-align: center;\n\n}\n\n \n}","template_id":null,"type":"medium_rectangle"}],"variants_enabled":true},"id":"5e84b2445b35a875cfca1c91","type":"banner"},{"data":{"archived":false,"cached_email_hash":null,"cloned_from_id":null,"communication_type":"","consent_category":null,"custom_headers":null,"customer_filter":{"filters":[],"formula":""},"description":null,"email_campaign_version":"v2","email_on_acid_test_id":null,"frequency_policy":"","general_consent":true,"is_global_object":false,"name":"Covid-19 Friends & family - Visual builder","precedence_bulk":false,"prevent_archivation":false,"recipient_email":null,"recipient_name":null,"scenario_id":null,"schedule":{"active":true,"type":"now"},"show_description_in_view":false,"split":{"type":"off","variants":[{"design":{"data":{"file_ids":[],"jinja_html":"\r\n<div style=\"background-color:[[backgroundColor | #87CEEB]];\">\r\n\t\t\t\t\t\t<div class=\"block-grid \" style=\"Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: [[backgroundColor | #87CEEB]];\">\r\n\t\t\t\t\t\t\t<div style=\"border-collapse: collapse;display: table;width: 100%;background-color:[[backgroundColor | #87CEEB]];\">\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background-color:[[backgroundColor | #87CEEB]];\"><tr><td align=\"center\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:700px\"><tr class=\"layout-full-width\" style=\"background-color: [[backgroundColor | #87CEEB]]\"><![endif]-->\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]><td align=\"center\" width=\"700\" style=\"background-color: [[backgroundColor | #87CEEB]];width:700px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\" valign=\"top\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\"><![endif]-->\r\n\t\t\t\t\t\t\t\t<div class=\"col num12\" style=\"min-width: 320px; max-width: 700px; display: table-cell; vertical-align: top; width: 700px;\">\r\n\t\t\t\t\t\t\t\t\t<div style=\"width:100% !important;\">\r\n\t\t\t\t\t\t\t\t\t\t<!--[if (!mso)&(!IE)]><!-->\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;\">\r\n\t\t\t\t\t\t\t\t\t\t\t<!--<![endif]-->\r\n\t\t\t\t\t\t\t\t\t\t\t<div style=\"padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px; text-align:center; font-family: [[fontFamily | Arial, Verdana, Tahoma, sans-serif]]; font-size: [[fontSize | 11px]];\">[[bannerText | Gift shopping for your friends? Fill out their address in checkout to get the gift delivered to them :)]]</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<!--[if (!mso)&(!IE)]><!-->\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<!--<![endif]-->\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]></td></tr></table><![endif]-->\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>","preheader":null,"provider":{"type":"no"},"reply_to":null,"sender_email":"[email protected]","sender_name":"Matej Cambal","subject":"Test","translations":{}},"type":"raw"}}]},"status":"draft","tags":[],"template_id":null,"transfer_identity":true,"transfer_identity_version":"v2","transfer_user_identity":"first_click","unsubscribe_list":"Chatbot","url_params":null,"url_params_version":"v2","utm":null},"id":"5e85e8f4c95851993099dda6","type":"email_campaign"},{"data":{"archived":false,"cached_email_hash":null,"cloned_from_id":null,"communication_type":"","consent_category":null,"custom_headers":null,"customer_filter":{"filters":[],"formula":""},"description":null,"email_campaign_version":"v2","email_on_acid_test_id":null,"frequency_policy":"","general_consent":true,"is_global_object":false,"name":"Covid-19 Friends and family - HTML Builder","precedence_bulk":false,"prevent_archivation":false,"recipient_email":null,"recipient_name":null,"scenario_id":null,"schedule":{"active":true,"type":"now"},"show_description_in_view":false,"split":{"type":"off","variants":[{"design":{"data":{"file_ids":[],"jinja_html":"<tr>\r\n<td>\r\n<table width=100%>\r\n<tr>\r\n\t<td>\r\n<div style=\"background-color:[[backgroundColor | #87CEEB]];\">\r\n\t\t\t\t\t\t<div class=\"block-grid \" style=\"Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: [[backgroundColor | #87CEEB]];\">\r\n\t\t\t\t\t\t\t<div style=\"border-collapse: collapse;display: table;width: 100%;background-color:[[backgroundColor | #87CEEB]];\">\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background-color:[[backgroundColor | #87CEEB]];\"><tr><td align=\"center\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:700px\"><tr class=\"layout-full-width\" style=\"background-color:[[backgroundColor | #87CEEB]]\"><![endif]-->\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]><td align=\"center\" width=\"700\" style=\"background-color:[[backgroundColor | #87CEEB]];width:700px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\" valign=\"top\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\"><![endif]-->\r\n\t\t\t\t\t\t\t\t<div class=\"col num12\" style=\"min-width: 320px; max-width: 700px; display: table-cell; vertical-align: top; width: 700px;\">\r\n\t\t\t\t\t\t\t\t\t<div style=\"width:100% !important;\">\r\n\t\t\t\t\t\t\t\t\t\t<!--[if (!mso)&(!IE)]><!-->\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;\">\r\n\t\t\t\t\t\t\t\t\t\t\t<!--<![endif]-->\r\n\t\t\t\t\t\t\t\t\t\t\t<div style=\"padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px; text-align:center; font-family: [[fontFamily | Arial, Verdana, Tahoma, sans-serif]]; font-size: [[fontSize | 11px]];\">[[bannerText | Gift shopping for your friends? Fill out their address in checkout to get the gift delivered to them :)]]</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<!--[if (!mso)&(!IE)]><!-->\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<!--<![endif]-->\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]></td></tr></table><![endif]-->\r\n\t\t\t\t\t\t\t\t<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t</table>\r\n\t\t\t\t\t</td>\t\r\n</tr>","preheader":null,"provider":{"type":"no"},"reply_to":null,"sender_email":"[email protected]","sender_name":"Matej Cambal","subject":"Test","translations":{}},"type":"raw"}}]},"status":"draft","tags":[],"template_id":null,"transfer_identity":true,"transfer_identity_version":"v2","transfer_user_identity":"first_click","unsubscribe_list":"Chatbot","url_params":null,"url_params_version":"v2","utm":null},"id":"5e8600eca8b05fa2a3fd04fa","type":"email_campaign"},{"data":{"archived":false,"cloned_from_id":null,"components":[{"position":{"height":{"type":"auto","value":6},"width":12,"x":0,"y":0},"text":"Weblayer","type":"text"},{"position":{"height":{"type":"auto","value":6},"width":12,"x":0,"y":13},"text":"Email banners","type":"text"},{"evaluate":false,"position":{"height":{"type":"fixed","value":7},"width":12,"x":0,"y":6},"project_id":null,"text":"<p>There is a web layer created, with a couple of parameters, mostly usable for informing customers they can ship gifts to their friends and family - simply by filling out the necessary information in the checkout process.&nbsp;<br />\n<br />\nThere are 2 Variants of the weblayer, with different copy. It can be changed by the customer to relevant language, or to a better &quot;brand fit&quot;.</p>\n","type":"html"},{"evaluate":false,"position":{"height":{"type":"auto","value":12},"width":12,"x":0,"y":19},"project_id":null,"text":"<p>There are 2 email blocks created - one for HTML builder and one for Visual builder.<br />\n<br />\nHTML builder - this needs to be inserted inbetween existing content within a table - as the banner is a new row of a table. This was the most common setup in emails of our clients. There are parameters for color, font family, size, and the copy itself.<br />\n<br />\nVisual builder - this needs to be inserted as &quot;dynamic content&quot; into a new row. It is possible that you will need to apply background color to the whole row, as the content itself will only cover a part of the usual width. There are parameters for color, font family, size, and the copy itself.&nbsp;<br />\n<br />\nBoth blocks were created as email campaigns, to allow easy cloning.<br />\n<br />\nOnce you clone them into your project, please create both as &quot;Email blocks&quot; in Asset manager - this makes sure you can use them in any campaign.&nbsp;</p>\n","type":"html"}],"filters":{"attributes":[],"date_filter":{"absolute":false,"duration":{"count":30,"units":"days"},"enabled":false,"from_date":null,"offset":null,"to_date":null},"date_filter_override":false},"is_global_object":false,"name":"README","prevent_archivation":false,"tags":[],"used_project_ids":["6f2aec76-b09c-11e6-a7f7-141877340e97"]},"id":"5e85e7720dbf83f17db58973","type":"dashboard"}],"version":"v1.164.11"}

🚧

It might not be possible to import the JSON file if your Exponea instance has not gone through the release 1.164 yet.