{"product_id":"dotdigital-personalization-services-ann-summers-custom-data-capture-with-banner-and-coupon-code-11545253842","title":"Dotdigital Personalization Services - Ann Summers - Custom Data Capture with Banner and Coupon Code - 11545253842","description":"\u003cdiv style=\"overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv style=\"padding: 20px; border: 1px solid #cdcdcd;\" class=\"grid__item\"\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv style=\"padding: 20px;\" class=\"grid__item\"\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cspan style=\"color: #80c342; font-size: 18px;\"\u003eProject outline\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"padding: 2px 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul\u003e\n\u003cli class=\"grid__item\"\u003e\n\u003cstrong\u003eQuote ID:\u003c\/strong\u003e 11545253842\u003c\/li\u003e\n\u003cli class=\"grid__item\"\u003e\n\u003cstrong\u003eCustomer:\u003c\/strong\u003e Ann Summers\u003c\/li\u003e\n\u003cli class=\"grid__item\"\u003e\n\u003cstrong\u003eProject Name: \u003c\/strong\u003eCustom Data Capture with Banner and Coupon Code\u003c\/li\u003e\n\u003cli class=\"grid__item\"\u003e\n\u003cstrong\u003eCost:\u003c\/strong\u003e 30 Credits\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"padding: 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv style=\"padding: 20px; border: 1px solid #cdcdcd;\" class=\"grid__item\"\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv style=\"padding: 20px;\" class=\"grid__item\"\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cspan style=\"color: #80c342; font-size: 18px;\"\u003eProject detail\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"padding: 2px 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eOverview\u003c\/h3\u003e\n\u003cp\u003eThe Personalization Services team will build a custom subscription and coupon experience using three connected personalization elements:\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eBanner Block\u003c\/strong\u003e - Controls the visitor-facing messaging and display states.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoupon Block\u003c\/strong\u003e - Retrieves and stores the visitor's unique coupon code, ensuring the same code is shown on subsequent visits.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eData Capture Block\u003c\/strong\u003e - Handles email capture and subscription submission.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eTogether, these elements will deliver a seamless subscription journey while ensuring visitors receive a consistent coupon code experience across sessions.\u003c\/p\u003e\n\u003ch3\u003eFunctional Requirements\u003c\/h3\u003e\n\u003ch4\u003eBanner Block\u003c\/h4\u003e\n\u003cp\u003eA persistent banner will be displayed at the top of the page and will have two states:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePre-subscription\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDisplays promotional messaging encouraging the visitor to subscribe.\u003c\/li\u003e\n\u003cli\u003eClicking the banner opens the subscription pop-up.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePost-subscription\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDisplays a thank-you message.\u003c\/li\u003e\n\u003cli\u003eDisplays the visitor's unique discount code.\u003c\/li\u003e\n\u003cli\u003eIncludes click-to-copy functionality for the coupon code.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThe banner state will be determined by the visitor's subscription status stored in browser storage.\u003c\/p\u003e\n\u003ch4\u003eData Capture Block\u003c\/h4\u003e\n\u003cp\u003eThe data capture block will be displayed as a pop-up modal.\u003c\/p\u003e\n\u003ch4\u003eTriggers\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eUser clicks the persistent banner.\u003c\/li\u003e\n\u003cli\u003eExit-intent trigger when the visitor moves their cursor towards the top of the browser window.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eBehaviour\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePrompts the visitor to enter their email address and subscribe.\u003c\/li\u003e\n\u003cli\u003eOn successful submission:\n\u003cul\u003e\n\u003cli\u003eStores the subscription status in browser storage.\u003c\/li\u003e\n\u003cli\u003eTriggers coupon retrieval through the coupon block.\u003c\/li\u003e\n\u003cli\u003eDisplays the coupon code to the visitor.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThe pop-up will not be shown again once a visitor has successfully subscribed on that browser.\u003c\/p\u003e\n\u003ch4\u003eCoupon Block\u003c\/h4\u003e\n\u003cp\u003eThe coupon block will manage retrieval and persistence of the discount code.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBehaviour\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFetches a unique coupon code following a successful subscription.\u003cbr\u003eStores the coupon code in browser storage.\u003c\/li\u003e\n\u003cli\u003eReturns the stored coupon code on future visits to ensure the same code is always displayed.\u003c\/li\u003e\n\u003cli\u003eProvides the coupon code to both the data capture block and the banner block.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThis approach prevents new codes from being generated for returning visitors and guarantees a consistent experience.\u003c\/p\u003e\n\u003ch3\u003eVisitor Journey\u003c\/h3\u003e\n\u003ch4\u003eFirst Visit\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003eVisitor lands on the page.\u003c\/li\u003e\n\u003cli\u003eBanner displays subscription messaging.\u003c\/li\u003e\n\u003cli\u003eVisitor clicks the banner or triggers exit intent.\u003c\/li\u003e\n\u003cli\u003eData capture pop-up appears.\u003c\/li\u003e\n\u003cli\u003eVisitor enters their email address and subscribes.\u003c\/li\u003e\n\u003cli\u003eCoupon block retrieves a unique discount code.\u003c\/li\u003e\n\u003cli\u003eDiscount code is displayed to the visitor.\u003c\/li\u003e\n\u003cli\u003eSubscription status and coupon code are stored in browser storage.\u003c\/li\u003e\n\u003cli\u003eBanner updates to display a thank-you message and the coupon code.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch4\u003eReturning Visits\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003eBrowser storage indicates that the visitor has already subscribed.\u003c\/li\u003e\n\u003cli\u003eCoupon block returns the previously stored coupon code.\u003c\/li\u003e\n\u003cli\u003eBanner immediately displays the thank-you message and stored discount code.\u003c\/li\u003e\n\u003cli\u003eThe subscription pop-up is suppressed and does not appear again.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch3\u003eDeliverables\u003c\/h3\u003e\n\u003ch4\u003e1 × Banner Block\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003ePersistent banner\u003c\/li\u003e\n\u003cli\u003eDynamic pre- and post-subscription states\u003c\/li\u003e\n\u003cli\u003eClick-to-copy coupon functionality\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e1 × Coupon Block\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eUnique coupon retrieval\u003c\/li\u003e\n\u003cli\u003eCoupon persistence and retrieval\u003c\/li\u003e\n\u003cli\u003eConsistent code display across visits\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e1 × Data Capture Block\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eEmail capture form\u003c\/li\u003e\n\u003cli\u003eClick and exit-intent triggers\u003c\/li\u003e\n\u003cli\u003eSubscription handling and integration with coupon retrieval logic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eThings to note\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAnything in addition to or outside of the above will require a rescope and may incur additional costs\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"padding: 20px; margin: 10px 0px 10px 0px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353; background-color: #f6f6f6; border: 1px solid #cdcdcd;\"\u003e\n\u003cdiv style=\"padding: 20px;\" class=\"grid__item\"\u003e\n\u003cdiv style=\"padding: 20px;\" class=\"grid__item\"\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cspan style=\"color: #80c342; font-size: 18px;\"\u003eCost and additional information\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"padding: 2px 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul style=\"padding: 0; margin: 0 20px;\"\u003e\n\u003cli\u003eQuote ref: 11545253842\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eNumber of credits: 30\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstrong\u003eProfessional Services Terms\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThe work described hereunder must be redeemed within 12 months from purchase, on a date and time to be agreed with dotdigital. Unless due to the availability of Engagement Cloud, any failure to instruct dotdigital to commence or agree the work described (in whole or in part) will result in forfeiture of the entirety of the fee and no credits or refunds, pro rata or otherwise, will be provided. In addition to the dotdigital Terms, this product is also subject to the terms found at: \u003cspan style=\"color: #00aaff;\"\u003e\u003ca title=\"PS Terms\" href=\"https:\/\/dotdigital.com\/terms\/ps-terms\/\" style=\"color: #00aaff;\" target=\"_blank\"\u003ehttps:\/\/dotdigital.com\/terms\/ps-terms\/\u003c\/a\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Service Station","offers":[{"title":"Default Title","offer_id":57626997686654,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/1209\/0560\/files\/SS_30.png?v=1710318494","url":"https:\/\/servicestation.dotdigital.com\/products\/dotdigital-personalization-services-ann-summers-custom-data-capture-with-banner-and-coupon-code-11545253842","provider":"Service Station","version":"1.0","type":"link"}