[{"key":"exp-019-advice-hide-the-product-carousel-for-nonmembers","changeId":"23419a574aeef84010015df90a2f5f0ff7013d3cc0bfd6891ed145a67e844fbd","status":"stopped","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":"[class*='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]},{"css":"","js":"","domMutations":[{"selector":"[class^='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":".sidebar .associated-articles:nth-of-type(2)","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/(?!.*new-and-used-cars)(?:reviews\\/[^\\/]+\\/article\\/[^\\/?#]*).*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"No carousels or social"},{"key":"2","name":"V1 + No Related articles"}],"filters":[],"seed":"8ab70c3b-704b-4348-b5d5-987c9789535d","name":"EXP 019 [Advice] Hide the product carousel & other noise","phase":"0","force":2,"coverage":1},{"key":"ret-001-my-account-alternative-member-benefits-during-cancellation","changeId":"f90057e42646cdb06be5bb3f16e2b73bd427e338dc01a391becfefdfd5b5f4b5","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"function waitFor(selector) {\n return new Promise(resolve => {\n const el = document.querySelector(selector);\n if (el) return resolve(el);\n const observer = new MutationObserver(() => {\n const el = document.querySelector(selector);\n if (el) { observer.disconnect(); resolve(el)}\n });\n observer.observe(document, {childList: true, subtree: true});\n });\n}\n\n// Your code will now wait for the element matching both classes to appear\nwaitFor(\".MmaLayout_main__yJkVx .Cancel_content__lRvrx\").then((el) => {\n el.innerHTML = \"Hello World!\";\n});","domMutations":[{"selector":".MmaLayout_main__yJkVx .Cancel_content__lRvrx","action":"set","attribute":"html","value":"

Keep the knowledge that puts the you in control.

You've experienced the power in you—the confidence to buy smarter and demand better. By cancelling, you're losing access to the essential tools that keep you informed and protected:

Before you cancel

If you cancel your membership today you'll miss out on:

Knowledge is Power: Access Thousands of expert tests and reviews to know exactly what you're buying before you spend a penny.
Your Personal Edge: Get Personalised buying advice through Ask Which?—your direct line to expert insight, tailored just for you.
Ethical Control: Use our Eco Buy recommendations to confidently make choices that are better for your life and the planet.
Financial Security: The trusted Financial calculators and Specialist support that put you in control of your money and safety.

Your Which? subscription helps you make smarter decisions every day, from your next big purchase to protecting your consumer rights.

"}]},{"css":"","js":"function waitFor(selector) {\n return new Promise(resolve => {\n const el = document.querySelector(selector);\n if (el) return resolve(el);\n const observer = new MutationObserver(() => {\n const el = document.querySelector(selector);\n if (el) { observer.disconnect(); resolve(el)}\n });\n observer.observe(document, {childList: true, subtree: true});\n });\n}\n\n// Your code will now wait for the element matching both classes to appear\nwaitFor(\".MmaLayout_main__yJkVx .Cancel_content__lRvrx\").then((el) => {\n el.innerHTML = \"Hello World!\";\n});","domMutations":[{"selector":".MmaLayout_main__yJkVx .Cancel_content__lRvrx","action":"set","attribute":"html","value":"

Are you sure? You'll miss out on these product advice benefits...

If you cancel your membership today you'll miss out on:

Thousands of expert tests and reviews
Personalised buying advice through Ask Which?'s one-to-one guidance
Eco Buy recommendations, helping both you and the planet

As well as these tools...

The Which? app, giving you on-the-go buying advice
Financial calculators, like the trusted Which? mortgage calculator
Consumer rights advice
Specialist support such as for mortgages or scams

"},{"selector":".MmaLayout_main__yJkVx .Cancel_content__lRvrx","action":"set","attribute":"html","value":"

Are you sure? You'll miss out on these product advice benefits...

Thousands of expert tests and reviews
Personalised buying advice through Ask Which?'s one-to-one guidance
Eco Buy recommendations, helping both you and the planet

As well as these tools...

The Which? app, giving you on-the-go buying advice
Financial calculators, like the trusted Which? mortgage calculator
Consumer rights advice
Specialist support such as for mortgages or scams

"},{"selector":".MmaLayout_main__yJkVx .Cancel_content__lRvrx","action":"set","attribute":"html","value":"

Are you sure? You'll miss out on these product advice benefits...

Thousands of expert tests and reviews
Personalised buying advice through Ask Which?'s one-to-one guidance
Eco Buy recommendations, helping both you and the planet

As well as these tools...

The Which? app, giving you on-the-go buying advice
Financial calculators, like the trusted Which? mortgage calculator
Consumer rights advice
Specialist support such as for mortgages or scams

Your Which? subscription helps you make smarter decisions every day, from your next big purchase to protecting your consumer rights.

"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/mma/cancel?subscription=982622838&expires=1768435200000&rateId=8a28a81a96add7d40196c9f0563c631e"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1 - Empowerment & Control"},{"key":"2","name":"Variation 2 - MSC all benefits"}],"filters":[],"seed":"a27b728b-81c7-45d8-a37a-f483570c9434","name":"RET 001 [My Account] Alternative member benefits during cancellation","phase":"0","condition":{"id":"3a570725-2ef9-4a61-9841-35696ea5f02f"},"coverage":1},{"key":"acq-002-payment-page-add-alternative-payment-options","changeId":"7e70c03c12cb3ce31289cb5c1968963a540b527967752f2fc1653f9c6c73a4ca","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".gn__navigationCtas-module__loggedOutCtas-vCcjO .gn__links-module__giftLink-pYprf","action":"set","attribute":"style","value":"opacity: 0"}]}],"hashVersion":2,"hashAttribute":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"1cc71a56-93b5-41a3-85c4-6b2171311376","name":"ACQ 002 [Payment Page] Add alternative payment options","phase":"0","coverage":1},{"key":"mobile-pp-test","changeId":"ff119153d7eb5db241dd1ea040d811693397f55c82bf7e059ca75777272a8477","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(function() {\n // 1. Mobile Check\n const isMobile = window.innerWidth <= 768;\n if (!isMobile) return;\n\n // 2. Polling: Wait for BOTH the Article and the Destination Grid\n const intervalId = setInterval(function() {\n \n // Selector for the Article (using wildcard for safety)\n const articleElement = document.querySelector('article[class*=\"LoggedOutMemberBenefits_panel\"]');\n \n // Selector for the Destination (The Featured Links Grid)\n const destinationContainer = document.querySelector('section[data-testid=\"featuredLinks\"] section[data-testid=\"grid\"]');\n\n // Only proceed if BOTH exist\n if (articleElement && destinationContainer) {\n clearInterval(intervalId);\n\n // --- PART A: Edit Content (Slimline) ---\n const legalSmallPrint = articleElement.querySelector('p[class*=\"SignupButton_caption\"]');\n \n if (legalSmallPrint) {\n const parentOfLegalSmallPrint = legalSmallPrint.parentElement;\n \n // Remove siblings after legal print\n let currentNode = parentOfLegalSmallPrint.nextElementSibling;\n while (currentNode) {\n const next = currentNode.nextElementSibling;\n currentNode.remove();\n currentNode = next;\n }\n\n // Remove Footer\n const footerElement = articleElement.querySelector('[class*=\"ContextualPanelFooter_footer\"]');\n if (footerElement) {\n footerElement.remove();\n }\n\n // Reset Height to auto so it shrinks to fit new content size\n articleElement.style.minHeight = 'auto';\n articleElement.style.height = 'auto';\n }\n\n // --- PART B: Reposition and Rebalance Spacing ---\n \n // Get the GRID WRAPPER (the parent div with GridItem classes)\n const gridWrapper = articleElement.closest('div[class*=\"GridItem\"]');\n\n if (gridWrapper) {\n // 1. Move it to the top\n destinationContainer.prepend(gridWrapper);\n\n // 2. Apply Styles to Fix Grid Position and Spacing\n // We use cssText to apply multiple styles at once.\n // !important is needed to override existing class styles.\n gridWrapper.style.cssText += `\n grid-column-start: 1 !important; \n grid-row-start: 1 !important;\n margin-top: 0px !important;\n margin-bottom: 32px !important; \n `;\n \n // NOTE: You can adjust '32px' above to '24px' or '40px' depending on preferred balance.\n }\n }\n }, 100); // Check every 100ms\n\n // 3. Safety Timeout: Give up after 5 seconds\n setTimeout(function() {\n clearInterval(intervalId);\n }, 5000);\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"0d023f85-44c1-4804-9f92-60d181bf3fcc","name":"Move Mobile PPP to the top of the page","phase":"0","coverage":1},{"key":"test-confirm-logged-status-visual-editor-attribute-re-subscribe-test","changeId":"dcb56bc157593d4d621cc4740489d19cfa436bbfecb83dc6ad8353dcb7095802","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".gn__navigationCtas-module__giftingLoggedIn-NAz8S .gn__links-module__giftLink-pYprf","action":"set","attribute":"html","value":"Buy a gift membership!"}]}],"hashVersion":2,"hashAttribute":"memberID","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"dd8ac898-05cf-422a-b205-dbb5e0668d42","name":"Test to confirm logged in status visual editor attribute for re-subscribe test","phase":"14","condition":{"id":"317a05de-0554-4d51-b4d6-827f494c134e","memberID":{"$exists":true},"content_type":{"$regex":"which\\?-home|news|advice"}},"coverage":1},{"key":"exp-037-advice-restrict-sidebar-from-entering-footer-area","changeId":"d1d6ae708a8e18f220bc84a132c394c4492bd5f155cb78b34ca033a376d54dff","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * Sticky Sidebar Collision Handler\n * * Purpose: Adjusts the 'top' position of a sticky sidebar to prevent \n * overlap with the site footer.\n * * Performance Note: Uses requestAnimationFrame to debounce scroll events \n * and avoids layout thrashing by minimizing DOM writes.\n */\n(function() {\n 'use strict';\n\n // --- Configuration ---\n const CONFIG = {\n selectors: {\n sidebar: 'aside.sidebar',\n footer: 'div.related-footer'\n },\n offsets: {\n topPadding: 32, // Distance from top of viewport\n footerBuffer: 100 // Buffer zone before hitting footer\n },\n threshold: 0.5 // Minimum pixel change to trigger a DOM write\n };\n\n // --- State ---\n let sidebarEl = null;\n let footerEl = null;\n let isTicking = false;\n\n /**\n * Updates element references. Essential for SPAs where \n * elements may be unmounted/remounted without a page refresh.\n */\n const resolveElements = () => {\n sidebarEl = document.querySelector(CONFIG.selectors.sidebar);\n footerEl = document.querySelector(CONFIG.selectors.footer);\n return !!(sidebarEl && footerEl);\n };\n\n /**\n * Main calculation and DOM update logic\n */\n const updatePosition = () => {\n // Check connectivity and re-resolve if necessary (SPA safety)\n if (!sidebarEl?.isConnected || !footerEl?.isConnected) {\n if (!resolveElements()) {\n isTicking = false;\n return;\n }\n }\n\n const footerRect = footerEl.getBoundingClientRect();\n const sidebarHeight = sidebarEl.offsetHeight;\n \n // Calculate the 'ideal' bottom edge of the sidebar\n const idealBottom = CONFIG.offsets.topPadding + sidebarHeight;\n\n // Calculate how much the sidebar would overlap with the footer\n const overlap = (idealBottom + CONFIG.offsets.footerBuffer) - footerRect.top;\n\n // Determine the target top value\n const targetTop = overlap > 0 \n ? CONFIG.offsets.topPadding - overlap \n : CONFIG.offsets.topPadding;\n\n // Optimization: Only write to the DOM if the change exceeds the threshold\n const currentTop = parseFloat(sidebarEl.style.top) || CONFIG.offsets.topPadding;\n \n if (Math.abs(currentTop - targetTop) > CONFIG.threshold) {\n sidebarEl.style.top = `${targetTop}px`;\n }\n\n isTicking = false;\n };\n\n /**\n * Scroll event coordinator\n */\n const onScroll = () => {\n if (!isTicking) {\n window.requestAnimationFrame(updatePosition);\n isTicking = true;\n }\n };\n\n /**\n * Initialization Logic\n */\n const init = () => {\n // Attach listener regardless of initial presence to handle late hydration/lazy-loading\n window.addEventListener('scroll', onScroll, { passive: true });\n \n // Initial execution\n if (resolveElements()) {\n updatePosition();\n }\n };\n\n // Execute on DOM ready or immediately if already loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/reviews\\/.*\\/article\\/.*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"815ff010-2868-46c5-a545-a6f03992d85e","name":"EXP 037 [Advice] Restrict sidebar from entering footer area","phase":"13","condition":{"id":{"$regex":"317a05de-0554-4d51-b4d6-827f494c134e|2aee58cc-137b-41b2-a5a9-a0275045a949|fc4a08d3-be26-4384-88cb-0c14696b77e6"},"content_type":"advice"},"coverage":1},{"key":"visual-editor-work-registration-consent-messaging","changeId":"6376b58d65571588bc602a7addb5f57126669ae9fc55a7461017d438dd94781d","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Consent UI Refactor (Optimized for Production)\n * - MutationObserver disconnects after success to save resources.\n * - Uses event delegation for cleaner logic.\n * - Minimal DOM footprints.\n */\n\n(function() {\n const CONFIG = {\n id: 'gb-consent-experiment',\n selectors: {\n emailInput: 'input#email',\n // Using attribute-contains selectors for better resilience against hashed CSS modules\n marketingHeader: '[class*=\"MarketingPreferences_marketingConsentHeading\"]',\n marketingRows: '[class*=\"MarketingPreferences_marketingConsent__\"]',\n disclaimerTexts: 'p[class*=\"Typography_sb-text-body-default-regular\"]',\n formFieldClass: 'FormField_formField'\n },\n externalIcon: ``\n };\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-new-consent-wrapper { margin: 24px 0; font-family: Arial, sans-serif; clear: both; }\n .gb-header { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #000; }\n .gb-subheader { font-size: 14px; margin-bottom: 20px; color: #333; line-height: 1.5; }\n .gb-card { border: 1px solid #ced4da; border-radius: 8px; padding: 16px; margin-bottom: 12px; display: flex; align-items: flex-start; cursor: pointer; transition: all 0.2s ease; background: #fff; }\n .gb-card:hover { border-color: #0056b3; }\n .gb-card.selected { border-color: #0056b3; background-color: #f8fbff; }\n .gb-checkbox-ui { width: 20px; height: 20px; border: 2px solid #ced4da; border-radius: 4px; margin-right: 16px; flex-shrink: 0; position: relative; top: 2px; }\n .gb-card.selected .gb-checkbox-ui { background-color: #0056b3; border-color: #0056b3; }\n .gb-card.selected .gb-checkbox-ui::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }\n .gb-card-title-row { font-weight: 700; font-size: 16px; color: #000; margin-bottom: 4px; }\n .gb-card-desc { font-size: 14px; color: #555; line-height: 1.4; }\n .gb-legal-link { color: #0056b3; text-decoration: underline; }\n .gb-show-more-btn { background: none; border: none; color: #0056b3; padding: 0; font-size: 14px; cursor: pointer; text-decoration: underline; display: inline; margin-left: 4px; }\n .gb-more-info { display: none; margin: 12px 0 20px 0; padding: 12px; background: #f4f4f4; border-radius: 4px; font-size: 13px; color: #555; }\n .gb-more-info.expanded { display: block; }\n .gb-hidden { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; }\n `;\n document.head.appendChild(style);\n };\n\n const applyExperiment = () => {\n const emailInput = document.querySelector(CONFIG.selectors.emailInput);\n const marketingHeader = document.querySelector(CONFIG.selectors.marketingHeader);\n \n if (!emailInput || !marketingHeader || document.querySelector('.gb-new-consent-wrapper')) return false;\n\n injectStyles();\n\n const container = marketingHeader.parentElement;\n // Using [class*=\"...\"] to find the root wrapper more reliably than a full hashed class name\n const emailFieldRoot = emailInput.closest(`[class*=\"${CONFIG.selectors.formFieldClass}\"]`);\n if (!emailFieldRoot) return false;\n\n // Hide original nodes via accessibility-safe class\n container.querySelectorAll(`${CONFIG.selectors.marketingHeader}, ${CONFIG.selectors.marketingRows}, ${CONFIG.selectors.disclaimerTexts}:not(:last-of-type)`)\n .forEach(el => el.classList.add('gb-hidden'));\n\n // Inject New UI\n const html = `\n `;\n \n emailFieldRoot.insertAdjacentHTML('afterend', html);\n\n // Logic Bindings\n const setupCard = (id, consentName) => {\n const card = document.getElementById(id);\n if (!card) return;\n\n const syncState = () => {\n const yesRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"Yes\"]`);\n card.classList.toggle('selected', !!(yesRadio && yesRadio.checked));\n };\n\n card.addEventListener('click', () => {\n const targetValue = card.classList.contains('selected') ? 'No' : 'Yes';\n const targetRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"${targetValue}\"]`);\n if (targetRadio) {\n targetRadio.click();\n targetRadio.dispatchEvent(new Event('change', { bubbles: true }));\n }\n syncState();\n });\n syncState();\n };\n\n const toggleBtn = document.getElementById('gb-toggle-info');\n if (toggleBtn) {\n toggleBtn.addEventListener('click', (e) => {\n e.preventDefault();\n const content = document.getElementById('gb-more-info-content');\n const isExpanded = content.classList.toggle('expanded');\n toggleBtn.textContent = isExpanded ? 'Show less' : 'Show more';\n });\n }\n\n setupCard('gb-card-email', 'email');\n setupCard('gb-card-post', 'post');\n\n return true;\n };\n\n const observer = new MutationObserver(() => {\n if (applyExperiment()) observer.disconnect();\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n applyExperiment();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/registration"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"f14b2541-9d7c-427d-8752-96dba89a17b1","name":"Consent selection test QA","phase":"1","condition":{"id":{"$regex":"317a05de-0554-4d51-b4d6-827f494c134e|2aee58cc-137b-41b2-a5a9-a0275045a949"}},"coverage":1},{"key":"dsp-030-sitewide-replace-purple-resubscribe-banner-with-global-nav-join-ctas","changeId":"aecf2abd4454133ba4ab95fc81722ba0c2514ce5fab3768db18d4272c706096a","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"#test_resub_cta a {\n margin-bottom: 0px !important;\n background-color: #e81c30 !important;\n border: none !important;\n}\n\n#test_resub_cta p{\n padding-top: 0px !important;\n}\n#test_resub_cta{\n margin-left: 5px !important;\n}\n\n.test_sub_menu_option a{\n background-color: #efefef !important;\n display: flex !important;\n font-family: National2-Medium, Helvetica, Arial !important;\n font-weight: 500 !important;\n}\n\n.test_sub_menu_option svg{\n margin-right: 4px !important;\n}","js":"(function () {\n /* --------------------------------------------------------\n * DATA LAYER GATE (READ ONLY)\n * ------------------------------------------------------*/\n\n // Only run this script if the dataLayer contains paywall_access_status = 'no access'\n const pageHasPaywallNoAccess = () => {\n const dataLayerArray = window.dataLayer;\n\n if (!Array.isArray(dataLayerArray)) {\n return false;\n }\n\n return dataLayerArray.some(dataLayerItem => {\n return dataLayerItem && dataLayerItem.paywall_access_status === 'no access';\n });\n };\n\n if (!pageHasPaywallNoAccess()) {\n // Exit early: condition not met\n return;\n }\n\n /* --------------------------------------------------------\n * 1) HIDE RESUB BANNER (DISPLAY: NONE)\n * ------------------------------------------------------*/\n \n //Close banner to set cookie\n document.cookie = 'resub-banner-closed=1; path=/';\n\n // Inject a CSS rule to keep the banner hidden even after re-renders\n const styleElement = document.createElement('style');\n styleElement.innerHTML = `\n [data-testid=\"resub-banner\"] {\n display: none !important;\n }\n `;\n document.head.appendChild(styleElement);\n\n /* --------------------------------------------------------\n * 2) DESKTOP CTA (>= 1024px) - INSERT NEXT TO logged-in-cta\n * ------------------------------------------------------*/\n\n const headerParentSelector = '.gn__navigation-module__headerTop--aU1K';\n const loggedInCtaSelector = '[data-binding=\"logged-in-cta\"]';\n const injectedDesktopCtaElementId = 'test_resub_cta';\n\n const desktopMediaQuery = window.matchMedia('(min-width: 1024px)');\n\n const desktopCtaMarkup = `\n

\n \n Subscribe\n \n

\n `;\n\n const insertDesktopCtaIfNeeded = () => {\n if (!desktopMediaQuery.matches) return;\n\n // Prevent duplicate injection\n if (document.getElementById(injectedDesktopCtaElementId)) return;\n\n const headerParentElement = document.querySelector(headerParentSelector);\n const loggedInCtaElement = headerParentElement?.querySelector(loggedInCtaSelector);\n\n if (!headerParentElement || !loggedInCtaElement) return;\n\n const temporaryWrapper = document.createElement('div');\n temporaryWrapper.innerHTML = desktopCtaMarkup.trim();\n const desktopCtaElement = temporaryWrapper.firstElementChild;\n\n // Insert as a sibling immediately after logged-in-cta\n loggedInCtaElement.insertAdjacentElement('afterend', desktopCtaElement);\n };\n\n const removeDesktopCtaIfPresent = () => {\n const existingDesktopCtaElement = document.getElementById(injectedDesktopCtaElementId);\n if (existingDesktopCtaElement) {\n existingDesktopCtaElement.remove();\n }\n };\n\n const applyDesktopCtaBasedOnViewport = () => {\n if (desktopMediaQuery.matches) {\n insertDesktopCtaIfNeeded();\n } else {\n removeDesktopCtaIfPresent();\n }\n };\n\n // Apply initial desktop CTA state\n applyDesktopCtaBasedOnViewport();\n\n // Update CTA when viewport changes\n desktopMediaQuery.addEventListener('change', applyDesktopCtaBasedOnViewport);\n\n // Keep CTA present if React re-renders the header\n const desktopHeaderMutationObserver = new MutationObserver(() => {\n if (desktopMediaQuery.matches) {\n insertDesktopCtaIfNeeded();\n }\n });\n\n desktopHeaderMutationObserver.observe(document.documentElement, {\n childList: true,\n subtree: true\n });\n\n /* --------------------------------------------------------\n * 3) MOBILE MENU ITEM (< 1024px) - INSERT AS FIRST

IN #gn-mobile-menu-list\n * ------------------------------------------------------*/\n\n const mobileMediaQuery = window.matchMedia('(max-width: 1023px)');\n const mobileMenuUnorderedListSelector = '#gn-mobile-menu-list';\n const injectedMobileListItemId = 'custom-mobile-subscribe-item';\n\n const mobileMenuListItemMarkup = `\n \n \n \n \n \n \n Subscribe\n \n

\n `;\n\n const insertMobileMenuListItemIfNeeded = () => {\n if (!mobileMediaQuery.matches) return;\n\n const mobileMenuUnorderedListElement = document.querySelector(mobileMenuUnorderedListSelector);\n if (!mobileMenuUnorderedListElement) return;\n\n // Prevent duplicates\n if (document.getElementById(injectedMobileListItemId)) return;\n\n const temporaryWrapper = document.createElement('div');\n temporaryWrapper.innerHTML = mobileMenuListItemMarkup.trim();\n const mobileMenuListItemElement = temporaryWrapper.firstElementChild;\n\n // Insert as the first

\n mobileMenuUnorderedListElement.insertBefore(\n mobileMenuListItemElement,\n mobileMenuUnorderedListElement.firstElementChild\n );\n };\n\n const removeMobileMenuListItemIfPresent = () => {\n const existingMobileMenuListItemElement = document.getElementById(injectedMobileListItemId);\n if (existingMobileMenuListItemElement) {\n existingMobileMenuListItemElement.remove();\n }\n };\n\n const applyMobileMenuItemBasedOnViewport = () => {\n if (mobileMediaQuery.matches) {\n insertMobileMenuListItemIfNeeded();\n } else {\n removeMobileMenuListItemIfPresent();\n }\n };\n\n // Apply initial mobile menu item state\n applyMobileMenuItemBasedOnViewport();\n\n // Update mobile item when viewport changes\n mobileMediaQuery.addEventListener('change', applyMobileMenuItemBasedOnViewport);\n\n // Keep mobile item present if the menu gets re-rendered\n const mobileMenuMutationObserver = new MutationObserver(() => {\n if (mobileMediaQuery.matches) {\n insertMobileMenuListItemIfNeeded();\n }\n });\n\n mobileMenuMutationObserver.observe(document.documentElement, {\n childList: true,\n subtree: true\n });\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"https://www.which.co.uk.*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"b488ca06-1df0-4ceb-8542-10f96d9f8bf0","name":"DSP 030 [Sitewide] Replace purple re-subscribe banner with global nav join CTAs","phase":"0","condition":{"id":{"$regex":"317a05de-0554-4d51-b4d6-827f494c134e|ecce21ae-2511-48f4-8034-417825d0af7a"},"content_type":{"$in":["which?-home","advice","news","product","hub","product-listing"]}},"coverage":1},{"key":"payment-upsell-test","changeId":"8eab416ba71265d7b89d782f3ecb78d3b2272b9dcd4682f7022c19d3416ba468","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v1',\n offers: {\n 'digital': {\n targetName: 'Digital',\n currentPeriod: 'Month',\n upgradeRate: '8a28b30e9bf8f843019c0f017fc80bba',\n upgradeProduct: '8a28c43c8b8b0115018ba4e4335541f4',\n headline: 'Save £18.88 every year',\n subline: 'Switch to Annual for just £89 (equivalent to £7.42/mo).'\n },\n 'full access': {\n targetName: 'Full Access',\n currentPeriod: 'Month',\n upgradeRate: '8a28b30e9bf8f843019c0f017fef0bbc',\n upgradeProduct: '8a28c9d78cf77775018cf886631207f6',\n headline: 'Save £34.88 every year',\n subline: 'Switch to Annual for just £109 (equivalent to £9.08/mo).'\n }\n },\n selectors: {\n container: '[class*=\\\"FeaturesPanel_container__\\\"]', // Targeted outer wrapper\n title: '[data-testid=\\\"product-title\\\"]'\n }\n };\n\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v1-card {\n margin-top: 24px; /* Space between separate panels */\n padding: 20px;\n background: #f0f7fd; /* Soft blue brand background */\n border: 1px solid #d0e4f5;\n border-left: 6px solid #0056b3;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n }\n .gb-v1-tag {\n display: inline-block;\n background: #0056b3;\n color: #fff;\n font-size: 11px;\n font-weight: 700;\n padding: 2px 8px;\n border-radius: 2px;\n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .gb-v1-head { \n font-weight: 700; \n font-size: 17px; \n margin-bottom: 6px; \n color: #E81C30; /* Highlighted Red for Save text */\n }\n .gb-v1-sub { \n font-size: 14px; \n color: #333; \n margin-bottom: 16px; \n line-height: 1.5; \n }\n .gb-v1-btn {\n display: inline-block;\n background: transparent; /* Hollow button style */\n border: 1px solid #0056b3;\n color: #0056b3;\n padding: 10px 24px;\n font-weight: 700;\n cursor: pointer;\n border-radius: 24px;\n transition: all 0.2s ease-in-out;\n font-size: 14px;\n }\n .gb-v1-btn:hover { \n background: #0056b3; \n color: #fff; \n }\n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n const titleEl = document.querySelector(CONFIG.selectors.title);\n const container = document.querySelector(CONFIG.selectors.container);\n if (!titleEl || !container || document.querySelector('.gb-v1-card')) return;\n\n const text = titleEl.innerText.toLowerCase();\n const offer = text.includes('full access') ? CONFIG.offers['full access'] : \n (text.includes('digital') ? CONFIG.offers['digital'] : null);\n\n // Only target Monthly plans\n if (!offer || !text.includes('month')) return;\n\n injectStyles();\n const html = `\n

\n Best Value Upgrade\n

${offer.headline}

${offer.subline}

\n \n

\n `;\n \n // Injects as a sibling after the entire features container section\n container.insertAdjacentHTML('afterend', html);\n\n const btn = document.getElementById('gb-v1-upgrade');\n if (btn) {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n const url = new URL(window.location.href);\n url.searchParams.set('productId', offer.upgradeProduct);\n url.searchParams.set('rateId', offer.upgradeRate);\n window.location.href = url.toString();\n });\n }\n };\n\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]},{"css":"","js":"(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v2',\n offers: {\n 'digital': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fc80bba',\n upgradeProduct: '8a28c43c8b8b0115018ba4e4335541f4',\n msg: 'Save £18.88 by switching to Annual. Pay the equivalent of just £7.42 a month.'\n },\n 'full access': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fef0bbc',\n upgradeProduct: '8a28c9d78cf77775018cf886631207f6',\n msg: 'Save £34.88 and get 12 issues of Which? Magazine. Switch to Annual for £109.'\n }\n },\n selectors: {\n panelHeader: '[class*=\"FeaturesPanel_header__\"]',\n title: '[data-testid=\"product-title\"]'\n }\n };\n\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v2-banner {\n margin: 0;\n padding: 12px 16px;\n background: #fdfdfd;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n display: flex;\n flex-direction: column;\n gap: 12px;\n font-family: Arial, sans-serif;\n }\n .gb-v2-flex { display: flex; gap: 8px; align-items: flex-start; }\n .gb-v2-text { font-size: 13px; color: #333; line-height: 1.4; }\n .gb-v2-text strong { color: #E81C30; } /* Highlighted Red for Save and Price */\n .gb-v2-action {\n align-self: flex-start;\n color: #0056b3;\n font-weight: 700;\n cursor: pointer;\n font-size: 13px;\n background: transparent;\n border: 1px solid #0056b3;\n padding: 6px 16px;\n border-radius: 20px;\n text-align: center;\n transition: all 0.2s ease-in-out;\n }\n .gb-v2-action:hover {\n background: #0056b3;\n color: #fff;\n text-decoration: none;\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n const titleEl = document.querySelector(CONFIG.selectors.title);\n const header = document.querySelector(CONFIG.selectors.panelHeader);\n if (!titleEl || !header || document.querySelector('.gb-v2-banner')) return;\n\n const text = titleEl.innerText.toLowerCase();\n const offer = text.includes('full access') ? CONFIG.offers['full access'] : \n (text.includes('digital') ? CONFIG.offers['digital'] : null);\n\n if (!offer || !text.includes('month')) return;\n\n injectStyles();\n const html = `\n \n `;\n \n // Injects directly below the header inside the box\n header.insertAdjacentHTML('afterend', html);\n\n const btn = document.getElementById('gb-v2-upgrade');\n if (btn) {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n const url = new URL(window.location.href);\n url.searchParams.set('productId', offer.upgradeProduct);\n url.searchParams.set('rateId', offer.upgradeRate);\n window.location.href = url.toString();\n });\n }\n };\n\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]},{"css":"","js":"(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v3',\n offers: {\n 'digital': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fc80bba',\n upgradeProduct: '8a28c43c8b8b0115018ba4e4335541f4',\n label: 'Switch to Annual: £89/yr (Save £18.88)'\n },\n 'full access': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fef0bbc',\n upgradeProduct: '8a28c9d78cf77775018cf886631207f6',\n label: 'Switch to Annual: £109/yr (Save £34.88)'\n }\n },\n selectors: {\n container: '[class*=\"FeaturesPanel_container__\"]', // Targeted the full section wrapper\n title: '[data-testid=\"product-title\"]'\n }\n };\n\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v3-module {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 24px; /* Distinct space between the separate panels */\n background: #ffffff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n font-family: Arial, sans-serif;\n }\n .gb-v3-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n }\n .gb-v3-label { \n font-size: 14px; \n font-weight: 700; \n color: #333; \n line-height: 1.4;\n }\n .gb-v3-save { color: #E81C30; } /* Highlighting the savings in red */\n .gb-v3-link {\n font-size: 13px;\n color: #0056b3;\n font-weight: 700;\n cursor: pointer;\n text-decoration: none;\n border: 1px solid #0056b3;\n padding: 8px 16px;\n border-radius: 20px;\n transition: all 0.2s ease-in-out;\n background: #fff;\n white-space: nowrap;\n text-align: center;\n }\n .gb-v3-link:hover { \n background: #0056b3; \n color: #fff; \n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n const titleEl = document.querySelector(CONFIG.selectors.title);\n const container = document.querySelector(CONFIG.selectors.container);\n \n // Ensure container is present and we haven't already injected\n if (!titleEl || !container || document.querySelector('.gb-v3-module')) return;\n\n const text = titleEl.innerText.toLowerCase();\n const offer = text.includes('full access') ? CONFIG.offers['full access'] : \n (text.includes('digital') ? CONFIG.offers['digital'] : null);\n\n // Only target Monthly plans\n if (!offer || !text.includes('month')) return;\n\n injectStyles();\n \n const html = `\n

\n ${offer.label}\n Switch to Annual\n

Stay informed with Which?

Nicole Kobie

2026

6 effective ways to protect your phone – approved by Which? experts