Link utili

    Configurazione

    40.400 €49.400 €

    Prezzo

    Piano finanziario

    Completa configurazione
    Richiedi preventivo
    Con TOYOTA EASY NEXT da € 399 al mese TAN 6,99 % TAEG 7,98 % 47 rate con anticipo € 10.940 rata finale € 17.844
    Torna alla panoramica
    Passa alla navigazione ancorata nella pagina
    Configura la tua Toyota e scegli come personalizzarla
    Ritorna alla configurazione
    Torna alla panoramica

    Configura Toyota bZ4X

    Motorizzazioni

    Electric

    Full Electric 204cv, Automatico

    Emissioni CO2 (g/km) - WLTP
    0 g/km

    Emissioni NOx (g/km) - WLTP
    0 g/km

    37.400 €46.400 €

    Full Electric 204cv

    Electric

    Full Electric 204cv, Automatico

    Combinato (l/100km) - WLTP0 l/100 km
    Combinato (l/100km) max - WLTP0 l/100 km
    Emissioni CO2 (g/km) max - WLTP0 g/km
    Emissioni CO2 (g/km) - WLTP0 g/km
    Emissioni NOx (g/km) - WLTP0 g/km
    Electric

    Full Electric 218cv, Automatico

    Emissioni CO2 (g/km) - WLTP
    0 g/km

    Emissioni NOx (g/km) - WLTP
    0 g/km

    40.400 €49.400 €

    Full Electric 218cv

    Electric

    Full Electric 218cv, Automatico

    Combinato (l/100km) - WLTP0 l/100 km
    Combinato (l/100km) max - WLTP0 l/100 km
    Emissioni CO2 (g/km) max - WLTP0 g/km
    Emissioni CO2 (g/km) - WLTP0 g/km
    Emissioni NOx (g/km) - WLTP0 g/km
    Ruota

    Colori

    Ruota

    Cerchi

    Cerchi in lega da 18" a 5 razze con cover
    Cerchi in lega da 18" a 5 razze con cover

    Cerchi in lega da 18" a 5 razze con cover

    Informazioni sugli pneumatici

    Casa produttriceBridgestone
    Nome pneumaticoALENZA 001
    ID pneumatico1144528
    Specifica pneumatico235/60R18
    Capacità di traino (kg)103
    Classe di velocitàH
    Classe efficienza carburanteA
    Classe di aderenzaA
    Classe di rumorositàA
    Livello di rumorosità67
    Pneumatico invernaleNo
    Pneumatico terreno ghiacciatoNo
    Data produzione1/03/2022
    Versione di caricoSL
    Casa produttriceYOKOHAMA
    Nome pneumaticoADVAN V61
    ID pneumatico1131425
    Specifica pneumatico235/60R18
    Capacità di traino (kg)103
    Classe di velocitàH
    Classe efficienza carburanteA
    Classe di aderenzaB
    Classe di rumorositàA
    Livello di rumorosità68
    Pneumatico invernaleNo
    Pneumatico terreno ghiacciatoNo
    Data produzione26/08/2021
    Versione di caricoSL
    Cerchi in lega da 18" nero lavorato

    Cerchi in lega da 18" nero lavorato

    1330 €

    Cerchi in lega da 18" nero opaco

    Cerchi in lega da 18" nero opaco

    1330 €

    Ruota

    Interni

    Ruota

    Pack e accessori

    Look Pack

    7 accessori

    Precious Silver/Black

    Precious Silver/Black

    Dark Blue/Black

    Dark Blue/Black

    Emotional Red/Black

    Emotional Red/Black

    Precious Metal/Black

    Precious Metal/Black

    Platinum White/Black

    Platinum White/Black

    Vernice bi-tone con tetto nero

    Vernice bi-tone con tetto nero

    Tetto panoramico Skyview

    Tetto panoramico Skyview

    1500 €

    Look Pack 7 accessori
    Vernice bi-tone con tetto nero
    Vernice bi-tone con tetto nero

    Tetto panoramico Skyview
    Tetto panoramico Skyview

    Wallbox JuicePack Home 07 con cavo integrato

    Wallbox JuicePack Home 07 con cavo integrato

    1980 €

    Wallbox JuicePack Home 07 con cavo integrato

    Wallbox JuicePack Home 07 con cavo integrato

    Comprensivo di Home Check preliminare, Enel X Way Box Pro Cellular da 7,4kW e installazione. Verifica se sei idoneo all’installazione compilando il TUA ANCORA PER POCHI GIORNI CON GLI
    ECOINCENTIVI STATALI."; /** TITOLO SHORT VERSION */ var shortTitle = "ECOINCENTIVI STATALI"; /** * url icona dimensioni consigliate 250x250px */ var icosrc = '/content/dam/toyota/nmsc/italy/promozioni/ecoincentivi/gennaio/filtro/ecoinc_ico_230x230.png'; /** * LINK DEI DUE BOTTONI * */ var link1 = '/promozioni/gamma-toyota-ecoincentivi.html'; var textcta1 = 'Scopri le offerte con ecoincentivo'; var link2 = '/promozioni?types=In+evidenza'; var textcta2 = 'Scopri tutte le offerte'; /** ID Cta */ var cta1Id = 'ecoincentivi1'; var cta2Id = 'ecoincentivi2'; /***************************************************** */ /******** FINE SETTAGGI ******* */ /***************************************************** */ /* CSS */ const STYLE =` `; /* HTML */ const HTML =`

    `+shortTitle+`
    `; /** check if mobile */ let bemobile = false; if (screen.width <= 992){ bemobile = true; } /** check if we have to show it or not */ let ON = 0; if ((PREV) && (ONPREVIEW == 1)){ ON = 1; } else if ((PROD) && (ONPROD == 1)){ ON = 1; } /* check if the url contains one of the hiddenOn urls then shut it off */ for (var i = 0; i < hiddenOn.length; i++){ if((window.location.href.indexOf(hiddenOn[i]) > -1) && (ON == 1)) { ON = 0; } } function check_cookie_name(name) { var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)')); if (match) { console.log("check_cookie_name" + match[2]); return(match[2]); } else{ console.log("check_cookie_name" + false); return false; } } function closeBanner(){ console.log("closing banner"); $('#mainYCBanner').animate({bottom: "-290px"}) $('#leafYCBanner').show(); $('#leafYCBanner').animate({left: "0px"}); if (!bemobile){ $('.leafYCBanner-overarea').animate({left:"-160px"}); } else { $('.leafYCBanner-overarea').animate({left:"-71%"}); } } function keepClosed(){ $('#mainYCBanner').css({bottom: "-290px"}) $('#leafYCBanner').show(); $('#leafYCBanner').css({left: "0px"}); if (!bemobile){ $('.leafYCBanner-overarea').css({left:"-160px"}); } else { $('.leafYCBanner-overarea').css({left:"-71%"}); } } /** se attivo */ if (ON == 1){ $(STYLE).appendTo("body"); $(HTML).appendTo("body"); $('#leafYCBanner').hide(); var cookieStatus = check_cookie_name('ecoinc_banner'); if ((cookieStatus)&&(cookieStatus == 0)){ console.log("banner already closed " + cookieStatus); keepClosed(); } else { $('#leafYCBanner').hide(); bake_cookie('ecoinc_banner', 1); console.log("banner ecoinc attivo "+check_cookie_name('ecoinc_banner')); $('#mainYCBanner').animate({bottom: "0px"},500); } $('#mainYCBanner .closeButton').click(function(){ closeBanner(); bake_cookie('ecoinc_banner', 0); console.log('banner ecoinc closed '+check_cookie_name('ecoinc_banner')); }); $('.leafYCBanner-overarea').mouseover(function(){ $('#leafYCBanner').animate({left: "0px"}); }); if (!bemobile){ $('.leafYCBanner-overarea') .mouseenter(function() { $('.leafYCBanner-overarea').animate({left: "0"}); }) .mouseleave(function() { $('.leafYCBanner-overarea').animate({left: "-160px"}); }); } $('#leafYCBanner').click(function(){ console.log("click"); $('#mainYCBanner').animate({bottom: "0px"}); $('#leafYCBanner').animate({left: "-240px"}); $('#leafYCBanner').hide(); $('leafYCBanner-overarea').hide(); bake_cookie('ecoinc_banner', 1); console.log('leafycbanner click '+check_cookie_name('ecoinc_banner')); }); //$('#mainYCBanner').animate({bottom: "0px"},500); if (testo !==''){ $('#mainYCBanner .advice').addClass('active'); $('#mainYCBanner .advice').html(testo); } } /* * V 2.0 Gennaio 2024 * Snippet per aprire da url l'overlay del bottone Richiedi un Preventivo * per attivarlo settare OverlayON su true e inserire nell'url il parametro overlay=true * quindi ad esempio: * https://aem-author-prod.toyota.eu/content/toyota/italy/it/new-cars/yaris-cross.html?wcmmode=disabled&overlay=true * oppure * https://aem-author-prod.toyota.eu/content/toyota/italy/it/new-cars/yaris-cross.html?overlay=true */ /** SETTAGGI */ /* per spegnere settare OverlayON = false; */ const OverlayON = true; /* Lista delle cta da utilizzare per replicarne il comportamento dell'overlay */ const ctaLabel = ['Richiedi un preventivo', 'Richiedi preventivo', 'Contattaci per saperne di più', 'Richiedi appuntamento']; /** FINE SETTAGGI */ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); const overlay = urlParams.get('overlay'); const wcmmode = urlParams.get('wcmmode'); const height = jQuery(window).height(); const alreadyOpened = jQuery(".material-box-panels"); var ctaUrl; let container = '"; jQuery('body').append(overlaycontent); } jQuery("html").addClass("overflow-vertical-hidden overlay-open"); jQuery("#iframeOverlay").on("load", function () { jQuery("#onetrust-consent-sdk").hide(); }); jQuery("button.btn-close").on("click", function () { jQuery(".material-box-panels").removeClass('active'); jQuery(".material-box-panels").empty(); jQuery("html").removeClass("overflow-vertical-hidden overlay-open"); }); } } }, "600"); /** * * LEAD GENERATION POPUP * v1.6 10 Dec 2024 * **/ /** true/false per accendere/spegnere il popup */ var pactive = true; /** Url To Show, array di folder e alias dell'url dove mostrare il popup */ var uts = ['dynamic-promotions', 'promozioni', 'promozione', 'new-cars', 'gamma']; /** Url to exlude, array di folder e alias dell'url dove escludere il popup */ var utex = ['new-cars/new-toyota-c-hr', 'new-cars/rav4-plugin', 'new-cars/yaris', 'new-cars/yaris-cross', 'new-cars/aygo-x', 'gamma/c-hr', 'gamma/yaris', 'gamma/rav4-plugin', 'gamma/yaris-cross', 'gamma/aygo-x', 'promozione/toyota-chr', 'promozione/toyota-chr-plugin', 'promozione/yaris-hybrid', 'promozione/yaris-cross', 'promozione/aygo-x', 'promozione/rav4-plugin']; /** user inactivity time in millesimi di secondi, quanti millesimi di secondi devono trascorrere prima che venga mostrato il popup se l'utente non interagisce */ const tmaxinattivita = 3000; /** user interaction time in millesimi di secondi, quanti millesimi di secondi devono trascorrere prima che venga mostrato il popup se l'utente interagisce*/ const tmaxattivita = 5000; /** CONTENT */ /** testo del popup, testo delle due cta */ const popuptext = `La tua nuova Toyota ti sta aspettando, non lasciartela sfuggire!`; const ptdText = `Prenota test drive`; const richiediprevText = `Richiedi preventivo`; /** sempre false prima di pubblicare header&footer */ const DEBUG = false; /** * FINE SETTAGGI */ function closelgpopup(){ $('#lead-generation-popup').remove(); DEBUG && console.log("[lead gen popup] closing popup"); } /** polite loading...waiting for page to be fully loaded */ document.onreadystatechange = function () { if ((document.readyState == "complete") && (pactive)) { DEBUG && console.log("[lead gen popup] ready state complete"); let userActivityTimeout = null; let userInactivtyTimeout = null; let useractivitytimeoutcheck = null; let showpopup = false; var ptshow = 0; var caring, richiediprevCTA, richiediprev, richiediprevCG, richiediprevCN, ptdCTA, ptd, ptdCG, ptdCN; var carName = $('h1.title.gamma-text').text() || $('h1.model-name.t-gamma-text').text(); if (carName.length <=0){ var carName = $('h1.model-name').text() || $('div.text-tile-headline').text(); } DEBUG && console.log("[lead gen popup] carname: " + carName); caring = $('.cmp-promotion-details .image-card img').attr('src') || $('.modelImage > picture > img').attr('src') || $('a.image-tile-link > picture > img').attr('src'); DEBUG && console.log("[lead gen popup]caring:" + caring); if (!caring){ try{ DEBUG && console.log("[lead gen popup]dentro if caring, try other options"); caring = $('.cmp-modelhero-v2-asset .cmp-image img.cmp-image__image'); if (caring.length == 0){ caring = $('div.image-tile.tile-two > a > img').attr('src'); } else { caring = caring[0].src; } DEBUG && console.log("[lead gen popup]" + caring); }catch(e){ DEBUG && console.log("[lead gen popup catch e:]"); DEBUG && console.error(e); } /* try{ caring = $('.cmp-modelhero-v2-asset .cmp-image img.cmp-image__image') || false; if (!caring){ DEBUG && console.log("[lead gen popup] caring if"); caring = $('div.image-tile.tile-two > a > img').attr('src'); } else { caring = caring[0].src; } DEBUG && console.log("[lead gen popup]" + caring); }catch(e){ DEBUG && console.log("[lead gen popup catch e:]"); DEBUG && console.error(e); } */ } if (pactive){ for (var n = 0; n < utex.length; n++){ DEBUG && console.log("[lead gen popup] check utex ptshow: " + ptshow + " utex: " + utex[n]); if(window.location.href.indexOf(utex[n]) > -1){ ptshow=2; DEBUG && console.log("[lead gen popup] check iniziale, utex sì, ptshow:" + ptshow); DEBUG && console.log("[lead gen popup]active but not showing"); } } if (ptshow !== 2){ for (var i = 0; i < uts.length; i++){ DEBUG && console.log("[lead gen popup] check uts ptshow: " + ptshow + " uts: " + uts[i]); if(window.location.href.indexOf(uts[i]) > -1){ if((caring) && (ptshow == 0)){ DEBUG && console.log("[lead gen popup] check iniziale, utex no, uts si, ptshow: 0 adesso 1"); ptshow=1; getCtas(); activateActTrack(); } } else { DEBUG && console.log("[lead gen popup]active but not showing: "); DEBUG && console.log("[lead gen popup] ptshow: "+ ptshow + " to 0"); ptshow = 0; } } } } function getCtas(){ richiediprevCTA = $('a.btn-text[data-gt-label="Richiedi preventivo"][data-gt-name="ctaevent"]') || $('a.cmp-btn[data-gt-label="Richiedi preventivo"][data-gt-name="ctaevent"]'); DEBUG && console.log("[lead gen popup]" + richiediprevCTA.length); ptdCTA = $('a.btn-text[data-gt-label="test-drive"][data-gt-name="ctaevent"]') || $('a.cmp-btn[data-gt-label="test-drive"][data-gt-name="ctaevent"]'); DEBUG && console.log("[lead gen popup]ptdCTA: " + ptdCTA.length); if (richiediprevCTA.length <= 0){ richiediprevCTA = $('a.cmp-btn[data-gt-label="Richiedi preventivo"][data-gt-name="ctaevent"]')[0]; DEBUG && console.log("[lead gen popup]dentro if richiediprevCTA"); DEBUG && console.log("[lead gen popup]" + richiediprevCTA); richiediprev = richiediprevCTA.href; richiediprevCG = $('a.cmp-btn[data-gt-label="Richiedi preventivo"][data-gt-name="ctaevent"]').data("gt-componentgroup"); richiediprevCN = $('a.cmp-btn[data-gt-label="Richiedi preventivo"][data-gt-name="ctaevent"]').data("gt-componentname"); } else { richiediprev = richiediprevCTA.attr("href"); richiediprevCG = richiediprevCTA.data("gt-componentgroup"); richiediprevCN = richiediprevCTA.data("gt-componentname"); } if (ptdCTA.length <= 0){ try { ptdCTA = $('a.cmp-btn[data-gt-label="test-drive"][data-gt-name="ctaevent"]')[0]; DEBUG && console.log("[lead gen popup]dentro if ptdCTA"); DEBUG && console.log("[lead gen popup]" +ptdCTA); ptd = ptdCTA.href; richiediprevCG = $('a.cmp-btn[data-gt-label="test-drive"][data-gt-name="ctaevent"]').data("gt-componentgroup"); richiediprevCN = $('a.cmp-btn[data-gt-label="test-drive"][data-gt-name="ctaevent"]').data("gt-componentname"); } catch (e) { DEBUG && console.log(e); } } else { ptd = ptdCTA.attr("href"); ptdCG = ptdCTA.data("gt-componentgroup"); ptdCN = ptdCTA.data("gt-componentname"); } /** adding params to cta*/ try { richiediprev = new URL(richiediprev, window.location.origin); richiediprev.searchParams.set('source', 'popup'); DEBUG && console.log("[lead gen popup]adding params to the url: " + richiediprev); } catch (e) { DEBUG && console.log(e); } try { if (ptd){ ptd = new URL(ptd, window.location.origin); ptd.searchParams.set('source', 'popup'); DEBUG && console.log("[lead gen popup]adding params to the url: " + ptd); } } catch (e) { DEBUG && console.log(e); } } function resetUserActivityTimeout() { DEBUG && console.log("[lead gen popup]reset user activity timeout"); clearTimeout(userActivityTimeout); userActivityTimeout = setTimeout(() => { triggerAction(); }, tmaxattivita); } function resetUserInactivityTimeout(){ DEBUG && console.log("[lead gen popup]reset user inactivity timeout"); clearTimeout(userInactivtyTimeout); /* userInactivtyTimeout = setTimeout(() => { triggerAction(); }, tmaxinattivita); */ } function triggerAction() { showpopup = true; if (richiediprev){ appendHtml(caring,popuptext); DEBUG && console.log("[lead gen popup]show popup"); listenMegaMenu(); listenMobileMenu(); } try{ window.removeEventListener("mousemove", userActFunction); window.removeEventListener("scroll", userActFunction); window.removeEventListener("keydown", userActFunction); window.removeEventListener("resize", userActFunction); } catch(e){ DEBUG && console.log(e); } } function activateActTrack() { DEBUG && console.log("[lead gen popup]activateActTrack"); if ((!showpopup) && (!userInactivtyTimeout)){ DEBUG && console.log("[lead gen popup]inacactivity timeout fired"); userInactivtyTimeout = setTimeout(() => { DEBUG && console.log("[lead gen popup]inacactivity timeout fired"); triggerAction(); }, tmaxinattivita); window.addEventListener("mousemove", userActFunction); window.addEventListener("scroll", userActFunction); window.addEventListener("keydown", userActFunction); window.addEventListener("resize", userActFunction); } } function userActFunction() { DEBUG && console.log("[lead gen popup]some listener fired"); if(userInactivtyTimeout){ resetUserInactivityTimeout(); } if ((!showpopup) && (!useractivitytimeoutcheck)) { DEBUG && console.log("[lead gen popup]useractivitytimeoutcheck null"); useractivitytimeoutcheck = setTimeout(() => { resetUserActivityTimeout(); clearTimeout(useractivitytimeoutcheck); useractivitytimeoutcheck = null; }, tmaxattivita); } } function listenMegaMenu(){ $('li.primarynavigationitem').on( "click", function() { if ($('li.primarynavigationitem').hasClass('active')){ DEBUG && console.log("aperto il megamenu"); $('#lead-generation-popup').css('z-index', '1029'); } else { DEBUG && console.log("chiuso il megamenu"); $('#lead-generation-popup').css('z-index', '999'); } }); } function listenMobileMenu(){ $('button.menu-expander').on("click", function(){ if ($('div.first-level.animated').hasClass('opening')){ console.log("aperto il menu mobile"); $('#lead-generation-popup').css('z-index', '1029'); } else { console.log("chiuso il menu mobile"); $('#lead-generation-popup').css('z-index', '999'); } }); } function appendHtml (carimage, text){ var html = `
    Close overlay
    `; if (carName.length >= 25){ html += `
    ${carName}
    `; } else { html += `
    ${carName}
    `; } html += `${text}
    ${richiediprevText}`; if (ptd){ html += `${ptdText}`; } html += `
    `; if (!document.getElementById("lead-generation-popup")){ //$(html).insertBefore("footer"); $('body').append(html); } } $('body').on('click', '.lead-generation-popup__close', function() { DEBUG && console.log("[lead gen popup] closing popup from popup"); $("#lead-generation-popup").remove(); }); } } /*! AEM overlay banner */ const DBB = true; const jsonData = { "bannerOverlay" : { "name": "Aem Banner Overlay", "version": "1.2", "prodUrl": "toyota.it", "prevUrl": "aem-author-prod.toyota.eu", "homeUrl": ['/', '/content/toyota/italy/it'], "banners": [ { "active": true, "capping": true, "showInHome":false, "showExactlyOn":["/new-cars/new-toyota-c-hr", "/gamma/c-hr"], "showCascadeOn":["/content/toyota/italy/it/new-cars/new-toyota-c-hr"], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Su gamma Toyota C-HR Hybrid e Plug-in Hybrid, solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.* Scopri la promo.    `, "style": "", "cookieName": "main_close3", }, { "active": true, "capping": true, "showInHome":false, "showExactlyOn":["/dynamic-promotions/toyota-c-hr-hybrid_85ea4405-aaad-445d-9086-88407a3c972a", "/promozione/toyota-chr", "/dynamic-promotions/toyota-c-hr-plug-in-hybrid_83b8dca9-7a57-4c08-93d2-8116c4114f9f", "/promozione/toyota-chr-plugin"], "showCascadeOn":["/content/toyota/italy/it/dynamic-promotions/toyota-c-hr-hybrid_85ea4405-aaad-445d-9086-88407a3c972a", "/content/toyota/italy/it/dynamic-promotions/toyota-c-hr-plug-in-hybrid_83b8dca9-7a57-4c08-93d2-8116c4114f9f"], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Su gamma Toyota C-HR Hybrid e Plug-in Hybrid, solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.*     `, "style": "", "cookieName": "main_close4", }, { "active": true, "capping": true, "showInHome":false, "showExactlyOn":["/new-cars/yaris", "/gamma/yaris"], "showCascadeOn":["/content/toyota/italy/it/new-cars/yaris/"], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Su gamma Yaris Hybrid, solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.* Scopri la promo.    `, "style": "", "cookieName": "main_close5", }, { "active": true, "capping": true, "showInHome":false, "showExactlyOn":["/dynamic-promotions/yaris-hybrid_ebe297db-a7e8-4621-85c1-af39266e4731", "/promozione/yaris-hybrid"], "showCascadeOn":["/content/toyota/italy/it/dynamic-promotions/yaris-hybrid_ebe297db-a7e8-4621-85c1-af39266e4731"], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Su gamma Yaris Hybrid, solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.*     `, "style": "", "cookieName": "main_close6", }, { "active": true, "capping": true, "showInHome":false, "showExactlyOn":["/new-cars/yaris-cross", "/gamma/yaris-cross"], "showCascadeOn":["/content/toyota/italy/it/new-cars/yaris-cross"], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Su gamma Yaris Cross Hybrid, solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.* Scopri la promo.    `, "style": "", "cookieName": "main_close7", }, { "active": true, "capping": true, "showInHome":false, "showExactlyOn":["/dynamic-promotions/yaris-cross-hybrid_b40bd0d2-8cc3-4fe2-91dc-1b30357c76a9", "/promozione/yaris-cross"], "showCascadeOn":["/content/toyota/italy/it/dynamic-promotions/yaris-cross-hybrid_b40bd0d2-8cc3-4fe2-91dc-1b30357c76a9"], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Su gamma Yaris Cross Hybrid, solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.*     `, "style": "", "cookieName": "main_close8", }, { "active": true, "capping": true, "showInHome":true, "showExactlyOn":["/content/toyota/italy/it.html"], "showCascadeOn":[], "notShowOn":[], "dateFrom":"", "dateTo":"", "alert":false, "testo":` EXTRABONUS € 1.000
    Solo se richiedi un preventivo online e vai in concessionaria per finalizzare il contratto di acquisto con un finanziamento o un leasing Toyota Financial Services, ti offriamo un extrabonus di € 1.000. La promozione si applica anche in caso di contratto di noleggio KINTO One sottoscritto da titolari di partita IVA o società.*
    Scopri i modelli inclusi nell’iniziativa.    `, "style": "", "cookieName": "main_close11", } ] } } const styleho = `#owebanner { display: none;} body.attiva-owe #owebanner { /*border: 0.3rem solid #d40605;*/ display: block; font-family: "Toyota Regular", Arial, Helvetica, sans-serif; line-height: 21px; width: 50%; background:rgba(0,0,0,0.7); font-size: 15px; padding: 30px 20px 20px 20px; text-align: center; color:#efefef; position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 2000000; } #owebanner .testo { color:#fff; font-size: 15px; font-family: "Toyota Regular", Arial, Helvetica, sans-serif; } @media screen and (max-width: 767px) { body.attiva-owe #owebanner{width: 100% !important; bottom: 0px!important;} } #owebanner .closeButton { border-radius: 50%; padding: 0.5em; width: 30px; height: 30px; border: 2px solid #282830; background-color: #BBB; color: #ffffff; position: absolute; right:5px; top:5px; z-index:9; } #owebanner .closeButton:hover { border: 2px solid #282830; background-color: #BBB; color: #ffffff; } #owebanner .closeButton::before { content: " "; position: absolute; display: block; background-color: black; width: 2px; left: 12px; top: 5px; bottom: 5px; transform: rotate(45deg); } #owebanner .closeButton::after { content: " "; position: absolute; display: block; background-color: black; height: 2px; top:12px; left: 5px; right: 5px; transform: rotate(45deg); }`; // Function to show the banner if conditions are met function showBanner(banner, index) { const bannerElement = document.createElement('div'); const cookieName = banner.cookieName; bannerElement.id = 'owebanner'; bannerElement.innerHTML = ` ${banner.testo} `; bannerElement.style = banner.style || ''; // Apply inline styles if provided document.body.appendChild(bannerElement); // Apply the main styles to the head const styleElement = document.createElement('style'); styleElement.innerHTML = styleho; // Assuming styleho contains valid CSS document.head.appendChild(styleElement); // Add class to body document.body.classList.add("attiva-owe"); // Attach close button listener document.getElementById('tep_owe_close').addEventListener('click', () => { hideBanner(bannerElement, ); }); } // Function to hide the banner and set the cookie function hideBanner(bannerElement, cookieName) { DBB && console.log("close banner" + cookieName); DBB && console.log("cookie name: " + cookieName); bakeCookie(cookieName); bannerElement.style.display = 'none'; } function appendBanners(jsonData) { const currentUrl = window.location.pathname; const now = new Date(); DBB && console.info("%c" + jsonData.bannerOverlay.name + " v: "+ jsonData.bannerOverlay.version + " current url: " + currentUrl, 'background: #282830; color: #fff'); // Append the styleho variable to the head const styleElement = document.createElement('style'); styleElement.innerHTML = styleho; // Ensure valid CSS is inside styleho document.head.appendChild(styleElement); jsonData.bannerOverlay.banners.forEach((banner, i) => { if ((banner.active) && (!banner.capping || !readCookie(banner.cookieName))) { // Check date range if provided const dateFrom = banner.dateFrom ? new Date(banner.dateFrom) : null; const dateTo = banner.dateTo ? new Date(banner.dateTo) : null; const isWithinDateRange = (!dateFrom || now >= dateFrom) && (!dateTo || now <= dateTo); if (isWithinDateRange) { DBB && console.log("overlay "+i+" is active and in range: " + isWithinDateRange); const shouldShow = banner.showExactlyOn.some(path => currentUrl === path) || banner.showCascadeOn.some(path => currentUrl.startsWith(path)) || ((banner.showInHome)&&(jsonData.bannerOverlay.homeUrl.some(path => currentUrl === path))); const shouldNotShow = banner.notShowOn.some(path => currentUrl === path); if (shouldShow && !shouldNotShow) { // Append the banner to the body DBB && console.log("%c there is a match with the overlay: "+ i, 'background: #7ba400; color: #fff'); showBanner(banner, i); } else { DBB && console.log("there is NOT a match with the overlay: " + i); } } } }); } // Call the function with your jsonData appendBanners(jsonData); // Helper function to read a cookie function bakeCookie(cookieName, days = 7) { const date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); document.cookie = `${cookieName}=true; expires=${date.toUTCString()}; path=/`; } function readCookie(cookieName) { const nameEQ = `${cookieName}=`; const cookies = document.cookie.split(';'); for (let i = 0; i < cookies.length; i++) { let c = cookies[i].trim(); if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length); } return null; }