{"id":312,"date":"2025-11-04T16:29:34","date_gmt":"2025-11-04T16:29:34","guid":{"rendered":"https:\/\/elasticsuite.io\/fr\/?page_id=312"},"modified":"2025-12-22T10:44:03","modified_gmt":"2025-12-22T10:44:03","slug":"instant-search-results","status":"publish","type":"page","link":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/","title":{"rendered":"Instant search results"},"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-product [] -->\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=\"-10\"\n            data-parallax-speed=\"10\"\n            viewBox=\"0 0 200 200\" class=\"invisible absolute w-[233px] h-[233px] top-[40px] left-7\/16 -rotate-15 fill-indigo-mid\">\n        <use xlink:href=\"#shape__flower-1\"><\/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=\"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-[425px] h-[425px] -bottom-3\/8 -left-3\/8 rotate-30 fill-indigo-deep\">\n        <use xlink:href=\"#shape__asterisk\"><\/use>\n    <\/svg>\n<\/div>\n<!-- \/wp:elasticsuite\/decorator-section-banner-product -->\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\",\"sectionTitle\":\"Fonctionnalit\u00e9 de Recherche\",\"title\":\"L'Instant Search : un moteur de recherche ecommerce en autocompl\u00e9tion\",\"titleTag\":\"h1\",\"paragraph\":\"Notre <strong>moteur de recherche ecommerce<\/strong> affiche des r\u00e9sultats instantan\u00e9s pour aider vos clients \u00e0 <strong>gagner du temps<\/strong> et \u00e0 mieux trouver vos produits. Il propose des suggestions utiles, g\u00e8re les <strong>fautes de frappe<\/strong> et am\u00e9liore l\u2019<strong>exp\u00e9rience de recherche<\/strong> sur vos <strong>boutiques en ligne<\/strong>, d\u00e8s la premi\u00e8re saisie.\",\"isAnimated\":false,\"alignment\":\"left\",\"showSectionTitle\":true,\"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            <div class=\"esCard__sectionTitle font-medium text-[13px] leading-4 lg:es-typo-sm break-keep [&amp;_*]:break-keep hyphens-none text-indigo-light\">Fonctionnalit\u00e9 de Recherche<\/div>\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\">L&rsquo;Instant Search : un moteur de recherche ecommerce en autocompl\u00e9tion<\/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            Notre <strong>moteur de recherche ecommerce<\/strong> affiche des r\u00e9sultats instantan\u00e9s pour aider vos clients \u00e0 <strong>gagner du temps<\/strong> et \u00e0 mieux trouver vos produits. Il propose des suggestions utiles, g\u00e8re les <strong>fautes de frappe<\/strong> et am\u00e9liore l\u2019<strong>exp\u00e9rience de recherche<\/strong> sur vos <strong>boutiques en ligne<\/strong>, d\u00e8s la premi\u00e8re saisie.\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-search-shoes {\"isAnimated\":true} -->\n<div class=\"esMotionSearchShoes w-full rounded-(--es-radius-2xl) p-(--es-spacing-sm) bg-neutral-50\/10 backdrop-blur-xs shadow-(--es-hero-cockpit-shadow) esFadeInAnimated opacity-0 invisible\" data-animated=\"1\">\n    <div class=\"flex flex-col gap-(--es-spacing-xs) h-[416px] rounded-(--es-radius-xl) backdrop-blur-[32px] bg-neutral-50\/50 px-(--es-spacing-sm) pt-(--es-spacing-sm)\">\n        <div class=\"@container\/search-bar  flex flex-nowrap shrink-1 gap-(--es-spacing-md) items-center justify-between text-neutral-50\">\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 class=\"grow bg-neutral-100 rounded-t-(--es-radius-2xl) overflow-hidden\">\n            <ul class=\"flex flex-col p-(--es-spacing-xs)\">\n                                <li class=\"flex flex-nowrap items-center p-(--es-spacing-xs) rounded-(--es-radius-2xl)\">\n                    <div class=\"shrink-0 rounded-(--es-radius-xl) bg-neutral-50 w-16 h-16 mr-(--es-spacing-sm) overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-shoes__slide1-min-BRykNFKy.png\" class=\"object-cover\" alt=\"\"\/>\n                    <\/div>\n                    <div class=\"flex flex-col @lg\/hero-motion:flex-row\">\n                        <span class=\"es-typo-base text-neutral-900 mr-(--es-spacing-sm)\">Solstice Drift<\/span>\n                        <span class=\"es-typo-sm text-neutral-700\">Lunettes de soleil \u00e0 monture dor\u00e9e<\/span>\n                    <\/div>\n                <\/li>\n                                <li class=\"flex flex-nowrap items-center p-(--es-spacing-xs) rounded-(--es-radius-2xl)\">\n                    <div class=\"shrink-0 rounded-(--es-radius-xl) bg-neutral-50 w-16 h-16 mr-(--es-spacing-sm) overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-shoes__slide2-min-Ie5AwlMi.png\" class=\"object-cover\" alt=\"\"\/>\n                    <\/div>\n                    <div class=\"flex flex-col @lg\/hero-motion:flex-row\">\n                        <span class=\"es-typo-base text-neutral-900 mr-(--es-spacing-sm)\">Veralia Point<\/span>\n                        <span class=\"es-typo-sm text-neutral-700\">Lunettes \u00e0 branches \u00e9paisses<\/span>\n                    <\/div>\n                <\/li>\n                                <li class=\"flex flex-nowrap items-center p-(--es-spacing-xs) rounded-(--es-radius-2xl)\">\n                    <div class=\"shrink-0 rounded-(--es-radius-xl) bg-neutral-50 w-16 h-16 mr-(--es-spacing-sm) overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-shoes__slide3-min-DZOOjHrs.png\" class=\"object-cover\" alt=\"\"\/>\n                    <\/div>\n                    <div class=\"flex flex-col @lg\/hero-motion:flex-row\">\n                        <span class=\"es-typo-base text-neutral-900 mr-(--es-spacing-sm)\">Astra Wave<\/span>\n                        <span class=\"es-typo-sm text-neutral-700\">Lunettes de soleil \u00e0 verres noirs<\/span>\n                    <\/div>\n                <\/li>\n                                <li class=\"flex flex-nowrap items-center p-(--es-spacing-xs) rounded-(--es-radius-2xl)\">\n                    <div class=\"shrink-0 rounded-(--es-radius-xl) bg-neutral-50 w-16 h-16 mr-(--es-spacing-sm) overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/motion-search-shoes__slide4-min-CLWfnjhV.png\" class=\"object-cover\" alt=\"\"\/>\n                    <\/div>\n                    <div class=\"flex flex-col @lg\/hero-motion:flex-row\">\n                        <span class=\"es-typo-base text-neutral-900 mr-(--es-spacing-sm)\">Claritya 2.0<\/span>\n                        <span class=\"es-typo-sm text-neutral-700\">Lunettes rondes \u00e0 monture fine<\/span>\n                    <\/div>\n                <\/li>\n                            <\/ul>\n        <\/div>\n    <\/div>\n<\/div><!-- \/wp:elasticsuite\/motion-search-shoes -->\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-size:initial;\" class=\"wp-block-group alignfull 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 are-vertically-aligned-center flex flex-col-reverse gap-(--es-spacing-lg) py-(--es-spacing-xl) px-(--es-spacing-lg) lg:flex-row lg:items-center lg:justify-between lg:pt-(--es-spacing-3xl) lg:py-(--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 {\"showSectionTitle\":false,\"sectionTitle\":\"Personalization solutions\",\"title\":\"Un design pens\u00e9 pour la recherche mobile\",\"titleTag\":\"h2\",\"paragraph\":\"La qualit\u00e9 de l\u2019autocompl\u00e9tion est indispensable sur mobile, o\u00f9 la frappe est plus lente.<br><br>Notre solution fonctionne sur tous les appareils. Elle montre clairement les suggestions de produits. Cela am\u00e9liore l\u2019exp\u00e9rience de recherche pour un parcours client fluide, m\u00eame en d\u00e9placement.\",\"isAnimated\":false,\"theme\":\"dark\",\"alignment\":\"left\",\"showTitle\":true,\"showParagraph\":true,\"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\">Un design pens\u00e9 pour la recherche mobile<\/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 qualit\u00e9 de l\u2019autocompl\u00e9tion est indispensable sur mobile, o\u00f9 la frappe est plus lente.<br><br>Notre solution fonctionne sur tous les appareils. Elle montre clairement les suggestions de produits. Cela am\u00e9liore l\u2019exp\u00e9rience de recherche pour un parcours client fluide, m\u00eame en d\u00e9placement.\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\/motion-searchbar-teenager [] -->\n<div class=\"esMotionSearchbarTeenager relative max-w-[600px] m-auto flex flex-col items-center justify-end perspective-[650px] perspective-origin-center\">\n    <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/teenager-BDgOlpO-.png\" class=\"esMotionSearchbarTeenager__teenager relative z-10\" alt=\"\" \/>\n    <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/teenager-ok-CNZUxke_.png\" class=\"esMotionSearchbarTeenager__teenagerOk absolute bottom z-10 max-h-[650px] opacity-0\" alt=\"\" \/>\n    <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/teenager-wind-wpgj2uVn.png\" class=\"esMotionSearchbarTeenager__teenagerWindy absolute bottom z-10 max-h-[800px] max-w-[123%] opacity-0\" alt=\"\" \/>\n\n    <div class=\"esMotionSearchbarTeenager__card  absolute object-cover hidden\">\n        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/plant4-Z6V3X6Sw.png\" alt=\"\" class=\"w-full h-full rounded-(--es-radius-lg) shadow-[0px_8px_24px_0px_#00000029]\" \/>\n    <\/div>\n\n    <div class=\"esMotionSearchbarTeenager__card absolute object-cover hidden\">\n        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/plant3-6IV9L8yE.png\" alt=\"\" class=\"w-full h-full rounded-(--es-radius-lg) shadow-[0px_8px_24px_0px_#00000029]\" \/>\n    <\/div>\n\n    <div class=\"esMotionSearchbarTeenager__card absolute object-cover hidden\">\n        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/plant2-Ccy8HwGO.png\" alt=\"\" class=\"w-full h-full rounded-(--es-radius-lg) shadow-[0px_8px_24px_0px_#00000029]\" \/>\n    <\/div>\n\n    <div class=\"esMotionSearchbarTeenager__card absolute object-cover hidden\">\n        <img decoding=\"async\" src=\"https:\/\/elasticsuite.io\/app\/themes\/elasticsuite\/public\/build\/assets\/plant1-DgM5w9Z1.png\" alt=\"\" class=\"w-full h-full rounded-(--es-radius-lg) shadow-[0px_8px_24px_0px_#00000029]\" \/>\n    <\/div>\n\n    <div class=\"esMotionSearchbarTeenager__searchbar absolute bottom-[130px] z-20 w-full\">\n        <div class=\"@container\/search-bar   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 flex items-center justify-between gap-(--es-spacing-md) px-(--es-spacing-sm) py-(--es-spacing-xs) bg-neutral-50 @md\/search-bar:py-(--es-spacing-sm)\">\n    <div class=\"grow flex items-center justify-between gap-(--es-spacing-sm) p-(--es-spacing-xs) rounded-(--es-radius-full) border bg-neutral-100 border-neutral-600  @lg\/search-bar:p-(--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                <div class=\"searchbar__input grow bg-transparent text-neutral-900 outline-0 w-[50%]\"><\/div>\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 class=\"flex flex-col-reverse items-center gap-(--es-spacing-xs) @md\/search-bar:flex-row\">\n                <span class=\"es-typo-base\">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 @md\/search-bar:es-toggle-base\"\n\/>            <\/div>\n<\/div>    <\/div>    <\/div>\n\n    <div class=\"esMotionSearchbarTeenager__pointer absolute flex z-30 top-0 left-0 opacity-0 origin-center\">\n        <div class=\"h-6 w-6 relative\">\n            <svg class=\"absolute pin h-6 w-6 text-black opacity-50\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\">\n                <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"rgba(255, 255, 255, 0.5)\" stroke-width=\"8\" fill=\"rgba(0, 0, 0, 0.5)\" \/>\n            <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- \/wp:elasticsuite\/motion-searchbar-teenager -->\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-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 {\"sectionTitle\":\"Conversion \",\"title\":\"L'Instant Search : Maximiser le taux de conversion par la recherche\",\"titleTag\":\"h2\",\"paragraph\":\"Chaque milliseconde gagn\u00e9e avec notre moteur de recherche ecommerce am\u00e9liore la conversion et rend l\u2019exp\u00e9rience de recherche plus fluide pour vos clients.\",\"showCtas\":false,\"isAnimated\":false,\"theme\":\"dark\",\"alignment\":\"left\",\"showSectionTitle\":true,\"showTitle\":true,\"showParagraph\":true,\"cta\":\"\",\"readmore\":\"\"} -->\n\n<div class=\"esCard flex flex-col text-left 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\">Conversion<\/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\">L&rsquo;Instant Search : Maximiser le taux de conversion par la recherche<\/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            Chaque milliseconde gagn\u00e9e avec notre moteur de recherche ecommerce am\u00e9liore la conversion et rend l\u2019exp\u00e9rience de recherche plus fluide pour vos clients.\n        <\/div>\n    \n    \n    <\/div><!-- \/wp:elasticsuite\/card -->\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- 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__custom_made--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\\\">R\u00e9duction des clics et des \u00e9tapes<\/h3>\\n    \\n            <div class=\\\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\\\">\\n            Les suggestions de produits et de cat\u00e9gories facilitent le parcours des clients. Gr\u00e2ce \u00e0 l\u2019autocompl\u00e9tion, ils peuvent aller directement aux pages produits. Cela supprime des \u00e9tapes inutiles dans leur parcours. Ainsi, l\u2019exp\u00e9rience d\u2019achat est meilleure.\\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__text_apply--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\\\">Correction des fautes de frappe<\/h3>\\n    \\n            <div class=\\\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\\\">\\n            Le moteur de recherche ecommerce corrige les fautes de frappe. Cela garantit toujours des r\u00e9sultats pertinents. M\u00eame si la saisie est imparfaite, l\u2019exp\u00e9rience de recherche reste optimale.\\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__revenu_opportunities--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\\\">Augmentation de la valeur du panier<\/h3>\\n    \\n            <div class=\\\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\\\">\\n            En affichant des suggestions de produits connexes ou des requ\u00eates \u00e9largies, l\u2019instant search favorise la d\u00e9couverte et peut augmenter la taille du panier moyen, am\u00e9liorant le chiffre d\u2019affaires.\\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__custom_made--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\">R\u00e9duction des clics et des \u00e9tapes<\/h3>\n    \n            <div class=\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\">\n            Les suggestions de produits et de cat\u00e9gories facilitent le parcours des clients. Gr\u00e2ce \u00e0 l\u2019autocompl\u00e9tion, ils peuvent aller directement aux pages produits. Cela supprime des \u00e9tapes inutiles dans leur parcours. Ainsi, l\u2019exp\u00e9rience d\u2019achat est meilleure.\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__text_apply--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\">Correction des fautes de frappe<\/h3>\n    \n            <div class=\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\">\n            Le moteur de recherche ecommerce corrige les fautes de frappe. Cela garantit toujours des r\u00e9sultats pertinents. M\u00eame si la saisie est imparfaite, l\u2019exp\u00e9rience de recherche reste optimale.\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__revenu_opportunities--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\">Augmentation de la valeur du panier<\/h3>\n    \n            <div class=\"esCard__paragraph esCardFeature__paragraph es-typo-base mt-2 text-neutral-700\">\n            En affichant des suggestions de produits connexes ou des requ\u00eates \u00e9largies, l\u2019instant search favorise la d\u00e9couverte et peut augmenter la taille du panier moyen, am\u00e9liorant le chiffre d\u2019affaires.\n        <\/div>\n    \n    <\/div>\n    <\/div>\n<!-- \/wp:elasticsuite\/totems-card-feature -->\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\":\"FAQ : Optimisez votre exp\u00e9rience utilisateur et votre moteur de recherche interne\",\"titleTag\":\"h2\",\"paragraph\":\"Trouvez les r\u00e9ponses sur l'optimisation de votre search e-commerce avec l'instant search.<br>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\">FAQ : Optimisez votre exp\u00e9rience utilisateur et votre moteur de recherche interne<\/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            Trouvez les r\u00e9ponses sur l&rsquo;optimisation de votre search e-commerce avec l&rsquo;instant search.<br>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 de performance entre l'instant search et une recherche classique ?\",\"answer\":\"L\u2019instant search affiche des r\u00e9sultats et des suggestions de produits en temps r\u00e9el, d\u00e8s la premi\u00e8re frappe dans la barre de recherche. Une recherche classique ne commence qu\u2019apr\u00e8s la validation de la requ\u00eate enti\u00e8re, ce qui est plus lent et impacte l\u2019exp\u00e9rience client.\",\"theme\":\"light\"},{\"question\":\"Comment personnaliser l'ordre des suggestions produits ?\",\"answer\":\"Vous pouvez mettre en \u0153uvre des r\u00e8gles de merchandising dans votre fonction de recherche pour mettre en avant des produits \u00e0 forte marge, des promotions ou des nouveaut\u00e9s dans votre boutique en ligne.\",\"theme\":\"light\"},{\"question\":\"L'autocomplete g\u00e8re-t-il les fautes de frappe complexes ou le multilingue ?\",\"answer\":\"Oui, le moteur de recherche interne dispose d\u2019une tol\u00e9rance aux fautes de frappe avanc\u00e9e et peut corriger automatiquement les erreurs. Il prend \u00e9galement en charge les requ\u00eates dans plusieurs langues pour vos boutiques en ligne internationales.\",\"theme\":\"light\"},{\"question\":\"Quel est le r\u00f4le de l'autocompl\u00e9tion dans la d\u00e9couverte de produits ?\",\"answer\":\"L\u2019autocompl\u00e9tion est un outil cl\u00e9 pour la recherche ecommerce. Elle affiche des aper\u00e7us et des suggestions pertinentes, favorisant la d\u00e9couverte et am\u00e9liorant l\u2019exp\u00e9rience utilisateur et la conversion.\",\"theme\":\"light\"},{\"question\":\"Est-ce que l'instant search n\u00e9cessite des mises \u00e0 jour fr\u00e9quentes du catalogue ?\",\"answer\":\"Non, l\u2019instant search est aliment\u00e9 par une indexation en temps r\u00e9el. Les requ\u00eates de recherche et les analyses de recherche refl\u00e8tent imm\u00e9diatement les mises \u00e0 jour du catalogue, sans intervention manuelle.\",\"theme\":\"light\"},{\"question\":\"Quels outils de recherche sont inclus pour am\u00e9liorer l\u2019exp\u00e9rience client ?\",\"answer\":\"Notre solution inclut des outils de recherche faciles \u00e0 utiliser, qui enrichissent la fonction de recherche, am\u00e9liorent la pertinence des r\u00e9sultats et optimisent l\u2019exp\u00e9rience utilisateur sur vos boutiques en ligne.\",\"theme\":\"light\"},{\"question\":\"Comment suivre et analyser les recherches des utilisateurs sur vos sites e-commerce ?\",\"answer\":\"Avec les solutions de recherche int\u00e9gr\u00e9es, vous pouvez recueillir des donn\u00e9es en temps r\u00e9el. Cela concerne les requ\u00eates de recherche et le comportement des utilisateurs.<br>Ces analyses aident \u00e0 am\u00e9liorer la recherche en ligne. Elles optimisent la fonction de recherche. Cela permet d'offrir une meilleure exp\u00e9rience utilisateur sur vos sites e-commerce.\",\"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-255e818e6a-q\"\n                        aria-controls=\"esFaq-255e818e6a-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 de performance entre l&rsquo;instant search et une recherche classique ?<\/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-255e818e6a-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-255e818e6a-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>L\u2019instant search affiche des r\u00e9sultats et des suggestions de produits en temps r\u00e9el, d\u00e8s la premi\u00e8re frappe dans la barre de recherche. Une recherche classique ne commence qu\u2019apr\u00e8s la validation de la requ\u00eate enti\u00e8re, ce qui est plus lent et impacte l\u2019exp\u00e9rience 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-371dbecbd1-q\"\n                        aria-controls=\"esFaq-371dbecbd1-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 personnaliser l&rsquo;ordre des suggestions produits ?<\/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-371dbecbd1-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-371dbecbd1-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Vous pouvez mettre en \u0153uvre des r\u00e8gles de merchandising dans votre fonction de recherche pour mettre en avant des produits \u00e0 forte marge, des promotions ou des nouveaut\u00e9s dans votre boutique en ligne.<\/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-ee41408c02-q\"\n                        aria-controls=\"esFaq-ee41408c02-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\">L&rsquo;autocomplete g\u00e8re-t-il les fautes de frappe complexes ou le multilingue ?<\/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-ee41408c02-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-ee41408c02-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Oui, le moteur de recherche interne dispose d\u2019une tol\u00e9rance aux fautes de frappe avanc\u00e9e et peut corriger automatiquement les erreurs. Il prend \u00e9galement en charge les requ\u00eates dans plusieurs langues pour vos boutiques en ligne internationales.<\/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-59d152abc3-q\"\n                        aria-controls=\"esFaq-59d152abc3-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\">Quel est le r\u00f4le de l&rsquo;autocompl\u00e9tion dans la d\u00e9couverte de produits ?<\/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-59d152abc3-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-59d152abc3-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>L\u2019autocompl\u00e9tion est un outil cl\u00e9 pour la recherche ecommerce. Elle affiche des aper\u00e7us et des suggestions pertinentes, favorisant la d\u00e9couverte et am\u00e9liorant l\u2019exp\u00e9rience utilisateur et la conversion.<\/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-b6d17eac67-q\"\n                        aria-controls=\"esFaq-b6d17eac67-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\">Est-ce que l&rsquo;instant search n\u00e9cessite des mises \u00e0 jour fr\u00e9quentes du catalogue ?<\/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-b6d17eac67-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-b6d17eac67-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Non, l\u2019instant search est aliment\u00e9 par une indexation en temps r\u00e9el. Les requ\u00eates de recherche et les analyses de recherche refl\u00e8tent imm\u00e9diatement les mises \u00e0 jour du catalogue, sans intervention manuelle.<\/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-9c19595dfb-q\"\n                        aria-controls=\"esFaq-9c19595dfb-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\">Quels outils de recherche sont inclus pour am\u00e9liorer l\u2019exp\u00e9rience client ?<\/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-9c19595dfb-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-9c19595dfb-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Notre solution inclut des outils de recherche faciles \u00e0 utiliser, qui enrichissent la fonction de recherche, am\u00e9liorent la pertinence des r\u00e9sultats et optimisent l\u2019exp\u00e9rience utilisateur sur vos boutiques en ligne.<\/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-8ce612e238-q\"\n                        aria-controls=\"esFaq-8ce612e238-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 suivre et analyser les recherches des utilisateurs sur vos sites e-commerce ?<\/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-8ce612e238-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-8ce612e238-q\"\n                        aria-hidden=\"true\"\n                        data-es-faq-answer\n                >\n                    <p>Avec les solutions de recherche int\u00e9gr\u00e9es, vous pouvez recueillir des donn\u00e9es en temps r\u00e9el. Cela concerne les requ\u00eates de recherche et le comportement des utilisateurs.<br>Ces analyses aident \u00e0 am\u00e9liorer la recherche en ligne. Elles optimisent la fonction de recherche. Cela permet d&rsquo;offrir une meilleure exp\u00e9rience utilisateur sur vos sites e-commerce.<\/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 de performance entre l'instant search et une recherche classique ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"L\u2019instant search affiche des r\u00e9sultats et des suggestions de produits en temps r\u00e9el, d\u00e8s la premi\u00e8re frappe dans la barre de recherche. Une recherche classique ne commence qu\u2019apr\u00e8s la validation de la requ\u00eate enti\u00e8re, ce qui est plus lent et impacte l\u2019exp\u00e9rience client.\"}},{\"@type\":\"Question\",\"name\":\"Comment personnaliser l'ordre des suggestions produits ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Vous pouvez mettre en \u0153uvre des r\u00e8gles de merchandising dans votre fonction de recherche pour mettre en avant des produits \u00e0 forte marge, des promotions ou des nouveaut\u00e9s dans votre boutique en ligne.\"}},{\"@type\":\"Question\",\"name\":\"L'autocomplete g\u00e8re-t-il les fautes de frappe complexes ou le multilingue ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui, le moteur de recherche interne dispose d\u2019une tol\u00e9rance aux fautes de frappe avanc\u00e9e et peut corriger automatiquement les erreurs. Il prend \u00e9galement en charge les requ\u00eates dans plusieurs langues pour vos boutiques en ligne internationales.\"}},{\"@type\":\"Question\",\"name\":\"Quel est le r\u00f4le de l'autocompl\u00e9tion dans la d\u00e9couverte de produits ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"L\u2019autocompl\u00e9tion est un outil cl\u00e9 pour la recherche ecommerce. Elle affiche des aper\u00e7us et des suggestions pertinentes, favorisant la d\u00e9couverte et am\u00e9liorant l\u2019exp\u00e9rience utilisateur et la conversion.\"}},{\"@type\":\"Question\",\"name\":\"Est-ce que l'instant search n\u00e9cessite des mises \u00e0 jour fr\u00e9quentes du catalogue ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non, l\u2019instant search est aliment\u00e9 par une indexation en temps r\u00e9el. Les requ\u00eates de recherche et les analyses de recherche refl\u00e8tent imm\u00e9diatement les mises \u00e0 jour du catalogue, sans intervention manuelle.\"}},{\"@type\":\"Question\",\"name\":\"Quels outils de recherche sont inclus pour am\u00e9liorer l\u2019exp\u00e9rience client ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Notre solution inclut des outils de recherche faciles \u00e0 utiliser, qui enrichissent la fonction de recherche, am\u00e9liorent la pertinence des r\u00e9sultats et optimisent l\u2019exp\u00e9rience utilisateur sur vos boutiques en ligne.\"}},{\"@type\":\"Question\",\"name\":\"Comment suivre et analyser les recherches des utilisateurs sur vos sites e-commerce ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Avec les solutions de recherche int\u00e9gr\u00e9es, vous pouvez recueillir des donn\u00e9es en temps r\u00e9el. Cela concerne les requ\u00eates de recherche et le comportement des utilisateurs.Ces analyses aident \u00e0 am\u00e9liorer la recherche en ligne. Elles optimisent la fonction de recherche. Cela permet d'offrir une meilleure exp\u00e9rience utilisateur sur vos sites e-commerce.\"}}]}\n    <\/script>\n<!-- \/wp:elasticsuite\/faq --><\/div>\n<\/div>\n\n\n<!-- wp:elasticsuite\/decorator-section-faq-indigo [] -->\n<div class=\"absolute inset-0\">\n    <div class=\"absolute bottom-0 left-0 w-[2844px] h-[1139px] translate-y-5\/9 opacity-75\"\n         style=\"background: radial-gradient(50% 50% at 50% 50%, #2716B7 0%, #4A3BDD 40%, rgba(74, 59, 221, 0) 95%, transparent 100%)\"><\/div>\n<\/div>\n<!-- \/wp:elasticsuite\/decorator-section-faq-indigo -->\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":156,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-312","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>Instant Search : R\u00e9sultats de Recherche en Temps R\u00e9el<\/title>\n<meta name=\"description\" content=\"Offrez des r\u00e9sultats instantan\u00e9s pour guider les utilisateurs d\u00e8s la saisie et am\u00e9liorer la conversion.\" \/>\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\/recherche-e-commerce\/instant-search-results\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instant Search : R\u00e9sultats de Recherche en Temps R\u00e9el\" \/>\n<meta property=\"og:description\" content=\"Offrez des r\u00e9sultats instantan\u00e9s pour guider les utilisateurs d\u00e8s la saisie et am\u00e9liorer la conversion.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/\" \/>\n<meta property=\"og:site_name\" content=\"Elasticsuite | FR\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-22T10:44:03+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\/recherche-e-commerce\/instant-search-results\/\",\"url\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/\",\"name\":\"Instant Search : R\u00e9sultats de Recherche en Temps R\u00e9el\",\"isPartOf\":{\"@id\":\"https:\/\/elasticsuite.io\/fr\/#website\"},\"datePublished\":\"2025-11-04T16:29:34+00:00\",\"dateModified\":\"2025-12-22T10:44:03+00:00\",\"description\":\"Offrez des r\u00e9sultats instantan\u00e9s pour guider les utilisateurs d\u00e8s la saisie et am\u00e9liorer la conversion.\",\"breadcrumb\":{\"@id\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/#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\":\"Recherche e commerce\",\"item\":\"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Instant search results\"}]},{\"@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":"Instant Search : R\u00e9sultats de Recherche en Temps R\u00e9el","description":"Offrez des r\u00e9sultats instantan\u00e9s pour guider les utilisateurs d\u00e8s la saisie et am\u00e9liorer la conversion.","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\/recherche-e-commerce\/instant-search-results\/","og_locale":"fr_FR","og_type":"article","og_title":"Instant Search : R\u00e9sultats de Recherche en Temps R\u00e9el","og_description":"Offrez des r\u00e9sultats instantan\u00e9s pour guider les utilisateurs d\u00e8s la saisie et am\u00e9liorer la conversion.","og_url":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/","og_site_name":"Elasticsuite | FR","article_modified_time":"2025-12-22T10:44:03+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\/recherche-e-commerce\/instant-search-results\/","url":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/","name":"Instant Search : R\u00e9sultats de Recherche en Temps R\u00e9el","isPartOf":{"@id":"https:\/\/elasticsuite.io\/fr\/#website"},"datePublished":"2025-11-04T16:29:34+00:00","dateModified":"2025-12-22T10:44:03+00:00","description":"Offrez des r\u00e9sultats instantan\u00e9s pour guider les utilisateurs d\u00e8s la saisie et am\u00e9liorer la conversion.","breadcrumb":{"@id":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/instant-search-results\/#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":"Recherche e commerce","item":"https:\/\/elasticsuite.io\/fr\/fonctionnalites\/recherche-e-commerce\/"},{"@type":"ListItem","position":4,"name":"Instant search results"}]},{"@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\/312","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=312"}],"version-history":[{"count":9,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/312\/revisions"}],"predecessor-version":[{"id":1786,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/312\/revisions\/1786"}],"up":[{"embeddable":true,"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/pages\/156"}],"wp:attachment":[{"href":"https:\/\/elasticsuite.io\/fr\/wp-json\/wp\/v2\/media?parent=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}