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.

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' %}\[email protected] 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\[email protected] (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' %}\[email protected] 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\[email protected] (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' %}\[email protected] 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\[email protected] (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' %}\[email protected] 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\[email protected] (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.

Updated 6 months ago


COVID-19 Friends and Family


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.


We rely on cookies

to optimize our communication and to enhance your customer experience. By clicking on the Accept and Close button, you agree to the collection of cookies. You can also adjust your preferences by clicking on Manage Preferences. For more information please see our Privacy policy.

Manage cookies
Accept & close

Cookies preferences

Accept & close
Back