{"id":163,"date":"2025-10-28T17:23:19","date_gmt":"2025-10-28T17:23:19","guid":{"rendered":"https:\/\/elasticsuite.io\/fr\/?page_id=163"},"modified":"2026-02-19T08:28:41","modified_gmt":"2026-02-19T08:28:41","slug":"personnalisation-e-commerce","status":"publish","type":"page","link":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/","title":{"rendered":"Personnalisation e-commerce"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull relative overflow-hidden bg-indigo-dark pt-20 min-h-[480px] is-layout-constrained wp-block-group-is-layout-constrained\"><!-- wp:elasticsuite\/decorator-section-banner-merchandizing [] -->\n<div class=\"absolute inset-0\">\n    <div class=\"max-lg:hidden absolute rounded-full w-[3791px] h-[1654px] -top-[487px] -left-1\/20\"\n         style=\"background: radial-gradient(50% 50% at 50% 50%, #9E98F4 0%, #4A3BDD 40%, rgba(26, 15, 77, 0) 95%, transparent 100%)\">\n    <\/div>\n\n    <div class=\"lg:hidden absolute rounded-full bg-no-repeat w-[2499px] h-[960px] top-1\/3 -translate-x-4\/9\"\n         style=\"background: radial-gradient(50% 50% at 50% 50%, #9E98F4 0%, #4A3BDD 40%, rgba(26, 15, 77, 0) 95%, transparent 100%)\">\n    <\/div>\n\n    <svg\n            data-parallax\n            data-parallax-start=\"top bottom\"\n            data-parallax-end=\"bottom top\"\n            data-parallax-scrub=\"3\"\n            data-parallax-x-percent=\"0\"\n            data-parallax-y-percent=\"0\"\n            data-parallax-rotate=\"30\"\n            data-parallax-speed=\"5\"\n            viewBox=\"0 0 200 200\" class=\"invisible absolute w-[353px] h-[353px] bottom-[-200px] right-[-100px] lg:right-[-300px] rotate-43 fill-indigo-deep\">\n        <use xlink:href=\"#shape__flower\"><\/use>\n    <\/svg>\n<\/div>\n<!-- \/wp:elasticsuite\/decorator-section-banner-merchandizing -->\n\n\n\n<div class=\"wp-block-columns relative z-10 flex flex-row gap-(--es-spacing-xl) px-(--es-spacing-sm) pt-(--es-spacing-lg) pb-(--es-spacing-xl) lg:pt-(--es-spacing-2xl) lg:pb-(--es-spacing-3xl) lg:px-(--es-spacing-none) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"theme\":\"white\",\"showSectionTitle\":false,\"sectionTitle\":\"Merchandizing\",\"title\":\"<strong>Personnalisation e-commerce pour maximiser vos ventes<\/strong>\",\"titleTag\":\"h1\",\"paragraph\":\"La personnalisation e-commerce vous aide \u00e0 proposer une exp\u00e9rience d\u2019achat unique et engageante.<br>Avec des outils de recommandations de produits et de cross selling, vous pouvez augmenter vos ventes. Cela aide \u00e0 faire augmenter le panier moyen et \u00e0 garder vos clients fid\u00e8les sur le long terme.<br><br>Am\u00e9liorez l\u2019exp\u00e9rience client d\u00e8s le premier point de contact et optimisez votre chiffre d\u2019affaires.\",\"isAnimated\":false,\"alignment\":\"left\",\"showTitle\":true,\"showParagraph\":true,\"showCtas\":true,\"cta\":\"\\n\\n<a\\n        href=\\\"https:\/\/elasticsuite.io\/fr\/demander-une-demo\/\\\"\\n        class=\\\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\\\"\\n>\\n<span>Demander une d\u00e9mo<\/span>\\n    <span class=\\\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\\\"><\/span><\/a>\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-left wp-block-elasticsuite-card\" data-animated=\"\">\n    \n            <h1 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-50\"><strong>Personnalisation e-commerce pour maximiser vos ventes<\/strong><\/h1>\n    \n            <div class=\"esCard__paragraph font-normal text-base leading-6 lg:es-typo-md mt-(--es-spacing-sm) lg:mt-(--es-spacing-md) break-keep [&amp;_*]:break-keep hyphens-none [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-50\">\n            La personnalisation e-commerce vous aide \u00e0 proposer une exp\u00e9rience d\u2019achat unique et engageante.<br>Avec des outils de recommandations de produits et de cross selling, vous pouvez augmenter vos ventes. Cela aide \u00e0 faire augmenter le panier moyen et \u00e0 garder vos clients fid\u00e8les sur le long terme.<br><br>Am\u00e9liorez l\u2019exp\u00e9rience client d\u00e8s le premier point de contact et optimisez votre chiffre d\u2019affaires.\n        <\/div>\n    \n            <div class=\"esCard__cta inline-flex flex-col items-center gap-(--es-spacing-sm) mt-(--es-spacing-sm) lg:flex lg:flex-row lg:mt-(es-spacing-md) justify-start\">\n            <a\n        href=\"https:\/\/elasticsuite.io\/fr\/demander-une-demo\/\"\n        class=\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\"\n>\n<span>Demander une d\u00e9mo<\/span>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\"><\/span><\/a>\n        <\/div>\n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/motion-3d-slider [] -->\n<div class=\"esMotion3dSlider relative max-w-[600px] h-[500px] m-auto\">\n    <div class=\"esMotion3dSlider__scroller scrollbar-hidden absolute z-10 top-[7%] left-[-120px] w-[1000px] h-[300px] overflow-y-auto overflow-x-visible overscroll-contain opacity-40 -skew-x-24 -rotate-[24.5Deg]\">\n        <div class=\"esMotion3dSlider__sentinel h-[2000px]\"><\/div>\n    <\/div>\n\n    <div class=\"esMotion3dSlider__stage absolute inset-0 z-0\">\n        <div class=\"absolute -translate-y-1\/2 \">\n            <div class=\"esMotion3dSlider__container relative h-[520px] overflow-visible\">\n                <ul class=\"esMotion3dSlider__track absolute inset-0 will-change-transform\">\n                                            <li data-index=\"0\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Et<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Minima rerum.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide1-min-BHi-Hqc7.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"1\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Voluptatem<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Tempora.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide2-min-KLGRvLRV.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"2\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Pariatur<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Ut et.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide3-min-DpAxWr8U.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"3\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Dicta<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Cum.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide4-min-CCtTl1bR.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"4\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Enim<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Omnis.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide5-min-iznaOwh9.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"5\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Aut<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Similique vel.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide6-min-DtJ_aUcU.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"6\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Magni<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Illo.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide7-min-CF2UWIDR.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"7\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Nisi<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Officiis nostrum.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide8-min-B6yvkT_6.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"8\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Necessitatibus<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Necessitatibus nobis.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide9-min-BVGaHD6Q.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"9\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Veniam<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Omnis atque.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide1-min-BHi-Hqc7.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"10\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Quo<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Est consequatur.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide2-min-KLGRvLRV.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"11\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Velit<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Mollitia perferendis.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide3-min-DpAxWr8U.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"12\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Eius<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Soluta.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide4-min-CCtTl1bR.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"13\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Ex<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Voluptatem ex.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide5-min-iznaOwh9.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"14\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Illo<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Placeat quidem.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide6-min-DtJ_aUcU.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"15\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Dignissimos<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Totam omnis.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide7-min-CF2UWIDR.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"16\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Aperiam<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Exercitationem reprehenderit.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide8-min-B6yvkT_6.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"17\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Facilis<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Accusantium vitae.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide9-min-BVGaHD6Q.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"18\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Est<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Sapiente.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide1-min-BHi-Hqc7.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"19\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Corporis<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Sit.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide2-min-KLGRvLRV.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"20\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Vel<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Et.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide3-min-DpAxWr8U.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"21\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Et<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Et.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide4-min-CCtTl1bR.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"22\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-900\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Nihil<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Modi.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide5-min-iznaOwh9.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                            <li data-index=\"23\"\n                            class=\"esMotion3dSlider__slide absolute will-change-[transform, opacity, marginTop] w-[160px] h-[220px] before:absolute before:content-[''] before:top-[-3px] before:right-[-3px] before:bottom-[-3px] before:left-[-3px] before:z-[-1] before:rounded-(--es-radius-xl) before:opacity-0 before:transition-opacity before:duration-300 select-none text-neutral-50\"\n                            style=\"transform: perspective(650px) rotateY(-30deg) translate3d(0, 650px, -75px);\">\n                            <div class=\"absolute top-3 left-3 scale-90 \">\n                                <p class=\"font-bold text-[12px] leading-4\">Ut<\/p>\n                                <p class=\"font-normal text-[15px] leading-6\">Incidunt quia.<\/p>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-3d-slider__slide6-min-DtJ_aUcU.png\"\n                                 class=\"w-full h-full object-cover rounded-(--es-radius-lg)\"\n                                 alt=\"\"\n                            \/>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- \/wp:elasticsuite\/motion-3d-slider -->\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns absolute! bottom-0 left-0 w-full z-10 flex flex-row px-(--es-spacing-sm) lg:px-(--es-spacing-lg) py-(--es-spacing-sm) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/breadcrumb {\"theme\":\"dark\"} -->\n<nav class=\"esBreadcrumb\" aria-label=\"Fil d'Ariane\">\n        <ol class=\"flex flex-wrap gap-(--es-spacing-xxs))\">\n                            <li class=\"flex items-center font-mono text-sm text-indigo-light\">\n                                                                <span aria-current=\"page\" class=\"*:w-6 *:h-6 *:fill-indigo-light\"><svg viewBox=\"0 0 24 24\"><use xlink:href=\"#filled__home\"><\/use><\/svg><\/span>\n                                    <\/li>\n                    <\/ol>\n    <\/nav>\n<!-- \/wp:elasticsuite\/breadcrumb -->\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop-min.png&apos;);background-repeat:repeat-y;background-size:initial;\" class=\"wp-block-group alignfull relative bg-neutral-100 bg-repeat-y bg-center border-b-neutral-200 border-b-1 overflow-hidden is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-group max-w-7xl mx-auto px-(--es-spacing-md) lg:px-(--es-spacing-lg) py-(--es-spacing-2xl) is-layout-flow wp-block-group-is-layout-flow\">\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading text-neutral-900 font-bold text-[38px] leading-12\"><strong><strong><strong>Pourquoi la recommandation produits personnalis\u00e9e est-elle un levier cl\u00e9&nbsp; ?<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"text-neutral-900 font-normal text-[19px] leading-7\">La personnalisation e-commerce transforme chaque visite en opportunit\u00e9. En proposant les bons produits au bon moment, vous attirez l\u2019attention. Cela augmente la pertinence des offres. Vous pr\u00e9parez aussi le terrain pour augmenter le panier moyen et la satisfaction des clients.<\/p>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<!-- wp:elasticsuite\/totems-card-feature {\"columns\":3,\"isAnimated\":true,\"items\":[\"\\n<div class=\\\"esCardFeature flex flex-col wp-block-elasticsuite-card-feature\\\">\\n            <h2 class=\\\"esCardFeature__icon w-10 h-10\\\"><svg width=\\\"40\\\" height=\\\"40\\\" aria-hidden=\\\"true\\\">\\n            <use href=\\\"#feature__programming_source--color\\\"\/>\\n        <\/svg><\/h2>\\n    \\n            <h3 class=\\\"esCardFeature__title es-typo-lg mt-2 break-keep [&amp;_*]:break-keep hyphens-auto bg-linear-to-r from-elastic-blue to-elastic-coral text-transparent bg-clip-text\\\">Valoriser les produits strat\u00e9giques<\/h3>\\n    \\n            <div class=\\\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\\\">\\n            Mettez en avant vos best-sellers, nouveaut\u00e9s et articles \u00e0 forte marge pour orienter les achats.\\n        <\/div>\\n    \\n    <\/div>\",\"\\n<div class=\\\"esCardFeature flex flex-col wp-block-elasticsuite-card-feature\\\">\\n            <h2 class=\\\"esCardFeature__icon w-10 h-10\\\"><svg width=\\\"40\\\" height=\\\"40\\\" aria-hidden=\\\"true\\\">\\n            <use href=\\\"#feature__scale--color\\\"\/>\\n        <\/svg><\/h2>\\n    \\n            <h3 class=\\\"esCardFeature__title es-typo-lg mt-2 break-keep [&amp;_*]:break-keep hyphens-auto bg-linear-to-r from-elastic-blue to-elastic-coral text-transparent bg-clip-text\\\">Offrir une exp\u00e9rience de navigation personnalis\u00e9e<\/h3>\\n    \\n            <div class=\\\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\\\">\\n            Adaptez l\u2019affichage selon le comportement de chaque utilisateur pour rendre le parcours simple, rapide et intuitif.\\n        <\/div>\\n    \\n    <\/div>\",\"\\n<div class=\\\"esCardFeature flex flex-col wp-block-elasticsuite-card-feature\\\">\\n            <h2 class=\\\"esCardFeature__icon w-10 h-10\\\"><svg width=\\\"40\\\" height=\\\"40\\\" aria-hidden=\\\"true\\\">\\n            <use href=\\\"#feature__on_premise--color\\\"\/>\\n        <\/svg><\/h2>\\n    \\n            <h3 class=\\\"esCardFeature__title es-typo-lg mt-2 break-keep [&amp;_*]:break-keep hyphens-auto bg-linear-to-r from-elastic-blue to-elastic-coral text-transparent bg-clip-text\\\">Un levier puissant pour la performance commerciale<\/h3>\\n    \\n            <div class=\\\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\\\">\\n            Stimuler les ventes crois\u00e9es et la d\u00e9couverte de l\u2019offre\\n        <\/div>\\n    \\n    <\/div>\"]} -->\n\n<div class=\"wp-block-elasticsuite-totems-card-feature esTotems esTotemsCardFeature grid grid-cols-1 sm:grid-cols-2  gap-(--es-spacing-sm) lg:grid-cols-3 esTotems--animated invisible *:invisible\">\n            \n<div class=\"esCardFeature flex flex-col wp-block-elasticsuite-card-feature\">\n            <h2 class=\"esCardFeature__icon w-10 h-10\"><svg width=\"40\" height=\"40\" aria-hidden=\"true\">\n            <use href=\"#feature__programming_source--color\"\/>\n        <\/svg><\/h2>\n    \n            <h3 class=\"esCardFeature__title es-typo-lg mt-2 break-keep [&amp;_*]:break-keep hyphens-auto bg-linear-to-r from-elastic-blue to-elastic-coral text-transparent bg-clip-text\">Valoriser les produits strat\u00e9giques<\/h3>\n    \n            <div class=\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\">\n            Mettez en avant vos best-sellers, nouveaut\u00e9s et articles \u00e0 forte marge pour orienter les achats.\n        <\/div>\n    \n    <\/div>\n            \n<div class=\"esCardFeature flex flex-col wp-block-elasticsuite-card-feature\">\n            <h2 class=\"esCardFeature__icon w-10 h-10\"><svg width=\"40\" height=\"40\" aria-hidden=\"true\">\n            <use href=\"#feature__scale--color\"\/>\n        <\/svg><\/h2>\n    \n            <h3 class=\"esCardFeature__title es-typo-lg mt-2 break-keep [&amp;_*]:break-keep hyphens-auto bg-linear-to-r from-elastic-blue to-elastic-coral text-transparent bg-clip-text\">Offrir une exp\u00e9rience de navigation personnalis\u00e9e<\/h3>\n    \n            <div class=\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\">\n            Adaptez l\u2019affichage selon le comportement de chaque utilisateur pour rendre le parcours simple, rapide et intuitif.\n        <\/div>\n    \n    <\/div>\n            \n<div class=\"esCardFeature flex flex-col wp-block-elasticsuite-card-feature\">\n            <h2 class=\"esCardFeature__icon w-10 h-10\"><svg width=\"40\" height=\"40\" aria-hidden=\"true\">\n            <use href=\"#feature__on_premise--color\"\/>\n        <\/svg><\/h2>\n    \n            <h3 class=\"esCardFeature__title es-typo-lg mt-2 break-keep [&amp;_*]:break-keep hyphens-auto bg-linear-to-r from-elastic-blue to-elastic-coral text-transparent bg-clip-text\">Un levier puissant pour la performance commerciale<\/h3>\n    \n            <div class=\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\">\n            Stimuler les ventes crois\u00e9es et la d\u00e9couverte de l\u2019offre\n        <\/div>\n    \n    <\/div>\n    <\/div>\n<!-- \/wp:elasticsuite\/totems-card-feature --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns relative z-10 flex flex-col pt-(--es-spacing-md) pb-(--es-spacing-xl) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/slider-brands {\"title\":\"Approuv\u00e9 par\",\"className\":\"alignfull\",\"showTitle\":true,\"brands\":[\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/11\/Biocoop.avif\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/LMDW.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/cultura-V2.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/Logo_weldom.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/mega-logo.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/Logo_Chomette_positif_RVB_graisse-2-scaled.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/manutan.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/snow.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/retif.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\",\"\\n<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/larcier.png\\\" alt=\\\"\\\" class=\\\"esBrandIcon__media\\\" \/>\\n\"]} -->\n<div class=\"esSliderBrands flex flex-col gap-6 alignfull\">\n            <h2 class=\"esSliderBrands__title text-neutral-700 es-typo-sm mx-auto\">Approuv\u00e9 par<\/h2>\n        <div class=\"esSliderBrands__slider\">\n        <div class=\"esSliderBrands__track glide__track\" data-glide-el=\"track\">\n            <ul class=\"esSliderBrands__slides glide__slides\">\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/11\/Biocoop.avif\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/LMDW.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/cultura-V2.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/Logo_weldom.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/mega-logo.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/Logo_Chomette_positif_RVB_graisse-2-scaled.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/manutan.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/snow.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/retif.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                                    <li class=\"esSliderBrands__slide glide_slide\">\n                        <div class=\"relative flex items-center justify-center w-[128px] h-[40px] px-(--es-spacing-lg) lg:px-(--es-spacing-xl) lg:w-[200px] *:max-h-full\">\n                            \n<img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/2025\/12\/larcier.png\" alt=\"\" class=\"esBrandIcon__media\" \/>\n\n                        <\/div>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n    <\/div>\n<\/div><!-- \/wp:elasticsuite\/slider-brands --><\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop-min.png&apos;);background-repeat:repeat-y;background-size:initial;\" class=\"wp-block-group alignfull relative bg-neutral-100 bg-repeat-y bg-center border-b-neutral-200 border-b-1 overflow-hidden is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-columns relative z-10 flex flex-col gap-(--es-spacing-lg) px-(--es-spacing-md) py-(--es-spacing-2xl) lg:px-(--es-spacing-none) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"showSectionTitle\":false,\"sectionTitle\":\"Overview\",\"title\":\"Nos deux leviers de personnalisation\",\"titleTag\":\"h2\",\"paragraph\":\"Nos outils agissent sur l'int\u00e9gralit\u00e9 du tunnel de conversion pour cr\u00e9er une exp\u00e9rience v\u00e9ritablement sur mesure.\",\"showCtas\":false,\"isAnimated\":false,\"theme\":\"dark\",\"alignment\":\"left\",\"showTitle\":true,\"showParagraph\":true,\"cta\":\"\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-left wp-block-elasticsuite-card\" data-animated=\"\">\n    \n            <h2 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-900\">Nos deux leviers de personnalisation<\/h2>\n    \n            <div class=\"esCard__paragraph font-normal text-base leading-6 lg:es-typo-md mt-(--es-spacing-sm) lg:mt-(--es-spacing-md) break-keep [&amp;_*]:break-keep hyphens-none [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-700\">\n            Nos outils agissent sur l&rsquo;int\u00e9gralit\u00e9 du tunnel de conversion pour cr\u00e9er une exp\u00e9rience v\u00e9ritablement sur mesure.\n        <\/div>\n    \n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop-min.png&apos;);background-repeat:repeat-y;background-size:initial;\" class=\"wp-block-group alignfull relative bg-neutral-100 bg-repeat-y bg-center border-b-neutral-200 border-b-1 overflow-hidden is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-columns relative z-10 flex flex-row gap-(--es-spacing-lg) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/image-50-50 {\"image\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2026\/02\/inspired-by-visit.png\",\"isAnimated\":true,\"theme\":\"1\"} -->\n<div class=\"relative overflow-hidden py-(--es-spacing-2xl) pr-(--es-spacing-xl) lg:py-36 lg:pr-24 bg-elastic-blue\">\n       <div class=\"absolute w-[2191px] h-[1654px] top-[-634px] left-[-1096px]\"\n       style=\"background: radial-gradient(50% 50% at 50% 50%, #9E98F4 0%, #4A3BDD 40.1%, #1A0F7F 81.73%);\"\n   ><\/div>\n        <svg viewBox=\"0 0 200 230\"\n        data-parallax\n        data-parallax-start=\"top bottom\"\n        data-parallax-end=\"bottom+=20% top\"\n        data-parallax-scrub=\"2\"\n        data-parallax-y-percent=\"-50\"\n        data-parallax-rotate=\"10\"\n        data-parallax-speed=\"0.8\"\n        class=\"absolute w-[363.25px] h-[417.74px] top-[266px] right-[-100px] rotate-[15Deg] fill-indigo-deep\">\n        <use xlink:href=\"#shape__cube\"><\/use>\n    <\/svg>\n    <div class=\"relative inline-block rounded-r-(--es-spacing-md) -left-(--es-spacing-md) p-4 bg-neutral-50\/10 backdrop-blur-xs esFadeInAnimated invisible\" data-animation-origin=\"left\">\n        <img decoding=\"async\" class=\"relative z-10 rounded-r-(--es-spacing-sm)\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2026\/02\/inspired-by-visit.png\" alt=\"\" \/>\n    <\/div>\n<\/div>\n\n<!-- \/wp:elasticsuite\/image-50-50 --><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"showSectionTitle\":false,\"sectionTitle\":\"Optimization\",\"title\":\"Personnalisation\",\"titleTag\":\"h2\",\"paragraph\":\"La fonctionnalit\u00e9 de Personnalisation est un widget de suggestions aliment\u00e9 par l'intention d'achat active de l'utilisateur. Il analyse les produits consult\u00e9s pendant la session actuelle ou r\u00e9cente et utilise la similarit\u00e9 des attributs (marque, couleur, style) pour identifier et afficher des recommandations ultra-pertinentes. Cette approche augmente le taux de conversion en garantissant que les suggestions correspondent aux intentions imm\u00e9diates du client.<br>\",\"isAnimated\":false,\"theme\":\"dark\",\"alignment\":\"left\",\"showTitle\":true,\"showParagraph\":true,\"showCtas\":true,\"cta\":\"\\n\\n<a\\n        href=\\\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/personnalisation\/\\\"\\n        class=\\\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\\\"\\n>\\n<span>En savoir plus<\/span>\\n    <span class=\\\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\\\"><\/span><\/a>\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-left wp-block-elasticsuite-card\" data-animated=\"\">\n    \n            <h2 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-900\">Personnalisation<\/h2>\n    \n            <div class=\"esCard__paragraph font-normal text-base leading-6 lg:es-typo-md mt-(--es-spacing-sm) lg:mt-(--es-spacing-md) break-keep [&amp;_*]:break-keep hyphens-none [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-700\">\n            La fonctionnalit\u00e9 de Personnalisation est un widget de suggestions aliment\u00e9 par l&rsquo;intention d&rsquo;achat active de l&rsquo;utilisateur. Il analyse les produits consult\u00e9s pendant la session actuelle ou r\u00e9cente et utilise la similarit\u00e9 des attributs (marque, couleur, style) pour identifier et afficher des recommandations ultra-pertinentes. Cette approche augmente le taux de conversion en garantissant que les suggestions correspondent aux intentions imm\u00e9diates du client.<br>\n        <\/div>\n    \n            <div class=\"esCard__cta inline-flex flex-col items-center gap-(--es-spacing-sm) mt-(--es-spacing-sm) lg:flex lg:flex-row lg:mt-(es-spacing-md) justify-start\">\n            <a\n        href=\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/personnalisation\/\"\n        class=\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\"\n>\n<span>En savoir plus<\/span>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\"><\/span><\/a>\n        <\/div>\n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop-min.png&apos;);background-repeat:repeat-y;background-size:initial;\" class=\"wp-block-group alignfull relative bg-neutral-100 bg-repeat-y bg-center border-b-neutral-200 border-b-1 overflow-hidden is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-columns relative z-10 flex flex-row gap-(--es-spacing-lg) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/image-50-50 {\"theme\":\"2\",\"image\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2026\/02\/reco.png\",\"isAnimated\":true} -->\n<div class=\"relative overflow-hidden py-(--es-spacing-2xl) pr-(--es-spacing-xl) lg:py-36 lg:pr-24 bg-indigo-light\">\n       <div class=\"absolute w-[2808px] h-[2431px] top-[-202px] left-[-1298px]\"\n       style=\"background: radial-gradient(50% 50% at 50% 50%, #9E98F4 30.29%, #FCFCFC 90%);\"\n   ><\/div>\n        <svg viewBox=\"0 0 200 200\"\n        data-parallax\n        data-parallax-start=\"top bottom\"\n        data-parallax-end=\"bottom+=20% top\"\n        data-parallax-scrub=\"2\"\n        data-parallax-y-percent=\"10\"\n        data-parallax-x-percent=\"30\"\n        data-parallax-rotate=\"10\"\n        data-parallax-speed=\"0.8\"\n        class=\"absolute w-[464.13px] h-[464.13px] top-[-80px] left-[-200px] rotate-[8Deg] fill-indigo-light\">\n        <use xlink:href=\"#shape__wave\"><\/use>\n    <\/svg>\n    <div class=\"relative inline-block rounded-r-(--es-spacing-md) -left-(--es-spacing-md) p-4 bg-neutral-50\/10 backdrop-blur-xs esFadeInAnimated invisible\" data-animation-origin=\"left\">\n        <img decoding=\"async\" class=\"relative z-10 rounded-r-(--es-spacing-sm)\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2026\/02\/reco.png\" alt=\"\" \/>\n    <\/div>\n<\/div>\n\n<!-- \/wp:elasticsuite\/image-50-50 --><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"showSectionTitle\":false,\"sectionTitle\":\"Optimization\",\"title\":\"Cross &amp; Up Selling\",\"titleTag\":\"h2\",\"paragraph\":\"L'art du Cross &amp; Up Selling consiste \u00e0 augmenter la valeur de la transaction au bon moment. Nos algorithmes intelligents analysent les paniers, les catalogues et les tendances pour sugg\u00e9rer des produits compl\u00e9mentaires (Cross-Selling) ou des alternatives de valeur sup\u00e9rieure (Up-Selling) de mani\u00e8re contextuelle, pertinente et non intrusive.\",\"isAnimated\":false,\"theme\":\"dark\",\"alignment\":\"left\",\"showTitle\":true,\"showParagraph\":true,\"showCtas\":true,\"cta\":\"\\n\\n<a\\n        href=\\\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/cross-selling-up-selling-augmentez-votre-panier-moyen\/\\\"\\n        class=\\\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\\\"\\n>\\n<span>En savoir plus<\/span>\\n    <span class=\\\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\\\"><\/span><\/a>\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-left wp-block-elasticsuite-card\" data-animated=\"\">\n    \n            <h2 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-900\">Cross &amp; Up Selling<\/h2>\n    \n            <div class=\"esCard__paragraph font-normal text-base leading-6 lg:es-typo-md mt-(--es-spacing-sm) lg:mt-(--es-spacing-md) break-keep [&amp;_*]:break-keep hyphens-none [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-700\">\n            L&rsquo;art du Cross &amp; Up Selling consiste \u00e0 augmenter la valeur de la transaction au bon moment. Nos algorithmes intelligents analysent les paniers, les catalogues et les tendances pour sugg\u00e9rer des produits compl\u00e9mentaires (Cross-Selling) ou des alternatives de valeur sup\u00e9rieure (Up-Selling) de mani\u00e8re contextuelle, pertinente et non intrusive.\n        <\/div>\n    \n            <div class=\"esCard__cta inline-flex flex-col items-center gap-(--es-spacing-sm) mt-(--es-spacing-sm) lg:flex lg:flex-row lg:mt-(es-spacing-md) justify-start\">\n            <a\n        href=\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/cross-selling-up-selling-augmentez-votre-panier-moyen\/\"\n        class=\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\"\n>\n<span>En savoir plus<\/span>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\"><\/span><\/a>\n        <\/div>\n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop-min.png&apos;);background-size:initial;\" class=\"wp-block-group alignfull relative bg-neutral-100 bg-repeat-y bg-center border-b-neutral-200 border-b-1 overflow-hidden is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-columns relative flex flex-col gap-(--es-spacing-md) px-(--es-spacing-lg) justify-between py-(--es-spacing-xl) lg:py-(--es-spacing-2xl) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column max-w-full is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"showSectionTitle\":false,\"sectionTitle\":\"What they say about us\",\"title\":\"Ce sont nos clients qui en parlent le mieux\",\"titleTag\":\"h2\",\"showParagraph\":false,\"isAnimated\":false,\"theme\":\"dark\",\"alignment\":\"left\",\"showTitle\":true,\"paragraph\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor, nunc sit amet vulputate laoreet, risus diam eleifend tellus, placerat mollis risus magna at diam. Sed diam magna, iaculis sit amet ex a, rutrum interdum ligula. Maecenas venenatis eleifend nulla, id commodo mauris mollis at. Nulla facilisi.\\n Integer eget malesuada purus. Morbi placerat felis ut dapibus egestas. Nunc bibendum, purus sit amet placerat feugiat, tellus ligula vehicula massa, a sagittis elit quam at libero. Vestibulum vulputate placerat eros, ac lacinia dolor rhoncus sit amet\",\"showCtas\":true,\"cta\":\"\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-left wp-block-elasticsuite-card\" data-animated=\"\">\n    \n            <h2 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-900\">Ce sont nos clients qui en parlent le mieux<\/h2>\n    \n    \n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n\n\n<!-- wp:elasticsuite\/slider-cards {\"slides\":[{\"cover\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/11\/Design-sans-titre-9.png\",\"iconSource\":\"media\",\"mediaId\":872,\"mediaUrl\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/essenza-home-e1764602951465.png\",\"title\":\"+30%\",\"subtitle\":\"taux de conversion\",\"paragraph\":\"\\\"Nous utilisons ElasticSuite Premium et ses fonctionnalit\u00e9s depuis  5 mois et, depuis lors, le taux de conversion a d\u00e9j\u00e0 augment\u00e9 de 30 %.\\\"\",\"className\":\"wp-block-elasticsuite-card-slide esCardSlide glide__slide\",\"fontSize\":\"sm\",\"showIcon\":true,\"icon\":\"<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/essenza-home-e1764602951465.png\\\" alt=\\\"\\\" \/>\",\"showTitle\":true,\"showSubtitle\":true,\"showParagraph\":true,\"showCta\":true,\"people\":{\"desc\":\"Rosalie Smits \u2013 Head of Channels \u2013 ESSENZA HOME\"},\"cta\":[]},{\"cover\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/11\/Design-sans-titre-8.png\",\"iconSource\":\"media\",\"icon\":\"<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/mega-logo.png\\\" alt=\\\"\\\" \/>\",\"mediaId\":875,\"mediaUrl\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/mega-logo.png\",\"showTitle\":false,\"title\":null,\"showSubtitle\":false,\"paragraph\":\"\\\"Avec Elasticsuite, nous avons trouv\u00e9 l'outil qui nous a permis de mettre en place notre strat\u00e9gie merchandising id\u00e9ale..\\\"\",\"className\":\"wp-block-elasticsuite-card-slide esCardSlide glide__slide\",\"fontSize\":\"sm\",\"showIcon\":true,\"subtitle\":null,\"showParagraph\":true,\"showCta\":true,\"people\":{\"desc\":\"Julien Anquetil \u2013 Software Development Manager \u2013 MegaDental\"},\"cta\":[]},{\"cover\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/11\/Design-sans-titre-7.png\",\"iconSource\":\"media\",\"mediaId\":889,\"mediaUrl\":\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/iconizer-Logo_La_Maison_du_Whisky__sans_transparence_-Picsart-BackgroundRemover.svg\",\"showTitle\":false,\"showSubtitle\":false,\"paragraph\":\"\\\"Cette solution a grandement simplifi\u00e9 la gestion de notre e-commerce B2B, renfor\u00e7ant notre efficacit\u00e9 gr\u00e2ce \u00e0 une administration centralis\u00e9e et des am\u00e9liorations continues, soutenues par un service excellent et r\u00e9actif\\\"\",\"className\":\"wp-block-elasticsuite-card-slide esCardSlide glide__slide\",\"fontSize\":\"sm\",\"showIcon\":true,\"icon\":\"<img src=\\\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/iconizer-Logo_La_Maison_du_Whisky__sans_transparence_-Picsart-BackgroundRemover.svg\\\" alt=\\\"\\\" \/>\",\"title\":null,\"subtitle\":null,\"showParagraph\":true,\"showCta\":true,\"people\":{\"desc\":\" Pascal POZZOBON Directeur Digital et SI\"},\"cta\":[]}]} -->\n<div class=\"esSliderCards relative invisible\">\n    <div data-glide-el=\"controls\" class=\"esSliderCards__controls glide__arrows flex items-center lg:justify-end gap-(--es-spacing-xs) mb-(--es-spacing-md) overflow-hidden invisible\">\n        <button\n    class=\"whitespace-nowrap group inline-flex items-center gap-2 cursor-pointer rounded-full w-[32px] h-[32px] border-2 border-transparent focus-visible:outline-1 focus-visible:transition:none active:transition-none disabled:transition-none disabled:cursor-default transition-colors duration-800 ease-in-out focus-visible:border-neutral-50 active:border-transparent disabled:border-neutral-400 disabled:bg-transparent bg-coral-light hover:bg-elastic-coral focus-visible:bg-coral-light active:bg-coral-mid es-typo-base esSliderCards__controlsPrev glide__arrow glide__arrow--left\" data-glide-dir=\"&lt;\"\n>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-45 after:-rotate-45 before:left-0   before:origin-top-left after:left-0 after:origin-bottom-left before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-elastic-coral before:bg-elastic-coral after:bg-elastic-coral group-hover:bg-neutral-50 group-hover:before:bg-neutral-50 group-hover:after:bg-neutral-50 group-focus-visible:bg-elastic-coral group-focus-visible:before:bg-elastic-coral group-focus-visible:after:bg-elastic-coral group-active:bg-coral-mid group-active:bg-neutral-50 group-active:before:bg-neutral-50 group-active:after:bg-neutral-50 group-disabled:bg-neutral-400 group-disabled:before:bg-neutral-400 group-disabled:after:bg-neutral-400 group-disabled:transition-none group-disabled:before:transition-none group-disabled:after:transition-none\"><\/span><\/button>\n        <div class=\"rounded-(--es-radius-full) bg-coral-light overflow-hidden before:content-[&#039;&#039;] before:absolute before:inset-0 before:bg-elastic-coral before:rounded-(--es-radius-full) before:translate-x-(--es-progress-bar-x) before:translate-y-(--es-progress-bar-y) before:will-change-[transform] before:transform-gpu motion-reduce:before:transition-none cardsSlider__progress\" style=\"position:relative;width:50px;height:8px;\" data-orient=\"h\" data-min=\"0\" data-max=\"3\" data-step=\"1\" data-value=\"1\" data-orient=\"h\" data-min=\"0\" data-max=\"100\" data-step=\"1\"  data-value=\"0\">\n<\/div>\n        <button\n    class=\"whitespace-nowrap group inline-flex items-center gap-2 cursor-pointer rounded-full w-[32px] h-[32px] border-2 border-transparent focus-visible:outline-1 focus-visible:transition:none active:transition-none disabled:transition-none disabled:cursor-default transition-colors duration-800 ease-in-out focus-visible:border-neutral-50 active:border-transparent disabled:border-neutral-400 disabled:bg-transparent bg-coral-light hover:bg-elastic-coral focus-visible:bg-coral-light active:bg-coral-mid es-typo-base esSliderCards__controlsNext glide__arrow glide__arrow--right\" data-glide-dir=\"&gt;\"\n>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-45 after:-rotate-45 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-elastic-coral before:bg-elastic-coral after:bg-elastic-coral group-hover:bg-neutral-50 group-hover:before:bg-neutral-50 group-hover:after:bg-neutral-50 group-focus-visible:bg-elastic-coral group-focus-visible:before:bg-elastic-coral group-focus-visible:after:bg-elastic-coral group-active:bg-coral-mid group-active:bg-neutral-50 group-active:before:bg-neutral-50 group-active:after:bg-neutral-50 group-disabled:bg-neutral-400 group-disabled:before:bg-neutral-400 group-disabled:after:bg-neutral-400 group-disabled:transition-none group-disabled:before:transition-none group-disabled:after:transition-none\"><\/span><\/button>    <\/div>\n\n    <div data-glide-el=\"track\" class=\"esSliderCards__track glide__track\">\n        <div class=\"esSliderCards__slides glide__slides\">\n                            <div class=\"esCardSlide glide__slide wp-block-elasticsuite-card-slide has-sm-font-size\">\n    <div class=\"group relative overflow-hidden rounded-(--es-radius-md) bg-neutral-100 aspect-4\/6 max-w-96\">\n                    <img decoding=\"async\" class=\"esCardSlide__cover aspect-4\/6 object-cover w-full h-full\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/11\/Design-sans-titre-9.png\" alt=\"\"\/>\n                <div class=\"absolute inset-0 bg-neutral-900\/40\"><\/div>\n        <div class=\"esCardSlide__icon absolute top-8 left-4 *:w-1\/2 *:h-auto *:max-h-32 **:fill-neutral-50\"><img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/essenza-home-e1764602951465.png\" alt=\"\" \/><\/div>\n        <div class=\"esCardSlide__content absolute top-24 px-(--es-spacing-sm) transition-transform duration-500 ease-in-out translate-y-0 group-hover:-translate-y-5 lg:top-9\/16 lg:mt-[-50%] text-neutral-50\">\n            <h3 class=\"esCardSlide__contentTitle font-bold text-3xl leading-14 mb-(--es-spacing-xxs) lg:es-typo-5xl\">+30%<\/h3>\n            <div class=\"esCardSlide__contentSubtitle font-medium text-[13px] leading-4 font-mono mb-(--es-spacing-md) lg:es-typo-sm\">taux de conversion<\/div>\n            <div class=\"esCardSlide__contentParagraph font-medium text-[1.5em] leading-[1.4em] mb-(--es-spacing-sm)\">\u00ab\u00a0Nous utilisons ElasticSuite Premium et ses fonctionnalit\u00e9s depuis  5 mois et, depuis lors, le taux de conversion a d\u00e9j\u00e0 augment\u00e9 de 30 %.\u00a0\u00bb<\/div>\n        <\/div>\n\n                    <div class=\"esCardSlide__contentPeople flex gap-(--es-spacing-xs) absolute bottom-20 px-(--es-spacing-sm) text-neutral-50\">\n                                                    <div class=\"esCardSlide__contentPeopleDesc es-typo-base\">Rosalie Smits \u2013 Head of Channels \u2013 ESSENZA HOME<\/div>\n                            <\/div>\n        \n            <\/div>\n<\/div>                            <div class=\"esCardSlide glide__slide wp-block-elasticsuite-card-slide has-sm-font-size\">\n    <div class=\"group relative overflow-hidden rounded-(--es-radius-md) bg-neutral-100 aspect-4\/6 max-w-96\">\n                    <img decoding=\"async\" class=\"esCardSlide__cover aspect-4\/6 object-cover w-full h-full\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/11\/Design-sans-titre-8.png\" alt=\"\"\/>\n                <div class=\"absolute inset-0 bg-neutral-900\/40\"><\/div>\n        <div class=\"esCardSlide__icon absolute top-8 left-4 *:w-1\/2 *:h-auto *:max-h-32 **:fill-neutral-50\"><img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/mega-logo.png\" alt=\"\" \/><\/div>\n        <div class=\"esCardSlide__content absolute top-24 px-(--es-spacing-sm) transition-transform duration-500 ease-in-out translate-y-0 group-hover:-translate-y-5 lg:top-9\/16 lg:mt-[-50%] text-neutral-50\">\n            <h3 class=\"esCardSlide__contentTitle font-bold text-3xl leading-14 mb-(--es-spacing-xxs) lg:es-typo-5xl\"><\/h3>\n            <div class=\"esCardSlide__contentSubtitle font-medium text-[13px] leading-4 font-mono mb-(--es-spacing-md) lg:es-typo-sm\"><\/div>\n            <div class=\"esCardSlide__contentParagraph font-medium text-[1.5em] leading-[1.4em] mb-(--es-spacing-sm)\">\u00ab\u00a0Avec Elasticsuite, nous avons trouv\u00e9 l&rsquo;outil qui nous a permis de mettre en place notre strat\u00e9gie merchandising id\u00e9ale..\u00a0\u00bb<\/div>\n        <\/div>\n\n                    <div class=\"esCardSlide__contentPeople flex gap-(--es-spacing-xs) absolute bottom-20 px-(--es-spacing-sm) text-neutral-50\">\n                                                    <div class=\"esCardSlide__contentPeopleDesc es-typo-base\">Julien Anquetil \u2013 Software Development Manager \u2013 MegaDental<\/div>\n                            <\/div>\n        \n            <\/div>\n<\/div>                            <div class=\"esCardSlide glide__slide wp-block-elasticsuite-card-slide has-sm-font-size\">\n    <div class=\"group relative overflow-hidden rounded-(--es-radius-md) bg-neutral-100 aspect-4\/6 max-w-96\">\n                    <img decoding=\"async\" class=\"esCardSlide__cover aspect-4\/6 object-cover w-full h-full\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/11\/Design-sans-titre-7.png\" alt=\"\"\/>\n                <div class=\"absolute inset-0 bg-neutral-900\/40\"><\/div>\n        <div class=\"esCardSlide__icon absolute top-8 left-4 *:w-1\/2 *:h-auto *:max-h-32 **:fill-neutral-50\"><img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/uploads\/sites\/2\/2025\/12\/iconizer-Logo_La_Maison_du_Whisky__sans_transparence_-Picsart-BackgroundRemover.svg\" alt=\"\" \/><\/div>\n        <div class=\"esCardSlide__content absolute top-24 px-(--es-spacing-sm) transition-transform duration-500 ease-in-out translate-y-0 group-hover:-translate-y-5 lg:top-9\/16 lg:mt-[-50%] text-neutral-50\">\n            <h3 class=\"esCardSlide__contentTitle font-bold text-3xl leading-14 mb-(--es-spacing-xxs) lg:es-typo-5xl\"><\/h3>\n            <div class=\"esCardSlide__contentSubtitle font-medium text-[13px] leading-4 font-mono mb-(--es-spacing-md) lg:es-typo-sm\"><\/div>\n            <div class=\"esCardSlide__contentParagraph font-medium text-[1.5em] leading-[1.4em] mb-(--es-spacing-sm)\">\u00ab\u00a0Cette solution a grandement simplifi\u00e9 la gestion de notre e-commerce B2B, renfor\u00e7ant notre efficacit\u00e9 gr\u00e2ce \u00e0 une administration centralis\u00e9e et des am\u00e9liorations continues, soutenues par un service excellent et r\u00e9actif\u00a0\u00bb<\/div>\n        <\/div>\n\n                    <div class=\"esCardSlide__contentPeople flex gap-(--es-spacing-xs) absolute bottom-20 px-(--es-spacing-sm) text-neutral-50\">\n                                                    <div class=\"esCardSlide__contentPeopleDesc es-typo-base\"> Pascal POZZOBON Directeur Digital et SI<\/div>\n                            <\/div>\n        \n            <\/div>\n<\/div>                    <\/div>\n    <\/div>\n<\/div>\n<!-- \/wp:elasticsuite\/slider-cards --><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop-min.png&apos;);background-repeat:repeat-y;background-size:initial;\" class=\"wp-block-group alignfull relative bg-neutral-100 bg-repeat-y bg-center overflow-hidden is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-columns relative z-10 flex flex-col gap-(--es-spacing-lg) px-(--es-spacing-md) py-(--es-spacing-2xl) lg:px-(--es-spacing-none) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"alignment\":\"center\",\"sectionTitle\":\"FAQ\",\"title\":\"<strong>FAQ : optimiser la recherche e-commerce et la gestion de l\u2019exp\u00e9rience client<\/strong>\",\"titleTag\":\"h2\",\"paragraph\":\"Lisez le <a href=\\\"https:\/\/elastic-suite.github.io\/documentation\/\\\">Guide Utilisateur<\/a> ou contactez nous pour obtenir de l'aide.\",\"isAnimated\":false,\"theme\":\"dark\",\"showSectionTitle\":true,\"showTitle\":true,\"showParagraph\":true,\"showCtas\":true,\"cta\":\"\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-center wp-block-elasticsuite-card\" data-animated=\"\">\n            <div class=\"esCard__sectionTitle font-medium text-[13px] leading-4 lg:es-typo-sm break-keep [&amp;_*]:break-keep hyphens-none text-elastic-blue\">FAQ<\/div>\n    \n            <h2 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-900\"><strong>FAQ : optimiser la recherche e-commerce et la gestion de l\u2019exp\u00e9rience client<\/strong><\/h2>\n    \n            <div class=\"esCard__paragraph font-normal text-base leading-6 lg:es-typo-md mt-(--es-spacing-sm) lg:mt-(--es-spacing-md) break-keep [&amp;_*]:break-keep hyphens-none [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-700\">\n            Lisez le <a href=\"https:\/\/elastic-suite.github.io\/documentation\/\">Guide Utilisateur<\/a> ou contactez nous pour obtenir de l&rsquo;aide.\n        <\/div>\n    \n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n\n\n\n<div class=\"wp-block-column pt-(--es-spacing-xl) is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/faq {\"theme\":\"dark\",\"items\":[{\"question\":\"Quelle est la diff\u00e9rence entre \\\"Personnalisation\\\" et \\\"Cross &amp; Up Selling\\\" ?\",\"answer\":\"La fonctionnalit\u00e9 de Personnalisation se pr\u00e9sente comme un widget de suggestions de produits (ou blocs de \\\"Vous avez visit\u00e9\\\") qui est aliment\u00e9 par l'historique de navigation de l'utilisateur. Le Cross &amp; Up Selling, quant \u00e0 lui, est une strat\u00e9gie qui consiste \u00e0 sugg\u00e9rer des produits compl\u00e9mentaires ou de valeur sup\u00e9rieure de mani\u00e8re contextuelle, s'appuyant sur l'analyse du comportement agr\u00e9g\u00e9 des utilisateurs (par exemple, \\\"ceux qui ont vu X ont aussi vu Y\\\" ou \\\"ceux qui ont achet\u00e9 A ont aussi achet\u00e9 B\\\"), dans le but d'optimiser directement la valeur du panier ou de la page produit.\",\"theme\":\"light\"},{\"question\":\"Comment sont g\u00e9r\u00e9es les donn\u00e9es clients pour la personnalisation ?\",\"answer\":\"Nous utilisons les donn\u00e9es comportementales (historique de navigation, produits consult\u00e9s, achats pr\u00e9c\u00e9dents) pour segmenter les utilisateurs et appliquer des r\u00e8gles de classement pertinentes en temps r\u00e9el, garantissant que les recommandations sont toujours \u00e0 jour et contextuelles. Nous ne stockons aucune donn\u00e9es personnelles.\",\"theme\":\"light\"},{\"question\":\"La personnalisation est-elle compatible avec l'A\/B Testing ?\",\"answer\":\"Oui, il est essentiel de tester vos strat\u00e9gies. Nos outils permettent d'effectuer des A\/B tests pour comparer l'efficacit\u00e9 d'un classement personnalis\u00e9 face \u00e0 un classement par d\u00e9faut (ou bas\u00e9 sur du Merchandising manuel) avant de le d\u00e9ployer \u00e0 l'ensemble de votre base client.\",\"theme\":\"light\"},{\"question\":\"Faut-il un catalogue volumineux pour b\u00e9n\u00e9ficier de la Personnalisation ?\",\"answer\":\"Bien que la personnalisation soit particuli\u00e8rement puissante sur les grands catalogues, elle est b\u00e9n\u00e9fique quelle que soit la taille. D\u00e8s que vous avez un historique de donn\u00e9es clients, nos algorithmes peuvent commencer \u00e0 optimiser les classements pour am\u00e9liorer le taux de conversion.\",\"theme\":\"light\"}]} -->\n<div >\n    <div class=\"esFaq flex flex-col gap-(--es-spacing-xs)\" data-es-faq>\n                    \n            <div class=\"esFaq__item rounded-(--es-radius-md) p-(--es-spacing-sm) backdrop-blur-md border-[0.5px] bg-neutral-50\/10 border-neutral-50\/20\" data-es-faq-item>\n                <button\n                        type=\"button\"\n                        class=\"esFaq__itemHeading flex flex-row justify-between items-center w-full text-left hover:cursor-pointer\"\n                        id=\"esFaq-1b97ed48ae-q\"\n                        aria-controls=\"esFaq-1b97ed48ae-a\"\n                        aria-expanded=\"false\"\n                        data-es-faq-trigger\n                >\n                    <h3 class=\"esFaq__itemQuestion font-normal text-[19px] leading-7 text-neutral-900\">Quelle est la diff\u00e9rence entre \u00ab\u00a0Personnalisation\u00a0\u00bb et \u00ab\u00a0Cross &amp; Up Selling\u00a0\u00bb ?<\/h3>\n\n                    <span class=\"esFaq__itemToggle flex justify-center items-center w-7 h-7 rounded-(--es-radius-full) *:w-3 shrink-0 bg-neutral-50 *:fill-indigo-mid\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 12 12\">\n                            <use xlink:href=\"#chevron__b\"><\/use>\n                        <\/svg>\n                    <\/span>\n                <\/button>\n\n                <div\n                        id=\"esFaq-1b97ed48ae-a\"\n                        class=\"esFaq__itemAnswer mt-(--es-spacing-xl) text-[15px] leading-7 hidden [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-900\"\n                        role=\"region\"\n                        aria-labelledby=\"esFaq-1b97ed48ae-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>La fonctionnalit\u00e9 de Personnalisation se pr\u00e9sente comme un widget de suggestions de produits (ou blocs de \u00ab\u00a0Vous avez visit\u00e9\u00a0\u00bb) qui est aliment\u00e9 par l&rsquo;historique de navigation de l&rsquo;utilisateur. Le Cross &amp; Up Selling, quant \u00e0 lui, est une strat\u00e9gie qui consiste \u00e0 sugg\u00e9rer des produits compl\u00e9mentaires ou de valeur sup\u00e9rieure de mani\u00e8re contextuelle, s&rsquo;appuyant sur l&rsquo;analyse du comportement agr\u00e9g\u00e9 des utilisateurs (par exemple, \u00ab\u00a0ceux qui ont vu X ont aussi vu Y\u00a0\u00bb ou \u00ab\u00a0ceux qui ont achet\u00e9 A ont aussi achet\u00e9 B\u00a0\u00bb), dans le but d&rsquo;optimiser directement la valeur du panier ou de la page produit.<\/p>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"esFaq__item rounded-(--es-radius-md) p-(--es-spacing-sm) backdrop-blur-md border-[0.5px] bg-neutral-50\/10 border-neutral-50\/20\" data-es-faq-item>\n                <button\n                        type=\"button\"\n                        class=\"esFaq__itemHeading flex flex-row justify-between items-center w-full text-left hover:cursor-pointer\"\n                        id=\"esFaq-582af73862-q\"\n                        aria-controls=\"esFaq-582af73862-a\"\n                        aria-expanded=\"false\"\n                        data-es-faq-trigger\n                >\n                    <h3 class=\"esFaq__itemQuestion font-normal text-[19px] leading-7 text-neutral-900\">Comment sont g\u00e9r\u00e9es les donn\u00e9es clients pour la personnalisation ?<\/h3>\n\n                    <span class=\"esFaq__itemToggle flex justify-center items-center w-7 h-7 rounded-(--es-radius-full) *:w-3 shrink-0 bg-neutral-50 *:fill-indigo-mid\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 12 12\">\n                            <use xlink:href=\"#chevron__b\"><\/use>\n                        <\/svg>\n                    <\/span>\n                <\/button>\n\n                <div\n                        id=\"esFaq-582af73862-a\"\n                        class=\"esFaq__itemAnswer mt-(--es-spacing-xl) text-[15px] leading-7 hidden [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-900\"\n                        role=\"region\"\n                        aria-labelledby=\"esFaq-582af73862-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Nous utilisons les donn\u00e9es comportementales (historique de navigation, produits consult\u00e9s, achats pr\u00e9c\u00e9dents) pour segmenter les utilisateurs et appliquer des r\u00e8gles de classement pertinentes en temps r\u00e9el, garantissant que les recommandations sont toujours \u00e0 jour et contextuelles. Nous ne stockons aucune donn\u00e9es personnelles.<\/p>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"esFaq__item rounded-(--es-radius-md) p-(--es-spacing-sm) backdrop-blur-md border-[0.5px] bg-neutral-50\/10 border-neutral-50\/20\" data-es-faq-item>\n                <button\n                        type=\"button\"\n                        class=\"esFaq__itemHeading flex flex-row justify-between items-center w-full text-left hover:cursor-pointer\"\n                        id=\"esFaq-b2f6900d4b-q\"\n                        aria-controls=\"esFaq-b2f6900d4b-a\"\n                        aria-expanded=\"false\"\n                        data-es-faq-trigger\n                >\n                    <h3 class=\"esFaq__itemQuestion font-normal text-[19px] leading-7 text-neutral-900\">La personnalisation est-elle compatible avec l&rsquo;A\/B Testing ?<\/h3>\n\n                    <span class=\"esFaq__itemToggle flex justify-center items-center w-7 h-7 rounded-(--es-radius-full) *:w-3 shrink-0 bg-neutral-50 *:fill-indigo-mid\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 12 12\">\n                            <use xlink:href=\"#chevron__b\"><\/use>\n                        <\/svg>\n                    <\/span>\n                <\/button>\n\n                <div\n                        id=\"esFaq-b2f6900d4b-a\"\n                        class=\"esFaq__itemAnswer mt-(--es-spacing-xl) text-[15px] leading-7 hidden [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-900\"\n                        role=\"region\"\n                        aria-labelledby=\"esFaq-b2f6900d4b-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Oui, il est essentiel de tester vos strat\u00e9gies. Nos outils permettent d&rsquo;effectuer des A\/B tests pour comparer l&rsquo;efficacit\u00e9 d&rsquo;un classement personnalis\u00e9 face \u00e0 un classement par d\u00e9faut (ou bas\u00e9 sur du Merchandising manuel) avant de le d\u00e9ployer \u00e0 l&rsquo;ensemble de votre base client.<\/p>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"esFaq__item rounded-(--es-radius-md) p-(--es-spacing-sm) backdrop-blur-md border-[0.5px] bg-neutral-50\/10 border-neutral-50\/20\" data-es-faq-item>\n                <button\n                        type=\"button\"\n                        class=\"esFaq__itemHeading flex flex-row justify-between items-center w-full text-left hover:cursor-pointer\"\n                        id=\"esFaq-ebae5098fe-q\"\n                        aria-controls=\"esFaq-ebae5098fe-a\"\n                        aria-expanded=\"false\"\n                        data-es-faq-trigger\n                >\n                    <h3 class=\"esFaq__itemQuestion font-normal text-[19px] leading-7 text-neutral-900\">Faut-il un catalogue volumineux pour b\u00e9n\u00e9ficier de la Personnalisation ?<\/h3>\n\n                    <span class=\"esFaq__itemToggle flex justify-center items-center w-7 h-7 rounded-(--es-radius-full) *:w-3 shrink-0 bg-neutral-50 *:fill-indigo-mid\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 12 12\">\n                            <use xlink:href=\"#chevron__b\"><\/use>\n                        <\/svg>\n                    <\/span>\n                <\/button>\n\n                <div\n                        id=\"esFaq-ebae5098fe-a\"\n                        class=\"esFaq__itemAnswer mt-(--es-spacing-xl) text-[15px] leading-7 hidden [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-neutral-900\"\n                        role=\"region\"\n                        aria-labelledby=\"esFaq-ebae5098fe-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Bien que la personnalisation soit particuli\u00e8rement puissante sur les grands catalogues, elle est b\u00e9n\u00e9fique quelle que soit la taille. D\u00e8s que vous avez un historique de donn\u00e9es clients, nos algorithmes peuvent commencer \u00e0 optimiser les classements pour am\u00e9liorer le taux de conversion.<\/p>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n    <script type=\"application\/ld+json\">\n        {\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Quelle est la diff\u00e9rence entre \\\"Personnalisation\\\" et \\\"Cross &amp; Up Selling\\\" ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"La fonctionnalit\u00e9 de Personnalisation se pr\u00e9sente comme un widget de suggestions de produits (ou blocs de \\\"Vous avez visit\u00e9\\\") qui est aliment\u00e9 par l'historique de navigation de l'utilisateur. Le Cross &amp; Up Selling, quant \u00e0 lui, est une strat\u00e9gie qui consiste \u00e0 sugg\u00e9rer des produits compl\u00e9mentaires ou de valeur sup\u00e9rieure de mani\u00e8re contextuelle, s'appuyant sur l'analyse du comportement agr\u00e9g\u00e9 des utilisateurs (par exemple, \\\"ceux qui ont vu X ont aussi vu Y\\\" ou \\\"ceux qui ont achet\u00e9 A ont aussi achet\u00e9 B\\\"), dans le but d'optimiser directement la valeur du panier ou de la page produit.\"}},{\"@type\":\"Question\",\"name\":\"Comment sont g\u00e9r\u00e9es les donn\u00e9es clients pour la personnalisation ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Nous utilisons les donn\u00e9es comportementales (historique de navigation, produits consult\u00e9s, achats pr\u00e9c\u00e9dents) pour segmenter les utilisateurs et appliquer des r\u00e8gles de classement pertinentes en temps r\u00e9el, garantissant que les recommandations sont toujours \u00e0 jour et contextuelles. Nous ne stockons aucune donn\u00e9es personnelles.\"}},{\"@type\":\"Question\",\"name\":\"La personnalisation est-elle compatible avec l'A\/B Testing ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui, il est essentiel de tester vos strat\u00e9gies. Nos outils permettent d'effectuer des A\/B tests pour comparer l'efficacit\u00e9 d'un classement personnalis\u00e9 face \u00e0 un classement par d\u00e9faut (ou bas\u00e9 sur du Merchandising manuel) avant de le d\u00e9ployer \u00e0 l'ensemble de votre base client.\"}},{\"@type\":\"Question\",\"name\":\"Faut-il un catalogue volumineux pour b\u00e9n\u00e9ficier de la Personnalisation ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Bien que la personnalisation soit particuli\u00e8rement puissante sur les grands catalogues, elle est b\u00e9n\u00e9fique quelle que soit la taille. D\u00e8s que vous avez un historique de donn\u00e9es clients, nos algorithmes peuvent commencer \u00e0 optimiser les classements pour am\u00e9liorer le taux de conversion.\"}}]}\n    <\/script>\n<!-- \/wp:elasticsuite\/faq --><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop--alt-min.png&apos;);background-size:initial;\" class=\"wp-block-group alignfull relative overflow-hidden bg-indigo-dark border-t-elastic-blue border-t-1 bg-repeat-y bg-center is-layout-constrained wp-block-group-is-layout-constrained has-background\"><!-- wp:elasticsuite\/decorator-section-contact-us-under [] -->\n<div class=\"absolute inset-0\">\n    <div class=\"absolute w-[1219px] h-[770px] top-1\/12 -left-7\/6 lg:w-[1441px] lg:h-[910px] lg:-top-[200px] lg:-left-3\/6 opacity-80\"\n         style=\"background: radial-gradient(50% 50% at 50% 50%, #9E98F4 0%, #4A3BDD 40%, #1A0F4D 95%, transparent 100%)\"><\/div>\n\n    <div class=\"absolute rotate-0 top-5 left-6\/24\">\n        <svg viewBox=\"0 0 200 200\" class=\"fill-elastic-blue w-4\">\n            <use xlink:href=\"#shape__star\"><\/use>\n        <\/svg>\n    <\/div>\n\n    <div class=\"absolute -rotate-20 top-15 left-1\/3\">\n        <svg viewBox=\"0 0 200 200\" class=\"fill-elastic-coral w-8\">\n            <use xlink:href=\"#shape__flower-1\"><\/use>\n        <\/svg>\n    <\/div>\n\n    <svg\n            viewBox=\"0 0 200 200\" class=\"absolute rotate-0 top-30 left-7\/24 fill-elastic-blue w-6\">\n        <use xlink:href=\"#shape__star\"><\/use>\n    <\/svg>\n\n    <svg\n            data-parallax\n            data-parallax-start=\"top-=50% bottom\"\n            data-parallax-end=\"bottom+=50% top\"\n            data-parallax-scrub=\"2\"\n            data-parallax-y-percent=\"15\"\n            data-parallax-rotate=\"-60\"\n            data-parallax-speed=\"0.5\"\n            viewBox=\"0 0 200 200\" class=\"invisible absolute rotate-15 -bottom-40 right-40\/48 fill-indigo-mid w-80\">\n        <use xlink:href=\"#shape__asterisk\"><\/use>\n    <\/svg>\n\n    <svg\n            data-parallax\n            data-parallax-start=\"top bottom\"\n            data-parallax-end=\"bottom top\"\n            data-parallax-scrub=\"2\"\n            data-parallax-x-percent=\"15\"\n            data-parallax-rotate=\"60\"\n            data-parallax-speed=\"0.2\"\n            viewBox=\"0 0 200 200\" class=\"invisible absolute rotate-15 -bottom-40 left-14\/24 fill-coral-deep w-xl\">\n        <use xlink:href=\"#shape__flower-2\"><\/use>\n    <\/svg>\n<\/div>\n<!-- \/wp:elasticsuite\/decorator-section-contact-us-under -->\n\n\n\n<div class=\"wp-block-columns relative z-10 gap-(--es-spacing-xl) max-w-7xl mx-auto px-(--es-spacing-lg) pt-(--es-spacing-lg) pb-(--es-spacing-xl) lg:pt-(--es-spacing-2xl) lg:pb-(--es-spacing-3xl) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"theme\":\"light\",\"alignment\":\"center\",\"sectionTitle\":\"Contactez-nous\",\"title\":\"Commencez l'aventure avec ElasticSuite<br> Solutions\",\"titleTag\":\"h2\",\"showParagraph\":false,\"isAnimated\":false,\"showSectionTitle\":true,\"showTitle\":true,\"paragraph\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor, nunc sit amet vulputate laoreet, risus diam eleifend tellus, placerat mollis risus magna at diam. Sed diam magna, iaculis sit amet ex a, rutrum interdum ligula. Maecenas venenatis eleifend nulla, id commodo mauris mollis at. Nulla facilisi.\\n Integer eget malesuada purus. Morbi placerat felis ut dapibus egestas. Nunc bibendum, purus sit amet placerat feugiat, tellus ligula vehicula massa, a sagittis elit quam at libero. Vestibulum vulputate placerat eros, ac lacinia dolor rhoncus sit amet\",\"showCtas\":true,\"cta\":\"\\n\\n<a\\n        href=\\\"https:\/\/elasticsuite.io\/fr\/demander-une-demo\/\\\"\\n        class=\\\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) text-neutral-900 *:fill-neutral-900 bg-neutral-50 hover:text-neutral-50 hover:*:fill-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:*:fill-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:*:fill-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:*:fill-neutral-500 disabled:bg-neutral-300 *:transform-all *:duration-800 *:ease-in-out wp-block-elasticsuite-button\\\"\\n>\\n<span>Demander une d\u00e9mo<\/span>\\n    <span class=\\\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-900 before:bg-neutral-900 after:bg-neutral-900 group-active:bg-neutral-50 group-active:before:bg-neutral-50 group-active:after:bg-neutral-50 group-hover:bg-neutral-50 group-hover:before:bg-neutral-50 group-hover:after:bg-neutral-50 group-focus-visible:bg-neutral-50 group-focus-visible:before:bg-neutral-50 group-focus-visible:after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\\\"><\/span><\/a>\\n\\n<button\\n    class=\\\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\\\"\\n>\\n<span>Contact<\/span>\\n    <span class=\\\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\\\"><\/span><\/button>\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-center wp-block-elasticsuite-card\" data-animated=\"\">\n            <div class=\"esCard__sectionTitle font-medium text-[13px] leading-4 lg:es-typo-sm break-keep [&amp;_*]:break-keep hyphens-none text-indigo-light\">Contactez-nous<\/div>\n    \n            <h2 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-50\">Commencez l&rsquo;aventure avec ElasticSuite<br> Solutions<\/h2>\n    \n    \n            <div class=\"esCard__cta inline-flex flex-col items-center gap-(--es-spacing-sm) mt-(--es-spacing-sm) lg:flex lg:flex-row lg:mt-(es-spacing-md) justify-center\">\n            <a\n        href=\"https:\/\/elasticsuite.io\/fr\/demander-une-demo\/\"\n        class=\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) text-neutral-900 *:fill-neutral-900 bg-neutral-50 hover:text-neutral-50 hover:*:fill-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:*:fill-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:*:fill-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:*:fill-neutral-500 disabled:bg-neutral-300 *:transform-all *:duration-800 *:ease-in-out wp-block-elasticsuite-button\"\n>\n<span>Demander une d\u00e9mo<\/span>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-900 before:bg-neutral-900 after:bg-neutral-900 group-active:bg-neutral-50 group-active:before:bg-neutral-50 group-active:after:bg-neutral-50 group-hover:bg-neutral-50 group-hover:before:bg-neutral-50 group-hover:after:bg-neutral-50 group-focus-visible:bg-neutral-50 group-focus-visible:before:bg-neutral-50 group-focus-visible:after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\"><\/span><\/a>\n\n<button\n    class=\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\"\n>\n<span>Contact<\/span>\n    <span class=\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\"><\/span><\/button>\n        <\/div>\n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns mb-0! max-w-4xl! px-(--es-spacing-lg) is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/motion-search-boat {\"isAnimated\":true} -->\n<div class=\"esMotionSearchBoat relative w-full -bottom-4 mx-auto bg-neutral-50\/10 rounded-t-(--es-radius-2xl) pt-(--es-spacing-sm) px-(--es-spacing-sm)  backdrop-blur-xs shadow-(--es-hero-cockpit-shadow) esFadeInAnimated opacity-0 invisible relative -mb-8\">\n    <div class=\"flex flex-col items-center justify-start gap-(--es-spacing-md) rounded-t-(--es-radius-2xl) pt-3 px-3 bg-neutral-100  md:pt-(--es-spacing-md) md:px-(--es-spacing-md)\">\n        <div class=\" w-full md:w-6\/8 lg:w-5\/8\">\n            <div class=\"@container\/search-bar  flex flex-nowrap shrink-1 gap-(--es-spacing-md) items-center justify-between text-neutral-600\">\n            <div class=\"relative z-0 rounded-full before:absolute before:content[&#039;&#039;] before:z-[-2] before:w-full before:aspect-square before:top-[50%] before:left-[50%] before:mt-[-50%] before:rounded-0  before:ml-[-50%] before:bg-(image:--es-rotating-gradient) before:animate-rotating-gradient after:absolute after:z-[-1] after:content-[&#039;&#039;] after:top-[2px] after:left-[2px] after:bg-neutral-50 after:rounded-full after:w-[calc(100%-4px)] after:h-[calc(100%-4px)] overflow-hidden grow relative p-(--es-spacing-sm)\">\n    <div class=\"flex items-center justify-between gap-(--es-spacing-sm)\">\n                <svg viewBox=\"0 0 24 24\" class=\"shrink-0 w-4 fill-neutral-900\">\n                    <use xlink:href=\"#line__search\"><\/use>\n                <\/svg>\n                <input type=\"text\"\n                       class=\"grow bg-transparent text-neutral-900 outline-0 w-[50%]\"\n                >\n                <svg viewBox=\"0 0 24 24\" class=\"shrink-0 w-4 fill-neutral-900\">\n                    <use xlink:href=\"#line__close\"><\/use>\n                <\/svg>\n            <\/div>\n<\/div>        <div class=\"flex flex-col-reverse items-center gap-(--es-spacing-xs) shrink-0 @lg\/search-bar:flex-row\">\n            <span class=\"es-typo-sm\">Ai Search<\/span>\n            <input type=\"checkbox\"\n       class=\"appearance-none rounded-full transition-colors duration-300 cursor-pointer relative before:content-[&#039;&#039;] before:absolute before:rounded-full before:transition-[background-color,translate] before:duration-300 es-toggle-base bg-indigo-tint checked:bg-indigo-light before:bg-indigo-light checked:before:bg-indigo-mid es-toggle-sm @lg\/search-bar:es-toggle-base\"\n\/>        <\/div>\n    <\/div>        <\/div>\n\n        <div class=\"grid grid-cols-2 items-stretch w-full gap-3 md:gap-(--es-spacing-md) lg:grid-cols-4\">\n                        <div class=\"relative aspect-2\/3 rounded-(--es-radius-lg) bg-neutral-500 overflow-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-boat__slide1-min-DKcTIf5X.png\" class=\"object-cover w-full h-full\" alt=\"\"\/>\n                <div class=\"absolute flex flex-col gap- items-stretch right-0 bottom-0 left-0 text-neutral-50 px-(--es-spacing-sm) py-(--es-spacing-xl)\">\n                    <span class=\"w-full font-bold text-xs leading-4\">Blazer Marceau<\/span>\n                    <span class=\"w-full font-normal text-[15px] leading-6\">Ray\u00e9 blanc et gris<\/span>\n                <\/div>\n            <\/div>\n                        <div class=\"relative aspect-2\/3 rounded-(--es-radius-lg) bg-neutral-500 overflow-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-boat__slide2-min-2u7Ga9vv.png\" class=\"object-cover w-full h-full\" alt=\"\"\/>\n                <div class=\"absolute flex flex-col gap- items-stretch right-0 bottom-0 left-0 text-neutral-50 px-(--es-spacing-sm) py-(--es-spacing-xl)\">\n                    <span class=\"w-full font-bold text-xs leading-4\">Blazer Astoria<\/span>\n                    <span class=\"w-full font-normal text-[15px] leading-6\">Blanc<\/span>\n                <\/div>\n            <\/div>\n                        <div class=\"relative aspect-2\/3 rounded-(--es-radius-lg) bg-neutral-500 overflow-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-boat__slide3-min-DEpvGJu-.png\" class=\"object-cover w-full h-full\" alt=\"\"\/>\n                <div class=\"absolute flex flex-col gap- items-stretch right-0 bottom-0 left-0 text-neutral-50 px-(--es-spacing-sm) py-(--es-spacing-xl)\">\n                    <span class=\"w-full font-bold text-xs leading-4\">Blazer Victoria<\/span>\n                    <span class=\"w-full font-normal text-[15px] leading-6\">Marron<\/span>\n                <\/div>\n            <\/div>\n                        <div class=\"relative aspect-2\/3 rounded-(--es-radius-lg) bg-neutral-500 overflow-hidden\">\n                <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-boat__slide4-min-Dm25Yv4I.png\" class=\"object-cover w-full h-full\" alt=\"\"\/>\n                <div class=\"absolute flex flex-col gap- items-stretch right-0 bottom-0 left-0 text-neutral-50 px-(--es-spacing-sm) py-(--es-spacing-xl)\">\n                    <span class=\"w-full font-bold text-xs leading-4\">Blazer Nore<\/span>\n                    <span class=\"w-full font-normal text-[15px] leading-6\">Bleu marine<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div><!-- \/wp:elasticsuite\/motion-search-boat -->\n<\/div>\n<\/div>\n\n\n<!-- wp:elasticsuite\/decorator-section-contact-us-over [] -->\n<div class=\"absolute inset-0\">\n    <svg\n            data-parallax\n            data-parallax-start=\"top-=50% bottom\"\n            data-parallax-end=\"bottom+=50% top\"\n            data-parallax-scrub=\"2\"\n            data-parallax-y-percent=\"-10\"\n            data-parallax-speed=\"3\"\n            viewBox=\"0 0 200 200\" class=\"absolute z-20 rotate-0 -bottom-50 left-17\/24 fill-elastic-blue w-80\">\n        <use xlink:href=\"#shape__flower\"><\/use>\n    <\/svg>\n<\/div>\n<!-- \/wp:elasticsuite\/decorator-section-contact-us-over -->\n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;\/sample-image\/grid\/desktop--alt-min.png&apos;);background-size:initial;\" class=\"wp-block-group alignfull relative overflow-hidden bg-indigo-dark border-b-elastic-blue border-b-1 bg-repeat-y bg-center is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n<div class=\"wp-block-group relative z-10 flex flex-col gap-(--es-spacing-xl) max-w-7xl mx-auto pt-(--es-spacing-lg) pb-(--es-spacing-xl) lg:pt-(--es-spacing-2xl) lg:pb-(--es-spacing-3xl) is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group flex flex-col gap-(--es-spacing-md) bg-neutral-50\/10 backdrop-blur-md rounded-(--es-radius-md) p-(--es-spacing-lg) is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center flex flex-col items-end justify-between gap-(--es-spacing-md) lg:flex-row is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/card {\"theme\":\"light\",\"alignment\":\"center\",\"sectionTitle\":\"Fiable. Confirm\u00e9. Open.\",\"title\":\"Gardons contact\",\"paragraph\":\"Recevez les mises \u00e0 jour de nos produits, les uses cases et les releases notes. Pas de spam, juste de l'info utile. \",\"showCtas\":false,\"isAnimated\":false,\"showSectionTitle\":true,\"showTitle\":true,\"titleTag\":\"h3\",\"showParagraph\":true,\"cta\":\"\\n\\n<button\\n    class=\\\"whitespace-nowrap group items-center gap-2 rounded-full cursor-pointer border-2 border-transparent transition-colors duration-800 ease-in-out focus-visible:outline-1 focus-visible:transition-none active:transition-none disabled:transition-none disabled:cursor-default disabled:transition-none inline-flex font-medium text-[13px] leading-5 py-(--es-spacing-xs) px-(--es-spacing-md) bg-elastic-coral text-neutral-50 hover:text-neutral-50 hover:bg-neutral-900 focus-visible:text-neutral-50 focus-visible:bg-neutral-900 focus-visible:border-neutral-50 active:text-neutral-50 active:bg-neutral-800 disabled:text-neutral-500 disabled:bg-neutral-300 wp-block-elasticsuite-button\\\"\\n>\\n<span>Vivamus ut<\/span>\\n    <span class=\\\"relative h-[2px] w-[12px] my-0 mx-auto transition-colors duration-800 ease-in-out before:rotate-0 after:rotate-0 before:transition-all after:transition-all group-hover:before:rotate-45 group-hover:after:-rotate-45 group-disabled:transition-none group-disabled:before:transition-none group-disabled:group-hover:before:rotate-0 group-disabled:after:transition-none group-disabled:group-hover:after:rotate-0 before:right-0 before:origin-top-right after:right-0 after:origin-bottom-right before:absolute before:top-0 before:content-[&#039;&#039;] before:h-[2px] before:w-[8px] before:duration-800 before:ease-in-out  after:absolute after:bottom-0 after:content-[&#039;&#039;] after:h-[2px] after:w-[8px] after:duration-800 after:ease-in-out  bg-neutral-50 before:bg-neutral-50 after:bg-neutral-50 group-disabled:bg-neutral-500 group-disabled:before:bg-neutral-500 group-disabled:after:bg-neutral-500\\\"><\/span><\/button>\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-center wp-block-elasticsuite-card\" data-animated=\"\">\n            <div class=\"esCard__sectionTitle font-medium text-[13px] leading-4 lg:es-typo-sm break-keep [&amp;_*]:break-keep hyphens-none text-indigo-light\">Fiable. Confirm\u00e9. Open.<\/div>\n    \n            <h3 class=\"esCard__title font-bold text-2xl leading-12 lg:es-typo-3xl mt-(--es-spacing-sm) lg:mt-(--es-spacing-xs) break-keep [&amp;_*]:break-keep hyphens-none text-neutral-50\">Gardons contact<\/h3>\n    \n            <div class=\"esCard__paragraph font-normal text-base leading-6 lg:es-typo-md mt-(--es-spacing-sm) lg:mt-(--es-spacing-md) break-keep [&amp;_*]:break-keep hyphens-none [&amp;_a]:underline [&amp;_a]:text-elastic-coral text-indigo-light\">\n            Recevez les mises \u00e0 jour de nos produits, les uses cases et les releases notes. Pas de spam, juste de l&rsquo;info utile.\n        <\/div>\n    \n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/form-hubspot {\"theme\":\"transparent\",\"formId\":\"810989e6-c978-4374-b065-e8ae7968bfa0\",\"isLegacy\":true,\"portalId\":\"6113121\",\"region\":\"na1\"} -->\n<div class=\"esFormHubspot\"\n     data-portal-id=\"6113121\"\n     data-form-id=\"810989e6-c978-4374-b065-e8ae7968bfa0\"\n     data-region=\"na1\"\n>\n    <div class=\"esFormHubspot__wrapper flex flex-col bg-transparent\">\n                        <div class=\"js-esHubspotForm\"><\/div>\n\n                <iframe class=\"es-hubspot-fallback\"\n                        src=\"https:\/\/forms.hsforms.com\/embed\/6113121\/810989e6-c978-4374-b065-e8ae7968bfa0\"\n                        style=\"width:100%;min-height:600px;border:0;display:none;\"\n                        loading=\"lazy\"\n                ><\/iframe>\n                    <\/div>\n<\/div>\n<!-- \/wp:elasticsuite\/form-hubspot --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- wp:elasticsuite\/social-networks {\"theme\":\"light\",\"baseline\":\"N'oubliez pas de vous abonner\",\"dir\":\"horizontal\",\"showBaseline\":true,\"isAnimated\":true} -->\n<div class=\"esSocialNetworks flex font-mono text-indigo-light font-normal text-[15px] leading-6 text-center flex-col gap-(--es-spacing-sm) lg:flex-row lg:flex-items-center lg:justify-between lg:text-left lg:es-typo-base\" data-animated=\"1\">\n                        <span class=\"esSocialNetworks__baseline flex-1\/2\" data-text=\"N'oubliez pas de vous abonner\"><\/span>\n                <div class=\"esSocialNetworks__icons flex-1\/2 flex justify-between overflow-hidden  invisible \">\n                    <a href=\"https:\/\/www.linkedin.com\/company\/elasticsuite-io\/\" class=\"esSocialNetworks__iconLink h-6 w-6 *:fill-neutral-50 *:fill-neutral-50\" target=\"_blank\">\n                <svg viewBox=\"0 0 48 48\"  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.661.123C1.732.374.953.94.503 1.691c-.544.908-.507-.822-.484 22.514L.04 45.32l.179.44c.369.906 1.109 1.621 2.093 2.019l.448.181h42.48l.448-.181c.984-.398 1.724-1.113 2.093-2.019l.179-.44V2.68l-.179-.44c-.369-.906-1.109-1.621-2.093-2.019L45.24.04 24.16.025C6.204.012 3.018.027 2.661.123m9.056 6.639c1.699.443 2.923 1.927 3.054 3.705.147 1.988-1.22 3.828-3.19 4.293-2.515.593-5.021-1.4-5.021-3.993 0-1.867 1.259-3.519 3.049-4.001.572-.153 1.526-.155 2.108-.004M34.92 17.666c1.534.33 2.637.911 3.6 1.897 1.136 1.163 1.781 2.689 2.17 5.133.122.762.141 1.766.168 8.524l.031 7.66h-7.122l-.026-6.9c-.025-6.824-.027-6.907-.201-7.524-.237-.843-.519-1.383-.953-1.827-.685-.699-1.701-1.013-2.942-.909-1.982.167-3.001 1.055-3.581 3.12-.179.636-.18.677-.205 7.34l-.026 6.7H18.72V18h6.8v1.56c0 .858.027 1.559.06 1.558.033 0 .168-.185.3-.41.311-.528 1.23-1.468 1.84-1.881.961-.651 2.177-1.134 3.28-1.305.775-.119 3.088-.034 3.92.144M14.24 29.44v11.44H7.12V18h7.12v11.44\"\/><\/svg>\n            <\/a>\n                    <a href=\"https:\/\/www.youtube.com\/feed\/subscriptions\/UCq1t8uRfIsEQJd3LgRLGRdA\" class=\"esSocialNetworks__iconLink h-6 w-6 *:fill-neutral-50 *:fill-neutral-50\" target=\"_blank\">\n                <svg viewBox=\"0 0 48 48\"  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.5477 32.3125L18.5455 15.6875L31.6364 24.029L18.5477 32.3125ZM47.5207 13.1977C47.5207 13.1977 47.0516 9.47459 45.6125 7.83505C43.7872 5.68312 41.7413 5.67249 40.803 5.5465C34.0861 5 24.0104 5 24.0104 5H23.9895C23.9895 5 13.9141 5 7.19693 5.5465C6.25864 5.67249 4.21345 5.68312 2.38753 7.83505C0.948347 9.47459 0.480024 13.1977 0.480024 13.1977C0.480024 13.1977 0 17.5699 0 21.942V26.0409C0 30.413 0.480024 34.7851 0.480024 34.7851C0.480024 34.7851 0.948347 38.5083 2.38753 40.1479C4.21345 42.2997 6.61193 42.2317 7.6802 42.4573C11.5202 42.8717 24 43 24 43C24 43 34.0861 42.9829 40.803 42.4364C41.7413 42.3104 43.7872 42.2997 45.6125 40.1479C47.0516 38.5083 47.5207 34.7851 47.5207 34.7851C47.5207 34.7851 48 30.413 48 26.0409V21.942C48 17.5699 47.5207 13.1977 47.5207 13.1977Z\"\/><\/svg>\n            <\/a>\n                    <a href=\"https:\/\/github.com\/Smile-SA\/elasticsuite\" class=\"esSocialNetworks__iconLink h-6 w-6 *:fill-neutral-50 *:fill-neutral-50\" target=\"_blank\">\n                <svg viewBox=\"0 0 48 49\"  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23.9978 0C10.7451 0 0 10.7451 0 24.0007C0 34.6044 6.87609 43.5991 16.413 46.7742C17.6138 46.9937 18.0514 46.2526 18.0514 45.6161C18.0514 45.0474 18.0308 43.5372 18.019 41.535C11.3433 42.9847 9.93474 38.3172 9.93474 38.3172C8.843 35.5458 7.26947 34.8077 7.26947 34.8077C5.0904 33.3181 7.43448 33.3476 7.43448 33.3476C9.8434 33.5185 11.1105 35.8214 11.1105 35.8214C13.2512 39.4885 16.7283 38.4292 18.0956 37.8163C18.3136 36.2648 18.9324 35.207 19.619 34.6073C14.2899 34.0018 8.68682 31.942 8.68682 22.7454C8.68682 20.1258 9.62239 17.9836 11.1576 16.3055C10.9101 15.6985 10.0865 13.2586 11.3919 9.95389C11.3919 9.95389 13.4074 9.30857 17.9924 12.4144C19.9063 11.8825 21.9602 11.6158 24.0007 11.607C26.0384 11.6158 28.0922 11.8825 30.009 12.4144C34.5911 9.30857 36.6022 9.95389 36.6022 9.95389C37.912 13.2586 37.0884 15.6985 36.8409 16.3055C38.3791 17.9836 39.3088 20.1258 39.3088 22.7454C39.3088 31.9656 33.6968 33.9944 28.35 34.5882C29.2119 35.3293 29.9796 36.7938 29.9796 39.0332C29.9796 42.2407 29.9501 44.8294 29.9501 45.6161C29.9501 46.2585 30.3818 47.0055 31.6002 46.7712C41.1298 43.5903 48 34.6014 48 24.0007C48 10.7451 37.2534 0 23.9978 0Z\"\/><\/svg>\n            <\/a>\n                    <a href=\"https:\/\/x.com\/elasticsuite_io\/\" class=\"esSocialNetworks__iconLink h-6 w-6 *:fill-neutral-50 *:fill-neutral-50\" target=\"_blank\">\n                <svg viewBox=\"0 0 48 48\"  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M37.8028 2H45.1631L29.083 20.6379L48 46H33.1882L21.587 30.618L8.31261 46H0.947852L18.1471 26.0646L0 2H15.1879L25.6743 16.0597L37.8028 2ZM35.2196 41.5323H39.298L12.9718 6.23303H8.59519L35.2196 41.5323Z\"\/><\/svg>\n            <\/a>\n            <\/div>\n<\/div><!-- \/wp:elasticsuite\/social-networks --><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!-- wp:elasticsuite\/decorator-section-newsletter [] -->\n<div class=\"absolute inset-0\">\n    <svg\n            data-parallax\n            data-parallax-start=\"top bottom\"\n            data-parallax-end=\"bottom+=20% top\"\n            data-parallax-scrub=\"2\"\n            data-parallax-y-percent=\"-70\"\n            data-parallax-rotate=\"10\"\n            data-parallax-speed=\"2                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         \"\n            viewBox=\"0 0 200 200\" class=\"absolute rotate-10 -bottom-20 right-45\/48 fill-indigo-deep w-3xs\">\n        <use xlink:href=\"#shape__cube\"><\/use>\n    <\/svg>\n\n    <svg\n            data-parallax\n            data-parallax-start=\"top bottom\"\n            data-parallax-end=\"bottom+=20% top\"\n            data-parallax-scrub=\"2\"\n            data-parallax-y-percent=\"50\"\n            data-parallax-rotate=\"10\"\n            data-parallax-speed=\"0.8\"\n            viewBox=\"0 0 200 200\" class=\"absolute -rotate-15 -top-50 left-39\/48 fill-indigo-mid w-md\">\n        <use xlink:href=\"#shape__equal\"><\/use>\n    <\/svg>\n<\/div>\n<!-- \/wp:elasticsuite\/decorator-section-newsletter -->\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pourquoi la recommandation produits personnalis\u00e9e est-elle un levier cl\u00e9&nbsp; ? La personnalisation e-commerce transforme chaque visite en opportunit\u00e9. En proposant les bons produits au bon moment, vous attirez l\u2019attention. Cela augmente la pertinence des offres. Vous pr\u00e9parez aussi le terrain pour augmenter le panier moyen et la satisfaction des clients.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":64,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Personnalisation e-commerce - Elasticsuite | FR<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Personnalisation e-commerce - Elasticsuite | FR\" \/>\n<meta property=\"og:description\" content=\"Pourquoi la recommandation produits personnalis\u00e9e est-elle un levier cl\u00e9&nbsp; ? La personnalisation e-commerce transforme chaque visite en opportunit\u00e9. En proposant les bons produits au bon moment, vous attirez l\u2019attention. Cela augmente la pertinence des offres. Vous pr\u00e9parez aussi le terrain pour augmenter le panier moyen et la satisfaction des clients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Elasticsuite | FR\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T08:28:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/\",\"url\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/\",\"name\":\"Personnalisation e-commerce - Elasticsuite | FR\",\"isPartOf\":{\"@id\":\"https:\/\/elasticsuite.io\/fr\/#website\"},\"datePublished\":\"2025-10-28T17:23:19+00:00\",\"dateModified\":\"2026-02-19T08:28:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elasticsuite.io\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fonctionnalit\u00e9s\",\"item\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Personnalisation e-commerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elasticsuite.io\/fr\/#website\",\"url\":\"https:\/\/elasticsuite.io\/fr\/\",\"name\":\"Elasticsuite | FR\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elasticsuite.io\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Personnalisation e-commerce - Elasticsuite | FR","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/","og_locale":"fr_FR","og_type":"article","og_title":"Personnalisation e-commerce - Elasticsuite | FR","og_description":"Pourquoi la recommandation produits personnalis\u00e9e est-elle un levier cl\u00e9&nbsp; ? La personnalisation e-commerce transforme chaque visite en opportunit\u00e9. En proposant les bons produits au bon moment, vous attirez l\u2019attention. Cela augmente la pertinence des offres. Vous pr\u00e9parez aussi le terrain pour augmenter le panier moyen et la satisfaction des clients.","og_url":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/","og_site_name":"Elasticsuite | FR","article_modified_time":"2026-02-19T08:28:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/","url":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/","name":"Personnalisation e-commerce - Elasticsuite | FR","isPartOf":{"@id":"https:\/\/elasticsuite.io\/fr\/#website"},"datePublished":"2025-10-28T17:23:19+00:00","dateModified":"2026-02-19T08:28:41+00:00","breadcrumb":{"@id":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/personnalisation-e-commerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elasticsuite.io\/fr\/"},{"@type":"ListItem","position":2,"name":"Fonctionnalit\u00e9s","item":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/"},{"@type":"ListItem","position":3,"name":"Personnalisation e-commerce"}]},{"@type":"WebSite","@id":"https:\/\/elasticsuite.io\/fr\/#website","url":"https:\/\/elasticsuite.io\/fr\/","name":"Elasticsuite | FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elasticsuite.io\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":18,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"predecessor-version":[{"id":1993,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/163\/revisions\/1993"}],"up":[{"embeddable":true,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/64"}],"wp:attachment":[{"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}