CINXE.COM

<!DOCTYPE html> <html lang='en'> <head> <title>Docs: Guides, API reference, Integrations | Algolia</title> <meta content='Explore guides, code samples, integrations, and API reference documentation for building amazing Search and Discovery experiences with Algolia.' name='description'> <meta content='width=device-width, initial-scale=1.0' name='viewport'> <meta content='ie=edge' http-equiv='X-UA-Compatible'> <meta charset='utf-8'> <link crossorigin href='https://B1G2GM9NG0-dsn.algolia.net' rel='preconnect'> <link as='style' href='/doc/assets/stylesheets/fonts-b49e8aae.css' rel='preload'> <link href='/doc/assets/stylesheets/fonts-b49e8aae.css' rel='stylesheet'> <link href='/doc/assets/stylesheets/main-aad37cfa.css' rel='stylesheet'> <meta content='summary' name='twitter:card'> <meta content='@algolia' name='twitter:site'> <meta content='Docs: Guides, API reference, Integrations | Algolia' name='twitter:title'> <meta content='Explore guides, code samples, integrations, and API reference documentation for building amazing Search and Discovery experiences with Algolia.' name='twitter:description'> <meta content='https://www.algolia.com/doc/' property='og:url'> <meta content='website' property='og:type'> <meta content='Docs: Guides, API reference, Integrations | Algolia' property='og:title'> <meta content='Explore guides, code samples, integrations, and API reference documentation for building amazing Search and Discovery experiences with Algolia.' property='og:description'> <meta content='Algolia Documentation' property='og:site_name'> <link href='/doc/assets/images/favicon/favicon-50d8e9ee.ico' rel='icon' sizes='any'> <link href='/doc/assets/images/favicon/favicon-0ac64a15.svg' rel='icon' type='image/svg+xml'> <link href='/doc/assets/images/favicon/apple-touch-icon-5bd129f5.png' rel='apple-touch-icon'> <link href='/doc/assets/images/favicon/site.webmanifest' rel='manifest'> <link href='https://www.algolia.com/doc/' rel='canonical'> <script src='https://cdn.cookielaw.org/consent/5e9f5149-bde8-4a13-b973-b7a9385e8ebb/OtAutoBlock.js' type='text/javascript'></script> <script charSet='UTF-8' data-domain-script='5e9f5149-bde8-4a13-b973-b7a9385e8ebb' src='https://cdn.cookielaw.org/scripttemplates/otSDKStub.js' type='text/javascript'></script> <script type='text/javascript'> function OptanonWrapper() { } </script> </head> <body class='relative bg-x-gradient-grey-200-grey-200-50-white-50' data-controller='app'> <div class='flex flex-col min-h-screen text-base font-sans'> <header class='header fixed top-0 lg:z-40 z-20 bg-white w-full font-sans-alt' data-action='resize@window->header#closeDropdownOnMediumScreens' data-controller='header'> <div class='fixed top-0 z-50 flex w-full pointer-events-none h-72'> <div class='header-border absolute right-0 w-half h-full'></div> </div> <div class='flex max-w-1440 mx-auto'> <div class='header-logo flex-shrink-0 w-376 py-24 px-40 lg:block hidden' data-header-logo=''> <a class='block h-24 max-w-200 -mt-8 mb-8' href='/doc/'> <svg fill="none" height="50" width="128" xmlns="http://www.w3.org/2000/svg"><g fill="#003dff"><path clip-rule="evenodd" d="M61.897 16.847V1.27c0-.21-.187-.37-.394-.337l-2.918.46a.342.342 0 0 0-.289.337l.01 15.8c0 .747 0 5.36 5.55 5.521a.342.342 0 0 0 .352-.341V20.35a.338.338 0 0 0-.296-.337c-2.015-.232-2.015-2.751-2.015-3.165z" fill-rule="evenodd"/><path d="M110.02 6.984h-2.936a.342.342 0 0 0-.342.342v15.387c0 .189.153.342.342.342h2.936a.34.34 0 0 0 .341-.341V7.325a.34.34 0 0 0-.341-.342z"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="M107.084 5.055h2.936a.341.341 0 0 0 .341-.341V1.269c0-.21-.188-.37-.395-.337l-2.936.46a.34.34 0 0 0-.288.337v2.985c0 .188.153.341.341.341zM102.009 16.847V1.27c0-.21-.187-.37-.394-.337l-2.918.46a.342.342 0 0 0-.289.337l.01 15.8c0 .747 0 5.36 5.55 5.521a.342.342 0 0 0 .352-.341V20.35a.338.338 0 0 0-.296-.337c-2.015-.232-2.015-2.751-2.015-3.165zM94.371 9.18a6.555 6.555 0 0 0-2.358-1.636c-.92-.378-1.923-.57-3.01-.57-1.087 0-2.091.183-3.003.57a6.907 6.907 0 0 0-2.357 1.637c-.664.707-1.179 1.554-1.548 2.546-.369.993-.534 2.161-.534 3.375s.184 2.132.552 3.135c.37 1.001.876 1.856 1.53 2.565a6.856 6.856 0 0 0 2.348 1.646c.911.395 2.32.597 3.03.606.708 0 2.127-.221 3.047-.606a6.711 6.711 0 0 0 2.358-1.646c.653-.709 1.16-1.564 1.518-2.565.36-1.003.535-1.921.535-3.135s-.193-2.382-.58-3.375c-.37-.993-.876-1.839-1.529-2.546zm-2.569 9.47c-.663.91-1.594 1.37-2.78 1.37-1.19 0-2.119-.45-2.782-1.37-.664-.91-.995-1.967-.995-3.539 0-1.555.323-2.842.986-3.751.662-.911 1.593-1.36 2.78-1.36 1.188 0 2.118.45 2.78 1.36.664.9 1.005 2.196 1.005 3.751 0 1.572-.331 2.62-.994 3.54zM51.722 6.984h-2.853c-2.796 0-5.257 1.474-6.693 3.707a8.393 8.393 0 0 0-1.33 4.553 8.334 8.334 0 0 0 2.984 6.425c.169.15.35.288.538.412a4.654 4.654 0 0 0 2.787.774l.062-.004c.05-.003.101-.006.152-.011l.059-.007.158-.02.036-.006c1.902-.293 3.56-1.782 4.1-3.632v3.344c0 .189.152.341.341.341h2.916a.341.341 0 0 0 .34-.34V7.325a.341.341 0 0 0-.34-.342zm0 11.966c-.706.588-1.618.808-2.593.874l-.028.003c-.065.004-.13.006-.195.006-2.442 0-4.46-2.076-4.46-4.59 0-.593.114-1.157.314-1.676.649-1.684 2.242-2.876 4.11-2.876h2.852zM123.402 6.984h-2.853c-2.796 0-5.257 1.474-6.693 3.707a8.39 8.39 0 0 0-1.33 4.553 8.332 8.332 0 0 0 2.984 6.425c.169.15.35.288.538.412a4.656 4.656 0 0 0 2.787.774l.062-.004c.051-.003.101-.006.152-.011l.059-.007.158-.02.036-.006c1.902-.293 3.56-1.782 4.1-3.632v3.344c0 .189.153.341.341.341h2.916a.341.341 0 0 0 .341-.34V7.325a.341.341 0 0 0-.341-.342zm0 11.966c-.705.588-1.617.808-2.593.874l-.028.003c-.065.004-.13.006-.195.006-2.442 0-4.459-2.076-4.459-4.59 0-.593.113-1.157.313-1.676.649-1.684 2.242-2.876 4.109-2.876h2.853zM75.988 6.984h-2.853c-2.796 0-5.257 1.474-6.693 3.707a8.367 8.367 0 0 0-1.33 4.553c0 .316.018.645.054.96a8.314 8.314 0 0 0 2.93 5.465c.17.15.35.288.538.413a4.654 4.654 0 0 0 5.36-.145c.942-.67 1.67-1.65 1.993-2.76v2.906h-.006v.64c0 1.263-.33 2.213-1.003 2.855-.671.64-1.795.961-3.368.961-.643 0-1.665-.034-2.695-.139a.343.343 0 0 0-.362.244l-.74 2.493c-.058.2.074.406.28.435 1.244.179 2.459.271 3.16.271 2.828 0 4.925-.622 6.297-1.863 1.242-1.122 1.917-2.827 2.036-5.118V7.327a.341.341 0 0 0-.342-.341h-3.257zm0 3.707s.038 8.046 0 8.29c-.699.565-1.568.786-2.515.85-.01 0-.019.002-.028.003a4.212 4.212 0 0 1-.422 0c-2.337-.122-4.31-2.155-4.31-4.59 0-.593.114-1.158.314-1.676.649-1.684 2.242-2.877 4.109-2.877h2.853z"/></g><path d="M14.447.928C6.552.928.115 7.294.002 15.162c-.116 7.991 6.367 14.613 14.36 14.66 2.468.014 4.845-.59 6.957-1.737a.338.338 0 0 0 .062-.55l-1.352-1.198a.955.955 0 0 0-1.004-.17 11.677 11.677 0 0 1-4.725.928c-6.458-.08-11.676-5.453-11.573-11.91.102-6.376 5.32-11.532 11.72-11.532h11.72v20.834l-6.65-5.909a.49.49 0 0 0-.718.076 5.448 5.448 0 0 1-4.737 2.16c-2.68-.186-4.85-2.343-5.051-5.02a5.458 5.458 0 0 1 5.436-5.872 5.46 5.46 0 0 1 5.43 4.97.971.971 0 0 0 .32.644l1.732 1.535a.338.338 0 0 0 .556-.19 8.21 8.21 0 0 0 .12-2.078c-.279-4.067-3.574-7.34-7.643-7.59-4.665-.288-8.566 3.362-8.69 7.936-.12 4.459 3.532 8.302 7.991 8.4a8.131 8.131 0 0 0 4.982-1.558l8.689 7.703c.372.33.96.066.96-.432V1.475a.548.548 0 0 0-.548-.548h-13.9zM4.12 46.04v-1.32h1.51c.38 0 .717-.057 1.01-.17.3-.12.553-.287.76-.5s.363-.463.47-.75a2.67 2.67 0 0 0 .17-.97 2.65 2.65 0 0 0-.17-.98c-.107-.293-.263-.543-.47-.75s-.46-.363-.76-.47a2.945 2.945 0 0 0-1.01-.16H4.12v-1.32h1.42c.66 0 1.237.097 1.73.29s.903.46 1.23.8c.327.333.57.717.73 1.15.167.427.25.87.25 1.33v.22c0 .44-.083.873-.25 1.3-.16.427-.403.813-.73 1.16s-.737.623-1.23.83-1.07.31-1.73.31zm-1.22 0v-7.39h1.42v7.39zm13.782.15c-.66 0-1.234-.117-1.72-.35a3.668 3.668 0 0 1-1.2-.91 4.196 4.196 0 0 1-.71-1.22 3.852 3.852 0 0 1-.23-1.27v-.22c0-.447.08-.89.24-1.33.16-.447.4-.85.72-1.21.326-.36.73-.647 1.21-.86.48-.22 1.043-.33 1.69-.33.64 0 1.2.11 1.68.33.48.213.88.5 1.2.86.326.36.57.763.73 1.21.16.44.24.883.24 1.33v.22c0 .407-.08.83-.24 1.27-.154.433-.39.84-.71 1.22a3.535 3.535 0 0 1-1.2.91c-.48.233-1.047.35-1.7.35zm0-1.32c.373 0 .706-.067 1-.2.3-.133.553-.317.76-.55.213-.24.373-.51.48-.81.113-.307.17-.63.17-.97 0-.367-.057-.703-.17-1.01a2.213 2.213 0 0 0-.48-.8c-.207-.227-.46-.403-.76-.53s-.634-.19-1-.19c-.374 0-.71.063-1.01.19s-.557.303-.77.53a2.415 2.415 0 0 0-.48.8c-.107.307-.16.643-.16 1.01 0 .34.053.663.16.97.113.3.273.57.48.81.213.233.47.417.77.55s.636.2 1.01.2zm11.012 1.32c-.66 0-1.227-.117-1.7-.35s-.86-.537-1.16-.91c-.293-.373-.51-.78-.65-1.22s-.21-.863-.21-1.27v-.22c0-.453.07-.9.21-1.34.147-.44.37-.84.67-1.2s.68-.647 1.14-.86c.467-.22 1.017-.33 1.65-.33.66 0 1.233.12 1.72.36.493.233.887.567 1.18 1 .293.427.47.927.53 1.5h-1.43a1.72 1.72 0 0 0-.36-.84 1.624 1.624 0 0 0-.69-.52 2.39 2.39 0 0 0-.95-.18c-.36 0-.68.063-.96.19-.28.12-.513.293-.7.52s-.33.493-.43.8c-.093.307-.14.647-.14 1.02 0 .36.047.693.14 1 .1.307.247.577.44.81.193.227.43.403.71.53.287.127.617.19.99.19.547 0 1.007-.133 1.38-.4.38-.273.61-.653.69-1.14h1.43c-.067.52-.243.997-.53 1.43s-.68.78-1.18 1.04-1.097.39-1.79.39zm10.208 0c-.68 0-1.253-.13-1.72-.39s-.823-.623-1.07-1.09c-.24-.473-.36-1.027-.36-1.66V38.7h1.42v4.43c0 .347.067.653.2.92.134.26.327.463.58.61.26.14.577.21.95.21.367 0 .677-.07.93-.21.26-.147.454-.35.58-.61.134-.26.2-.567.2-.92V38.7h1.42v4.35c0 .633-.12 1.187-.36 1.66-.233.467-.583.83-1.05 1.09s-1.04.39-1.72.39zm7.293-.19v-7.3h1.94l1.83 4.36h.18l1.82-4.36h1.97V46h-1.41v-6.23l.18.02-1.97 4.72h-1.45l-1.98-4.72.19-.02V46zm12.04 0v-7.3h1.39V46zm1.19 0v-1.2h3.31V46zm0-3.11v-1.2h3.05v1.2zm0-2.99v-1.2h3.23v1.2zm7.268 6.1v-7.3h2.33l3.07 6.12h.33l-.2.18v-6.3h1.34V46h-2.34l-3.07-6.12h-.34l.2-.18V46zm12.612 0v-6.25h1.42V46zm-2.11-6.05V38.7h5.64v1.25zM84.133 46l2.49-7.3h2.32l2.56 7.3h-1.46l-2.17-6.33.51.22h-1.25l.52-.22-2.1 6.33zm1.74-1.94.45-1.2h2.96l.44 1.2zM95.913 46v-6.25h1.42V46zm-2.11-6.05V38.7h5.64v1.25zm9.293 6.05v-7.3h1.42V46zm9.172.19c-.66 0-1.234-.117-1.72-.35a3.668 3.668 0 0 1-1.2-.91 4.182 4.182 0 0 1-.71-1.22 3.836 3.836 0 0 1-.23-1.27v-.22c0-.447.08-.89.24-1.33.16-.447.4-.85.72-1.21.326-.36.73-.647 1.209-.86.481-.22 1.044-.33 1.691-.33.64 0 1.2.11 1.68.33.48.213.88.5 1.2.86.326.36.57.763.73 1.21.16.44.24.883.24 1.33v.22c0 .407-.08.83-.24 1.27a3.93 3.93 0 0 1-.71 1.22 3.547 3.547 0 0 1-1.2.91c-.48.233-1.047.35-1.7.35zm0-1.32c.373 0 .706-.067 1-.2.3-.133.553-.317.76-.55.213-.24.373-.51.48-.81.113-.307.17-.63.17-.97a2.9 2.9 0 0 0-.17-1.01 2.222 2.222 0 0 0-1.24-1.33c-.3-.127-.634-.19-1-.19-.374 0-.71.063-1.01.19s-.557.303-.77.53a2.405 2.405 0 0 0-.48.8c-.107.307-.16.643-.16 1.01 0 .34.053.663.16.97.113.3.273.57.48.81.213.233.47.417.77.55s.636.2 1.01.2zM119.99 46v-7.3h2.33l3.07 6.12h.33l-.2.18v-6.3h1.34V46h-2.34l-3.07-6.12h-.34l.2-.18V46z"/></g></svg> </a> </div> <nav class='header-nav z-30 flex flex-grow justify-between items-center bg-white px-16 whitespace-no-wrap lg:h-auto h-72 min-w-0' data-header-nav=''> <div class='flex lg:hidden'> <div class='h-24 w-24 mr-24 ml-8 md:ml-40'> <a class='block h-full w-full text-xenon-600 fill-current' href='/doc/'> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 501 501"><path fill="#003DFF" d="M249.997.0299683C113.377.0299683 1.99633 110.19.0263314 246.35-1.97367 384.64 110.217 499.22 248.517 500.02c42.71.25 83.849-10.2 120.379-30.05 3.56-1.93 4.111-6.83 1.081-9.52l-23.391-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.209 16.39-81.759 16.04-111.75-1.37-202.0407-94.35-200.2607-206.1C48.9563 136.4 139.257 47.18 249.997 47.18h202.829v360.51L337.747 305.44c-3.72-3.31-9.431-2.66-12.431 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.741 37.88 93.971 86.01.38 4.28 2.309 8.28 5.529 11.13l29.971 26.57c3.4 3.01 8.799 1.17 9.629-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.48999c0-5.24-4.249-9.48999-9.489-9.48999H250.006l-.009.0299683Z"/></svg> </a> </div> <button class='flex items-center mr-32 text-grey-1000 hover:text-grey-1000 fill-current focus:outline-none focus:shadow-outline' data-action='click->app#toggleSidebar'> <span class='flex items-center h-24 w-24 mr-8 p-2 flex-grow-0 flex-shrink-0'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14"><path d="M19,8H1A1,1,0,0,1,1,6H19a1,1,0,0,1,0,2Z"/><path d="M19,2H1A1,1,0,0,1,1,0H19a1,1,0,0,1,0,2Z"/><path d="M19,14H1a1,1,0,0,1,0-2H19a1,1,0,0,1,0,2Z"/></svg> </span> <span class='block flex-grow-0 flex-shrink-0 text-xs uppercase'> Menu </span> </button> </div> <ul class='h-full mx-24 uppercase leading-tight text-sm font-semibold tracking-wide lg:flex hidden'> <li class='flex items-center h-full mx-16'> <span class='header-item header-item-active hover:text-xenon-600 border-b-2 flex items-center h-full cursor-pointer transition-fast-out' data-action='click->header#openDropdown click->header#toggleTabs click->header#setItemAsClicked click@window->header#closeDropdownOnClickOutside' data-tab='guides' data-target='header.item'> Guides </span> </li> <li class='flex items-center h-full mx-16'> <span class='header-item hover:text-xenon-600 border-b-2 flex items-center h-full cursor-pointer transition-fast-out' data-action='click->header#openDropdown click->header#toggleTabs click->header#setItemAsClicked click@window->header#closeDropdownOnClickOutside' data-tab='api-reference' data-target='header.item'> <span class='hidden xl:block'> API Reference </span> <span class='xl:hidden'> API </span> </span> </li> <li class='flex items-center h-full mx-16'> <span class='header-item hover:text-xenon-600 border-b-2 flex items-center h-full cursor-pointer transition-fast-out' data-action='click->header#openDropdown click->header#toggleTabs click->header#setItemAsClicked click@window->header#closeDropdownOnClickOutside' data-tab='integrations' data-target='header.item'> Integrations </span> </li> <li class='items-center h-full mx-16 hidden' data-target='header.unlogged'> <a class='text-xenon-600 py-16 mb-px' data-segment-message='Clicked Sign In' data-segment='dashboard' href='https://dashboard.algolia.com/users/sign_in'> Log in </a> </li> <li class='items-center h-full mx-16 hidden' data-target='header.unlogged'> <a class='inline-block btn-skeuomorphic btn-skeuomorphic-blue sm:py-8 py-16 px-16 mb-px text-center' data-segment-message='Clicked Sign Up' data-segment='dashboard' href='https://dashboard.algolia.com/users/sign_up'> <span class='px-4'>Sign up</span> </a> </li> <li class='items-center h-full mx-16 hidden' data-target='header.logged'> <a class='inline-block btn-skeuomorphic sm:py-8 py-16 px-16 mb-px text-center' data-segment-message='Clicked Dashboard' data-segment='dashboard' href='https://dashboard.algolia.com'> <span class='px-4'>Dashboard</span> </a> </li> </ul> <div class='header-search max-w-448 w-full min-w-0' id='docsearch'></div> </nav> <div class='header-dropdown absolute inset-x-0 z-40 w-full pt-72 shadow-lg-outer font-sans pointer-events-none' data-main-dropdown=''> <div class='pt-32 pb-56 px-56 bg-white pointer-events-auto'> <button class='flex absolute top-0 right-0 items-center right-0 right-0 mt-32 mr-40 text-grey-700-opacity-90 hover:text-grey-700 fill-current transition-fast-out z-60 focus:outline-none focus:shadow-outline' data-action='click->header#closeDropdown'> <span class='flex items-center h-16 w-16 mr-16 flex-grow-0 flex-shrink-0'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M8.41,7l5.3-5.29A1,1,0,1,0,12.29.29L7,5.59,1.71.29A1,1,0,0,0,.29,1.71L5.59,7,.29,12.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L7,8.41l5.29,5.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg> </span> <span class='block flex-grow-0 flex-shrink-0 mt-2 font-sans-alt text-base leading-none'> Close </span> </button> <div class='hidden justify-center' data-tab='guides' data-target='header.tab'> <div class='flex-initial max-w-272 w-full mr-80'> <div class='text-3xl font-semibold mb-16 leading-loose'> Guides </div> <p class='text-grey-700 mb-16 leading-normal'> Learn how Algolia works and how you can use it to create search and discovery experiences. </p> </div> <div class='column-2 -mx-16 -mb-24'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><path d="M14.81,5.71l-7-5.6a.48.48,0,0,0-.62,0l-7,5.6A.49.49,0,0,0,0,6.1v8.8A2.08,2.08,0,0,0,2.06,17H12.94A2.08,2.08,0,0,0,15,14.9V6.1A.49.49,0,0,0,14.81,5.71ZM9.33,16H5.67V9H9.33ZM14,14.9A1.08,1.08,0,0,1,12.94,16H10.33V8.5a.5.5,0,0,0-.5-.5H5.17a.5.5,0,0,0-.5.5V16H2.06A1.08,1.08,0,0,1,1,14.9V6.34l6.5-5.2L14,6.34Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Home </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/getting-started/what-is-algolia/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 18.2"><path d="M8.88,7.93,5.61,6.79,6.45.54A.47.47,0,0,0,6.13,0a.46.46,0,0,0-.57.21L.06,9.58l0,.08a.48.48,0,0,0,.29.61l3.27,1.14-.84,6.25a.47.47,0,0,0,.32.51.41.41,0,0,0,.16,0A.47.47,0,0,0,3.64,18L9.13,8.62a.59.59,0,0,0,0-.08A.48.48,0,0,0,8.88,7.93Zm-4.33,3.2a.49.49,0,0,0-.32-.51L1.13,9.54l4.19-7L4.65,7.07A.49.49,0,0,0,5,7.58l3.1,1.08-4.19,7Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Getting started </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/sending-and-managing-data/prepare-your-data/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,17H2.28A2.28,2.28,0,0,1,0,14.72V11.17a.5.5,0,0,1,.5-.5.5.5,0,0,1,.5.5v3.55A1.28,1.28,0,0,0,2.28,16H14.72A1.28,1.28,0,0,0,16,14.72V11.17a.5.5,0,0,1,1,0v3.55A2.28,2.28,0,0,1,14.72,17ZM8.5,11.67a.5.5,0,0,1-.5-.5V1.71L4.41,5.3a.5.5,0,1,1-.71-.71L8.15.15h0A.31.31,0,0,1,8.31,0a.48.48,0,0,1,.18,0h0a.58.58,0,0,1,.18,0,.36.36,0,0,1,.15.1h0L13.3,4.59a.5.5,0,1,1-.71.71L9,1.71v9.46A.5.5,0,0,1,8.5,11.67Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Sending and managing data </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/managing-results/relevance-overview/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M16.5,17H10.28a.5.5,0,0,1-.5-.5V10.28a.5.5,0,0,1,.5-.5H16.5a.5.5,0,0,1,.5.5V16.5A.5.5,0,0,1,16.5,17Zm-5.72-1H16V10.78H10.78ZM6.72,17H.5a.5.5,0,0,1-.5-.5V10.28a.5.5,0,0,1,.5-.5H6.72a.5.5,0,0,1,.5.5V16.5A.5.5,0,0,1,6.72,17ZM1,16H6.22V10.78H1ZM16.5,7.22H10.28a.5.5,0,0,1-.5-.5V.5a.5.5,0,0,1,.5-.5H16.5a.5.5,0,0,1,.5.5V6.72A.5.5,0,0,1,16.5,7.22Zm-5.72-1H16V1H10.78Zm-4.06,1H.5a.5.5,0,0,1-.5-.5V.5A.5.5,0,0,1,.5,0H6.72a.5.5,0,0,1,.5.5V6.72A.5.5,0,0,1,6.72,7.22ZM1,6.22H6.22V1H1Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Managing results </div> </div> </a> <div class='hidden' data-controller='flavor-specific-content' data-flavor='android'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/what-is-instantsearch/android/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Building Search UI </div> </div> </a> </div> <div class='hidden' data-controller='flavor-specific-content' data-flavor='flutter'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/what-is-instantsearch/flutter/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Building Search UI </div> </div> </a> </div> <div class='hidden' data-controller='flavor-specific-content' data-flavor='ios'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/what-is-instantsearch/ios/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Building Search UI </div> </div> </a> </div> <div class='hidden' data-controller='flavor-specific-content' data-flavor='js'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/what-is-instantsearch/js/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Building Search UI </div> </div> </a> </div> <div class='hidden' data-controller='flavor-specific-content' data-flavor='react'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/what-is-instantsearch/react/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Building Search UI </div> </div> </a> </div> <div class='hidden' data-controller='flavor-specific-content' data-flavor='vue'> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/what-is-instantsearch/vue/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Building Search UI </div> </div> </a> </div> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/sending-events/getting-started/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="12" cy="12" r="2"/><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Sending events </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/search-analytics/overview/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Search analytics </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/personalization/advanced-personalization/what-is-advanced-personalization/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Personalization </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/ab-testing/what-is-ab-testing/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> A/B testing </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/algolia-recommend/overview/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Algolia Recommend </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/algolia-ai/dynamic-synonym-suggestions/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Algolia AI </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/going-to-production/implementation-checklist/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M8.5,0A8.5,8.5,0,1,0,17,8.5,8.51,8.51,0,0,0,8.5,0ZM16,8H12.18A12.73,12.73,0,0,0,9.64,1.1,7.49,7.49,0,0,1,16,8ZM5.82,9h5.36A11.77,11.77,0,0,1,8.5,15.74,11.73,11.73,0,0,1,5.82,9Zm0-1A11.77,11.77,0,0,1,8.5,1.26,11.73,11.73,0,0,1,11.18,8ZM7.36,1.1A12.7,12.7,0,0,0,4.82,8H1A7.49,7.49,0,0,1,7.36,1.1ZM1,9H4.82a12.73,12.73,0,0,0,2.54,6.9A7.49,7.49,0,0,1,1,9Zm8.61,6.9A12.7,12.7,0,0,0,12.18,9H16A7.49,7.49,0,0,1,9.64,15.9Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Going to production </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/scaling/servers-clusters/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M8.5,17A.54.54,0,0,1,8.28,17l-8-4a.5.5,0,1,1,.44-.9L8.5,15.94l7.78-3.89a.5.5,0,0,1,.44.9l-8,4A.54.54,0,0,1,8.5,17Zm0-4A.54.54,0,0,1,8.28,13l-8-4a.5.5,0,1,1,.44-.9L8.5,11.94l7.78-3.89a.5.5,0,0,1,.44.9l-8,4A.54.54,0,0,1,8.5,13Zm0-4A.54.54,0,0,1,8.28,9l-8-4a.5.5,0,0,1,0-.9l8-4a.49.49,0,0,1,.44,0l8,4a.5.5,0,0,1,0,.9l-8,4A.54.54,0,0,1,8.5,9ZM1.62,4.5,8.5,7.94,15.38,4.5,8.5,1.06Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Scaling </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/security/api-keys/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 17"><path d="M7,17A.54.54,0,0,1,6.78,17C6.5,16.81,0,13.55,0,8.5V2.9a.5.5,0,0,1,.33-.47L6.83,0a.5.5,0,0,1,.34,0l6.5,2.4A.5.5,0,0,1,14,2.9V8.5c0,5.05-6.5,8.31-6.78,8.45A.54.54,0,0,1,7,17ZM1,3.25V8.5c0,3.95,4.89,6.83,6,7.44,1.11-.61,6-3.49,6-7.44V3.25L7,1Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Security </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/solutions/ecommerce/search/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 21.08"><path d="M18.73,5.4a.44.44,0,0,0-.07-.19.46.46,0,0,0-.15-.16,2.49,2.49,0,0,0-.76-.72l-7-4a2.53,2.53,0,0,0-2.5,0l-7,4a2.49,2.49,0,0,0-.76.72.46.46,0,0,0-.15.16.44.44,0,0,0-.07.19A2.59,2.59,0,0,0,0,6.5v8a2.5,2.5,0,0,0,1.25,2.16l7,4a2.4,2.4,0,0,0,.93.29.46.46,0,0,0,.64,0,2.4,2.4,0,0,0,.93-.29l7-4A2.5,2.5,0,0,0,19,14.5h0v-8A2.59,2.59,0,0,0,18.73,5.4Zm-10-4.2a1.51,1.51,0,0,1,1.5,0l7,4a1.24,1.24,0,0,1,.18.14L9.5,9.93,1.57,5.34a1.24,1.24,0,0,1,.18-.14Zm-7,14.6A1.52,1.52,0,0,1,1,14.5v-8a1.55,1.55,0,0,1,0-.31L9,10.8v9.1a1.12,1.12,0,0,1-.25-.11ZM18,14.5a1.49,1.49,0,0,1-.75,1.29l-7,4a1.36,1.36,0,0,1-.25.11V10.8l8-4.61a1.55,1.55,0,0,1,0,.31Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Solutions </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt mb-8 pb-24 break-avoid-column mx-16 group' href='/doc/guides/billing/marketplaces/amazon-web-services/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" class="h-full" viewBox="0 0 24 24"><path d="M4 10h12M4 14h9m6-8a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Billing </div> </div> </a> </div> </div> <div class='hidden justify-center' data-tab='api-reference' data-target='header.tab'> <div class='flex -mx-32 lg:flex-row flex-col'> <div class='mx-32'> <div class='text-xl font-semibold mb-24'> API clients </div> <div class='column-2 -mx-16 -mb-24'> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/csharp/v7/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#5c2d91" viewBox="0 0 64.89 64.89"><circle cx="32.89" cy="32" r="32"/><path d="M9.82,9A32,32,0,0,0,52.4,56.78a33.57,33.57,0,0,0,2.6-2.6Z" transform="translate(0.89)" fill="#ffffff" opacity="0.1"/><path d="M7.4,41.25a1.34,1.34,0,0,1-1-.42,1.37,1.37,0,0,1-.41-1,1.41,1.41,0,0,1,.41-1,1.38,1.38,0,0,1,2,0,1.42,1.42,0,0,1-1,2.42Z" transform="translate(0.89)" fill="#ffffff"/><path d="M27.27,41H24.65L15.28,26.46a6.11,6.11,0,0,1-.58-1.14h-.08a19,19,0,0,1,.1,2.5V41H12.59V22.77h2.77l9.12,14.28c.38.59.63,1,.74,1.22h.05a18.44,18.44,0,0,1-.13-2.68V22.77h2.13Z" transform="translate(0.89)" fill="#ffffff"/><path d="M41.69,41H32V22.77h9.24V24.7H34.18v6.06h6.58v1.92H34.18V39H41.7Z" transform="translate(0.89)" fill="#ffffff"/><path d="M56,24.7H50.7V41H48.57V24.7H43.33V22.77H56Z" transform="translate(0.89)" fill="#ffffff"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> C# </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/dart/v1/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 137 137"><path fill="#01579B" d="M27.74 108.28 4.47 85.01C1.71 82.18 0 78.18 0 74.27c0-1.81 1.02-4.64 1.79-6.26l21.48-44.74 4.47 85.01Z"/><path fill="#40C4FF" d="M107.39 27.74 84.12 4.47C82.09 2.43 77.86 0 74.28 0c-3.08 0-6.1.62-8.05 1.79L23.28 23.27l84.11 4.47ZM55.48 136.02h56.38v-24.16L69.8 98.43l-38.48 13.43 24.16 24.16Z"/><path fill="#29B6F6" d="M23.27 95.75c0 7.18.9 8.94 4.47 12.53l3.58 3.58h80.54L72.49 67.12 23.27 23.27v72.48Z"/><path fill="#01579B" d="M94.86 23.26H23.27l88.59 88.59h24.16V56.37l-28.64-28.64c-4.02-4.03-7.59-4.47-12.52-4.47Z"/><path fill="#fff" d="M28.64 109.17c-3.58-3.59-4.47-7.13-4.47-13.42V24.16l-.89-.89v72.48c-.01 6.29-.01 8.03 5.36 13.42Z" opacity=".2"/><path fill="#263238" d="M135.13 55.48v55.48h-24.16l.89.9h24.16V56.37l-.89-.89Z" opacity=".2"/><path fill="#fff" d="M107.39 27.74c-4.44-4.44-8.07-4.47-13.42-4.47H23.28l.89.89h69.8c2.67 0 9.41-.45 13.42 3.58Z" opacity=".2"/><path fill="url(#a)" d="m135.13 55.48-27.74-27.74L84.12 4.47C82.09 2.43 77.86 0 74.28 0c-3.08 0-6.1.62-8.05 1.79L23.28 23.27 1.8 68.01C1.03 69.64.01 72.47.01 74.27c0 3.91 1.72 7.9 4.47 10.74l21.44 21.29c.51.63 1.11 1.27 1.82 1.98l.89.89 2.68 2.68 23.27 23.27.89.89h56.37v-24.16H136V56.37l-.87-.89Z" opacity=".2"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(68 0 0 68 68.005 68.007)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Dart </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/go/v4/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#00add8" viewBox="0 0 29 10.83"><path d="M13.14,17.34h-5a.22.22,0,0,0-.16.07l-.29.38c0,.05,0,.07,0,.07l5.11,0a.2.2,0,0,0,.14-.09l.24-.36C13.21,17.38,13.2,17.34,13.14,17.34Z" transform="translate(-5.5 -14.58)"/><path d="M12.4,18.64H6a.22.22,0,0,0-.16.07l-.3.38s0,.07,0,.07h6.68a.12.12,0,0,0,.12-.09l.12-.34S12.46,18.64,12.4,18.64Z" transform="translate(-5.5 -14.58)"/><path d="M12.09,19.94H9.27a.18.18,0,0,0-.14.08l-.2.36a0,0,0,0,0,0,.08l3.08,0a.12.12,0,0,0,.1-.1l0-.34C12.18,20,12.15,19.94,12.09,19.94Z" transform="translate(-5.5 -14.58)"/><path d="M34.45,18.7a4.4,4.4,0,0,0-2-3.15,5.17,5.17,0,0,0-4-.72,5.87,5.87,0,0,0-3.95,2.36,6,6,0,0,0-1,1.83H19a.39.39,0,0,0-.36.23c-.19.36-.53,1.1-.72,1.54-.1.24,0,.42.27.42h2.73c-.14.2-.26.37-.38.52a2.62,2.62,0,0,1-2.41.93,2.2,2.2,0,0,1-1.9-2.21,3,3,0,0,1,1.44-2.69,2.44,2.44,0,0,1,2.55-.21,1.86,1.86,0,0,1,.67.54c.18.21.2.2.41.14l2.37-.62c.17,0,.23-.11.14-.24a4.37,4.37,0,0,0-1.64-2,4.84,4.84,0,0,0-3.74-.69,6.24,6.24,0,0,0-4,2.44,5.52,5.52,0,0,0-1.2,4.14A4.42,4.42,0,0,0,15,24.4a5,5,0,0,0,3.8.93,5.84,5.84,0,0,0,4-2.4,5.94,5.94,0,0,0,.6-1,4.35,4.35,0,0,0,1.41,2.2,5.3,5.3,0,0,0,3.44,1.25c.37-.05.75-.06,1.13-.13a6.43,6.43,0,0,0,3.39-1.81A5.45,5.45,0,0,0,34.45,18.7Zm-4.58,3.71a2.59,2.59,0,0,1-2.3.08,2.32,2.32,0,0,1-1.3-2.66,3.09,3.09,0,0,1,2.47-2.46,2.32,2.32,0,0,1,2.88,1.88,3,3,0,0,1,0,.46A3.08,3.08,0,0,1,29.87,22.41Z" transform="translate(-5.5 -14.58)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Go </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/java/v4/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#ea2d2e" viewBox="0 0 18.38 24.65"><path d="M20,21.2c-.92-2.06-4-3.86,0-7,5-3.94,2.45-6.5,2.45-6.5h0c1.05,4.07-3.68,5.3-5.39,7.83C15.94,17.24,17.67,19.09,20,21.2Z" transform="translate(-10.81 -7.68)"/><path d="M25.61,12.71s-8.53,2.11-4.45,6.75h0a1.79,1.79,0,0,1-.32,2.6s3.05-1.56,1.65-3.51S20.18,15.83,25.61,12.71Z" transform="translate(-10.81 -7.68)"/><path d="M24.19,22.74a8.26,8.26,0,0,1,1.14-.6s-1.88.33-3.75.49a33.81,33.81,0,0,1-6,.06c-2.92-.38,1.61-1.45,1.61-1.45h0a8.74,8.74,0,0,0-3.92.92C10.71,23.38,19.59,23.94,24.19,22.74Z" transform="translate(-10.81 -7.68)"/><path d="M25.31,25.73h0a.44.44,0,0,1-.09.13c6.24-1.63,3.94-5.73,1-4.69a.85.85,0,0,0-.4.31,3.56,3.56,0,0,1,.54-.15C27.82,21,30,23.33,25.31,25.73Z" transform="translate(-10.81 -7.68)"/><path d="M27.61,28.73h0s.7.58-.78,1c-2.81.85-11.71,1.1-14.19,0-.89-.39.78-.92,1.31-1a3.36,3.36,0,0,1,.85-.1c-1-.68-6.39,1.36-2.74,1.94C22,32.2,30.19,29.88,27.61,28.73Z" transform="translate(-10.81 -7.68)"/><path d="M25.48,31.42a37.24,37.24,0,0,1-11.35.17s.57.47,3.52.66h0c4.48.28,11.37-.16,11.54-2.26C29.19,30,28.87,30.78,25.48,31.42Z" transform="translate(-10.81 -7.68)"/><path d="M23.36,24.67A20.5,20.5,0,0,1,16.7,25c-1.63-.17-.57-.95-.57-.95-4.21,1.38,2.35,3,8.25,1.25A2.87,2.87,0,0,1,23.36,24.67Z" transform="translate(-10.81 -7.68)"/><polygon points="5.32 16.36 5.32 16.36 5.32 16.36 5.32 16.36"/><path d="M16.73,26.74h0C12.9,27.8,19.06,30,23.94,27.92a8.76,8.76,0,0,1-1.37-.67,14.43,14.43,0,0,1-5.16.22C15.78,27.28,16.73,26.74,16.73,26.74Z" transform="translate(-10.81 -7.68)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Java </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/javascript/v5/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#f7df1e" viewBox="0 0 20 20"><path d="M17.5,0H2.5A2.5,2.5,0,0,0,0,2.5v15A2.5,2.5,0,0,0,2.5,20h15A2.5,2.5,0,0,0,20,17.5V2.5A2.5,2.5,0,0,0,17.5,0ZM10.57,14.41a1.52,1.52,0,0,1-1,.78A2.34,2.34,0,0,1,7.81,15a2,2,0,0,1-.73-.83l1-.61.07.11a1.13,1.13,0,0,0,.45.47c.22.07.69.12.87-.26a5.31,5.31,0,0,0,.07-1.49V9.2h1.23v3.4A3.61,3.61,0,0,1,10.57,14.41Zm4.91-.27c-.43,1.47-2.82,1.52-3.78.55a2.29,2.29,0,0,1-.45-.62l1-.57a1.42,1.42,0,0,0,1,.73c.6.07,1.21-.14,1.08-.78s-1.24-.65-2-1.22A1.73,1.73,0,0,1,12,9.81l0,0a1.78,1.78,0,0,1,.94-.55h.39a1.85,1.85,0,0,1,1.56.56,2.61,2.61,0,0,1,.31.43l-1,.62a1,1,0,0,0-.54-.5.65.65,0,0,0-.84.35h0a.65.65,0,0,0,0,.39c.13.3.58.44,1,.62,1.16.48,1.55,1,1.65,1.58h0A1.92,1.92,0,0,1,15.48,14.14Z"/><path fill="#000000" d="M15.47,13.28c-.1-.58-.49-1.1-1.65-1.58-.42-.18-.87-.32-1-.62a.65.65,0,0,1,0-.39h0a.65.65,0,0,1,.84-.35,1,1,0,0,1,.54.5l1-.62a2.61,2.61,0,0,0-.31-.43,1.85,1.85,0,0,0-1.56-.56h-.39a1.78,1.78,0,0,0-.94.55l0,0a1.73,1.73,0,0,0,.36,2.42c.76.57,1.87.58,2,1.22s-.48.85-1.08.78a1.42,1.42,0,0,1-1-.73l-1,.57a2.29,2.29,0,0,0,.45.62c1,1,3.35.92,3.78-.55A1.92,1.92,0,0,0,15.47,13.28Z"/><path fill="#000000" d="M10.77,9.2H9.54v3.19a5.31,5.31,0,0,1-.07,1.49c-.18.38-.65.33-.87.26a1.13,1.13,0,0,1-.45-.47l-.07-.11-1,.61a2,2,0,0,0,.73.83,2.34,2.34,0,0,0,1.76.19,1.52,1.52,0,0,0,1-.78,3.61,3.61,0,0,0,.2-1.81Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> JavaScript </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/kotlin/v3/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#806ee3" viewBox="0 0 60 60"><polygon points="0 60 30.1 29.9 60 60 0 60" fill="#806ee3"/><polygon points="0 0 30.1 0 0 31.7 0 0" fill="#0095d5"/><polygon points="30.1 0 0 31.7 0 60 30.1 29.9 60 0 30.1 0" fill="#ee7e2f"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Kotlin </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/php/v4/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#8892be" viewBox="0 0 26 12"><path d="M30.11,16.36H25.66L23.73,26H26l.48-2.5h2.17A4.24,4.24,0,0,0,33,19.1C33,17.43,32,16.48,30.11,16.36Zm-1.68,5.36H27l.6-3.57h1.57c.84,0,1.44.35,1.44,1.07C30.47,21.24,29.51,21.6,28.43,21.72Z" transform="translate(-7 -14)"/><path d="M13.38,16.36H8.93L7,26H9.29l.48-2.5h2.17a4.24,4.24,0,0,0,4.33-4.4C16.27,17.43,15.31,16.48,13.38,16.36ZM11.7,21.72H10.25l.6-3.57h1.57c.84,0,1.44.35,1.44,1.07C13.74,21.24,12.78,21.6,11.7,21.72Z" transform="translate(-7 -14)"/><path d="M21.86,16.5H19.69l.49-2.5H17.89L16,23.64h2.29l1.08-5.36h1.81c.84,0,.84.36.72,1L21,23.64h2.41l.84-4.88C24.51,17.57,23.79,16.62,21.86,16.5Z" transform="translate(-7 -14)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> PHP </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/python/v4/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#4584b6" viewBox="0 0 19.52 19.73"><path d="M17.4,19.7h4.71a2.54,2.54,0,0,0,2.64-2.59V12.76s.4-2.63-4.79-2.63h0c-5,0-4.66,2.19-4.66,2.19v2.26h4.74v.68H13.42s-3.18-.37-3.18,4.71S13,24.87,13,24.87h1.65V22.51A2.66,2.66,0,0,1,17.4,19.7Zm-.06-6.32a.85.85,0,0,1-.85-.86.86.86,0,1,1,.85.86Z" transform="translate(-10.24 -10.13)"/><path d="M27,15.13H25.33v2.36A2.66,2.66,0,0,1,22.6,20.3H17.89a2.54,2.54,0,0,0-2.64,2.59v4.35s-.4,2.63,4.79,2.63c5,0,4.66-2.19,4.66-2.19V25.42H20v-.68h6.63s3.18.37,3.18-4.71S27,15.13,27,15.13ZM22.87,26.42a.86.86,0,0,1,0,1.72h0a.87.87,0,0,1,0-1.73Z" transform="translate(-10.24 -10.13)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Python </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/ruby/v3/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#cc342d" viewBox="0 0 21.81 16.28"><polygon points="5.08 0 5.08 4.22 10.08 0 5.08 0"/><polygon points="17.33 0.39 17.33 4.55 21.78 4.55 17.33 0.39"/><polygon points="16.19 4.55 10.92 0.08 5.64 4.55 16.19 4.55"/><polygon points="16.72 0 11.75 0 16.72 4.19 16.72 0"/><polygon points="4.47 0.42 0.06 4.55 4.47 4.55 4.47 0.42"/><polygon points="17.22 5.16 12.08 15.28 21.8 5.16 17.22 5.16"/><polygon points="5.28 5.16 10.92 16.28 16.56 5.16 5.28 5.16"/><polygon points="0 5.16 9.72 15.28 4.61 5.16 0 5.16"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Ruby </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/scala/v2/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#de3423" viewBox="0 0 13.92 23.79"><path d="M13,17.25v-5.5c13.9,1.37,13.9,3.67,13.9,3.67v5.5C26.94,18.62,13,17.25,13,17.25Zm0,7.33v-5.5c13.9,1.38,13.9,3.67,13.9,3.67v5.5C26.94,26,13,24.58,13,24.58Z" transform="translate(-13.04 -8.1)" fill-opacity="0.4"/><path d="M27,8.1v5.5s0,2.3-13.9,3.67V11.75S27,10.4,27,8.1ZM13,19.08s13.9-1.37,13.9-3.66v5.5s0,2.29-13.9,3.66ZM13,31.9V26.4s13.9-1.38,13.9-3.67v5.5S27,30.52,13,31.9Z" transform="translate(-13.04 -8.1)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Scala </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/libraries/swift/v9/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" fill="#f05138" viewBox="0 0 20 18"><path d="M22.31,11c8.5,5.6,5.9,12.65,5.9,12.65A8.28,8.28,0,0,1,29.59,26,7.29,7.29,0,0,1,30,29c-.09,0-1.16-1.83-3-1.83S24.09,29,20.76,29A12.53,12.53,0,0,1,10,22.73s3.3,2.41,6.76,2.32S21.17,24,21.17,24s-1.54-1.32-4.2-4a50.78,50.78,0,0,1-5.17-6.31s4,3.25,5.3,4.2,2.57,1.81,2.57,1.81-1.24-1.37-2.12-2.47-3.13-4.43-3.13-4.43,3.45,3.17,5,4.43S24,20.59,24,20.59s1.81-4.2-1.69-9.59Z" transform="translate(-10 -11)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Swift </div> </div> </a> </div> </div> <div class='flex flex-col'> <div class='mx-32'> <div class='text-xl font-semibold mb-24'> UI libraries </div> <div class='column-2 -mx-16'> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/api-reference/widgets/js/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#f7df1e'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.62 14.72"><path d="M7.8,6.5h0a3.35,3.35,0,0,0,1-.19l.58,1,.39.7a.6.6,0,0,0,.52.31.65.65,0,0,0,.31-.08.61.61,0,0,0,.21-.84l-.39-.7-.58-1A3.3,3.3,0,0,0,11,3.24,3.2,3.2,0,0,0,7.82,0,3.22,3.22,0,0,0,4.64,3.26,3.2,3.2,0,0,0,7.8,6.5Zm0-5.27a2,2,0,1,1-2,2A2,2,0,0,1,7.8,1.23Z"/><path fill="#000000" d="M12.45,8.23h0a3.21,3.21,0,0,0-3.11,2.63H7.42a.61.61,0,0,0-.59.61.6.6,0,0,0,.59.6H9.34a3.18,3.18,0,1,0,3.11-3.84Zm0,5.26a2,2,0,1,1,2-2A2,2,0,0,1,12.45,13.49Z"/><path fill="#000000" d="M5.82,8l.4-.7A.64.64,0,0,0,6,6.48H6a.61.61,0,0,0-.83.22l-.39.7-.57,1a3.26,3.26,0,0,0-1-.18,3.25,3.25,0,0,0,0,6.49A3.26,3.26,0,0,0,5.25,9ZM3.16,13.49a2,2,0,0,1,0-4,2,2,0,0,1,2,2v0A2,2,0,0,1,3.16,13.49Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> InstantSearch.js </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/api-reference/widgets/react/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#00d8ff'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.62 14.72"><path d="M7.8,6.5h0a3.35,3.35,0,0,0,1-.19l.58,1,.39.7a.6.6,0,0,0,.52.31.65.65,0,0,0,.31-.08.61.61,0,0,0,.21-.84l-.39-.7-.58-1A3.3,3.3,0,0,0,11,3.24,3.2,3.2,0,0,0,7.82,0,3.22,3.22,0,0,0,4.64,3.26,3.2,3.2,0,0,0,7.8,6.5Zm0-5.27a2,2,0,1,1-2,2A2,2,0,0,1,7.8,1.23Z"/><path fill="#000000" d="M12.45,8.23h0a3.21,3.21,0,0,0-3.11,2.63H7.42a.61.61,0,0,0-.59.61.6.6,0,0,0,.59.6H9.34a3.18,3.18,0,1,0,3.11-3.84Zm0,5.26a2,2,0,1,1,2-2A2,2,0,0,1,12.45,13.49Z"/><path fill="#000000" d="M5.82,8l.4-.7A.64.64,0,0,0,6,6.48H6a.61.61,0,0,0-.83.22l-.39.7-.57,1a3.26,3.26,0,0,0-1-.18,3.25,3.25,0,0,0,0,6.49A3.26,3.26,0,0,0,5.25,9ZM3.16,13.49a2,2,0,0,1,0-4,2,2,0,0,1,2,2v0A2,2,0,0,1,3.16,13.49Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> React InstantSearch </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/api-reference/widgets/vue/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#42b883'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.62 14.72"><path d="M7.8,6.5h0a3.35,3.35,0,0,0,1-.19l.58,1,.39.7a.6.6,0,0,0,.52.31.65.65,0,0,0,.31-.08.61.61,0,0,0,.21-.84l-.39-.7-.58-1A3.3,3.3,0,0,0,11,3.24,3.2,3.2,0,0,0,7.82,0,3.22,3.22,0,0,0,4.64,3.26,3.2,3.2,0,0,0,7.8,6.5Zm0-5.27a2,2,0,1,1-2,2A2,2,0,0,1,7.8,1.23Z"/><path fill="#000000" d="M12.45,8.23h0a3.21,3.21,0,0,0-3.11,2.63H7.42a.61.61,0,0,0-.59.61.6.6,0,0,0,.59.6H9.34a3.18,3.18,0,1,0,3.11-3.84Zm0,5.26a2,2,0,1,1,2-2A2,2,0,0,1,12.45,13.49Z"/><path fill="#000000" d="M5.82,8l.4-.7A.64.64,0,0,0,6,6.48H6a.61.61,0,0,0-.83.22l-.39.7-.57,1a3.26,3.26,0,0,0-1-.18,3.25,3.25,0,0,0,0,6.49A3.26,3.26,0,0,0,5.25,9ZM3.16,13.49a2,2,0,0,1,0-4,2,2,0,0,1,2,2v0A2,2,0,0,1,3.16,13.49Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Vue InstantSearch </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/api-reference/widgets/ios/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#f05138'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.62 14.72"><path d="M7.8,6.5h0a3.35,3.35,0,0,0,1-.19l.58,1,.39.7a.6.6,0,0,0,.52.31.65.65,0,0,0,.31-.08.61.61,0,0,0,.21-.84l-.39-.7-.58-1A3.3,3.3,0,0,0,11,3.24,3.2,3.2,0,0,0,7.82,0,3.22,3.22,0,0,0,4.64,3.26,3.2,3.2,0,0,0,7.8,6.5Zm0-5.27a2,2,0,1,1-2,2A2,2,0,0,1,7.8,1.23Z"/><path fill="#000000" d="M12.45,8.23h0a3.21,3.21,0,0,0-3.11,2.63H7.42a.61.61,0,0,0-.59.61.6.6,0,0,0,.59.6H9.34a3.18,3.18,0,1,0,3.11-3.84Zm0,5.26a2,2,0,1,1,2-2A2,2,0,0,1,12.45,13.49Z"/><path fill="#000000" d="M5.82,8l.4-.7A.64.64,0,0,0,6,6.48H6a.61.61,0,0,0-.83.22l-.39.7-.57,1a3.26,3.26,0,0,0-1-.18,3.25,3.25,0,0,0,0,6.49A3.26,3.26,0,0,0,5.25,9ZM3.16,13.49a2,2,0,0,1,0-4,2,2,0,0,1,2,2v0A2,2,0,0,1,3.16,13.49Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> InstantSearch iOS </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/api-reference/widgets/android/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#a4c639'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.62 14.72"><path d="M7.8,6.5h0a3.35,3.35,0,0,0,1-.19l.58,1,.39.7a.6.6,0,0,0,.52.31.65.65,0,0,0,.31-.08.61.61,0,0,0,.21-.84l-.39-.7-.58-1A3.3,3.3,0,0,0,11,3.24,3.2,3.2,0,0,0,7.82,0,3.22,3.22,0,0,0,4.64,3.26,3.2,3.2,0,0,0,7.8,6.5Zm0-5.27a2,2,0,1,1-2,2A2,2,0,0,1,7.8,1.23Z"/><path fill="#000000" d="M12.45,8.23h0a3.21,3.21,0,0,0-3.11,2.63H7.42a.61.61,0,0,0-.59.61.6.6,0,0,0,.59.6H9.34a3.18,3.18,0,1,0,3.11-3.84Zm0,5.26a2,2,0,1,1,2-2A2,2,0,0,1,12.45,13.49Z"/><path fill="#000000" d="M5.82,8l.4-.7A.64.64,0,0,0,6,6.48H6a.61.61,0,0,0-.83.22l-.39.7-.57,1a3.26,3.26,0,0,0-1-.18,3.25,3.25,0,0,0,0,6.49A3.26,3.26,0,0,0,5.25,9ZM3.16,13.49a2,2,0,0,1,0-4,2,2,0,0,1,2,2v0A2,2,0,0,1,3.16,13.49Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> InstantSearch Android </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/guides/building-search-ui/widgets/showcase/flutter/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#027dfd'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.62 14.72"><path d="M7.8,6.5h0a3.35,3.35,0,0,0,1-.19l.58,1,.39.7a.6.6,0,0,0,.52.31.65.65,0,0,0,.31-.08.61.61,0,0,0,.21-.84l-.39-.7-.58-1A3.3,3.3,0,0,0,11,3.24,3.2,3.2,0,0,0,7.82,0,3.22,3.22,0,0,0,4.64,3.26,3.2,3.2,0,0,0,7.8,6.5Zm0-5.27a2,2,0,1,1-2,2A2,2,0,0,1,7.8,1.23Z"/><path fill="#000000" d="M12.45,8.23h0a3.21,3.21,0,0,0-3.11,2.63H7.42a.61.61,0,0,0-.59.61.6.6,0,0,0,.59.6H9.34a3.18,3.18,0,1,0,3.11-3.84Zm0,5.26a2,2,0,1,1,2-2A2,2,0,0,1,12.45,13.49Z"/><path fill="#000000" d="M5.82,8l.4-.7A.64.64,0,0,0,6,6.48H6a.61.61,0,0,0-.83.22l-.39.7-.57,1a3.26,3.26,0,0,0-1-.18,3.25,3.25,0,0,0,0,6.49A3.26,3.26,0,0,0,5.25,9ZM3.16,13.49a2,2,0,0,1,0-4,2,2,0,0,1,2,2v0A2,2,0,0,1,3.16,13.49Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Algolia for Flutter </div> </div> </a> </div> <div class='-mx-16 -mb-24'> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current text-grey-600'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.7 16.7"><defs/><path fill="#ad6af8" d="M12.8 12.9c-1.3 1-2.8 1.5-4.4 1.5-1.7 0-3.3-.6-4.5-1.6-.2-.2-.4.1-.3.3 1.3 1.3 3 2 4.8 2 1.7 0 3.4-.7 4.7-1.9.1-.2-.1-.5-.3-.3z"/><path fill="#4a5cff" d="M8.3 0C3.7 0 0 3.7 0 8.3s3.7 8.3 8.3 8.3c4.6 0 8.3-3.7 8.3-8.3S13 0 8.3 0zm0 15.8C4.2 15.8.8 12.4.8 8.3S4.2.8 8.3.8s7.5 3.4 7.5 7.5c0 4.2-3.3 7.5-7.5 7.5z"/><path fill="#8dd9fb" d="M8.3 1.6c-3.7 0-6.7 3-6.7 6.7 0 1.5.5 2.9 1.3 4l.2.2h.1c.5.1 1 .1 1.4.1 4.7 0 8.6-3.5 9.1-8v-.2c-1.1-1.6-3.1-2.8-5.4-2.8zM3.7 7.5c-.1.5-.4.9-.7.8-.3-.1-.5-.5-.4-1 .1-.5.4-.8.7-.8.4.1.5.5.4 1zm3-.1C5.8 7.4 5 6.7 5 5.8s.7-1.7 1.7-1.7 1.7.7 1.7 1.7-.8 1.6-1.7 1.6zm2.6.5c-.4 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Autocomplete </div> </div> </a> </div> </div> </div> <div class='mx-32 flex flex-col justify-between'> <div> <div class='text-xl font-semibold mb-24'> API parameters </div> <div class='-mx-16'> <a class='flex items-center text-grey-700 font-sans-alt break-avoid-column mx-16 group' href='/doc/api-reference/api-parameters/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current text-grey-600'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.38,10.18a1.21,1.21,0,0,0,.24,1.33l0,0a1.45,1.45,0,1,1-2.05,2.06h0l0,0a1.21,1.21,0,0,0-1.32-.24,1.2,1.2,0,0,0-.73,1.1v.13a1.46,1.46,0,0,1-2.91,0h0v-.07a1.2,1.2,0,0,0-.78-1.1,1.21,1.21,0,0,0-1.33.24l0,.05a1.47,1.47,0,0,1-2.06,0,1.45,1.45,0,0,1,0-2.06l0,0a1.21,1.21,0,0,0,.24-1.32,1.2,1.2,0,0,0-1.1-.73H1.45a1.46,1.46,0,0,1,0-2.91h.07a1.2,1.2,0,0,0,1.1-.78A1.2,1.2,0,0,0,2.38,4.5l0,0a1.47,1.47,0,0,1,0-2.06,1.45,1.45,0,0,1,2.06,0l.05,0a1.21,1.21,0,0,0,1.32.24h.06a1.22,1.22,0,0,0,.73-1.1V1.46a1.45,1.45,0,1,1,2.9,0v.06a1.22,1.22,0,0,0,2.06.86l0,0a1.45,1.45,0,1,1,2.06,2.05l0,.05a1.21,1.21,0,0,0-.24,1.32v.06a1.22,1.22,0,0,0,1.1.73h.13A1.44,1.44,0,0,1,16,8a1.47,1.47,0,0,1-1.45,1.46h-.07A1.19,1.19,0,0,0,13.38,10.18ZM8,10.18A2.18,2.18,0,0,0,8,5.82H8a2.18,2.18,0,0,0,0,4.36Z" transform="translate(0 0)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Index settings and search parameters </div> </div> </a> </div> </div> <div> <div class='text-xl font-semibold mb-24'> REST API </div> <div class='-mx-16'> <a class='flex items-center text-grey-700 font-sans-alt break-avoid-column mx-16 group' href='/doc/api-reference/rest-api/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current text-xenon-600'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196 196"><path d="M97.9316.0117395C44.4132.0117395.782026 43.1649.0103148 96.5031-.773148 150.676 43.1753 195.56 97.3518 195.874c16.7312.098 32.8462-3.996 47.1562-11.772 1.395-.756 1.61-2.675.424-3.729l-9.163-8.125c-1.861-1.653-4.513-2.119-6.805-1.144-9.989 4.251-20.844 6.421-32.0275 6.284-43.776-.537-79.1455-36.96-78.4482-80.736.6894-43.2198 36.0629-78.1701 79.4433-78.1701h79.4544V159.705l-45.08-40.054c-1.457-1.297-3.694-1.043-4.869.513-7.236 9.581-19.023 15.54-32.1144 14.635-18.1607-1.254-32.8741-15.873-34.2373-34.026-1.6257-21.655 15.532-39.7921 36.8501-39.7921 19.2766 0 35.1536 14.8387 36.8106 33.6928.149 1.6766.905 3.2435 2.167 4.36l11.74 10.4083c1.332 1.179 3.447.458 3.772-1.293.846-4.524 1.144-9.2446.811-14.0825-1.892-27.574-24.224-49.7538-51.81-51.4539-31.6247-1.9509-58.0667 22.7909-58.905 53.8043-.8187 30.2221 23.9426 56.2761 54.1686 56.9421 12.6174.278 24.3144-3.69 33.7674-10.565l58.901 52.214c2.526 2.237 6.51.446 6.51-2.93V3.71753C195.868 1.66486 194.204 0 192.151 0H97.9354l-.0038.0117395Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> A full reference of API endpoints </div> </div> </a> </div> </div> <div> <div class='text-xl font-semibold mb-24'> Crawler </div> <div class='-mx-16'> <a class='flex items-center text-grey-700 font-sans-alt break-avoid-column mx-16 group' href='/doc/tools/crawler/apis/configuration/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current text-grey-600'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.05 20.63"><rect x="16.95" y="2.95" width="1.47" height="1.47" style="fill:#a6b0f9"/><rect x="14" y="2.95" width="1.47" height="1.47" style="fill:#a6b0f9"/><rect x="11.05" y="2.95" width="1.47" height="1.47" style="fill:#a6b0f9"/><polygon points="0 11.05 25.05 11.05 25.05 9.58 0 9.58 0 11.05" style="fill:#565db6"/><path d="M5.16,9.58H19.89V1.47H5.16Zm-1.48,0V0H21.37V9.58Z" style="fill:#a6b0f9"/><polygon points="19.89 12.53 19.89 19.16 5.16 19.16 5.16 12.53 3.68 12.53 3.68 20.63 21.37 20.63 21.37 12.53 19.89 12.53" style="fill:#a6b0f9;fill-opacity:0.5"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Configuration API </div> </div> </a> </div> </div> </div> </div> </div> <div class='hidden justify-center' data-tab='integrations' data-target='header.tab'> <div class='flex-initial max-w-272 w-full mr-80'> <div class='text-3xl font-semibold mb-16 leading-loose'> Integrations </div> <p class='text-grey-700 mb-16 leading-normal'> Speed up your implementation with Algolia's integrations and tools. </p> </div> <div class='flex -ml-32 flex-col -mb-24'> <div class='mx-32 mb-24'> <div class='text-xl font-semibold mb-24'> Web frameworks </div> <div class='column-2 -mx-16'> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/framework-integration/rails/getting-started/setup/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#cc0000'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.58 18.2"><polygon points="0.2 13.64 0 15.35 1.67 15.55 1.98 13.78 0.2 13.64"/><polygon points="6.14 4.25 4.94 3.47 3.99 4.53 5.22 5.34 6.14 4.25"/><polygon points="3.48 8.57 1.91 7.96 1.4 9.39 3 9.9 3.48 8.57"/><polygon points="17.49 1.87 16.37 1.05 16.33 1.67 17.29 2.18 17.49 1.87"/><polygon points="10.02 8.88 11.18 9.87 11.46 8.74 10.47 8 10.02 8.88"/><polygon points="13.23 0.95 13.09 0.07 11.63 0 11.83 0.99 13.23 0.95"/><polygon points="9.58 1.46 8.76 0.55 7.64 1.12 8.46 2.11 9.58 1.46"/><polygon points="16.16 4.18 17.08 4.29 17.08 3.88 16.16 3.67 16.16 4.18"/><polygon points="13.23 4.12 13.67 4.93 14.32 4.42 14.18 3.88 13.23 4.12"/><path d="M23.19,12c-3.41.3-5.76,2.55-7.23,5.27a24.58,24.58,0,0,0-2.9,7.49,13.54,13.54,0,0,0-.34,4.35h9.07s-2-4.56-1.5-8.74A7.05,7.05,0,0,1,26,14.06a3.48,3.48,0,0,1,2.9,1l.41-.62S26.6,11.68,23.19,12Z" transform="translate(-10.71 -10.9)"/><polygon points="12.55 16.64 11.9 15.31 10.4 15.31 10.74 16.54 12.55 16.64"/><polygon points="9.92 12.28 11.35 12.9 11.29 11.77 9.99 11.09 9.92 12.28"/><polygon points="12.51 6.19 11.83 5.17 11.12 5.82 12.1 6.91 12.51 6.19"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Rails </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/framework-integration/symfony/getting-started/algolia-searchbundle/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#000000'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.8 18.97"><path d="M26.4,10.52a4.93,4.93,0,0,0-3.55,1.92,12.27,12.27,0,0,0-2.17,4,7.7,7.7,0,0,0-2.92-2.06,3.57,3.57,0,0,0-3.25.6,3,3,0,0,0-1,1.47,3.34,3.34,0,0,0,.83,3l.85.92a1.32,1.32,0,0,1,.39,1.33,1.56,1.56,0,0,1-2,.93c-.4-.12-1-.42-.85-.85A5,5,0,0,1,13,21.4a1.06,1.06,0,0,0,.1-.28,1.14,1.14,0,0,0-.63-1.43.94.94,0,0,0-1.29.67c-.25.79.13,2.23,2.14,2.86,2.35.73,4.34-.57,4.62-2.26.18-1.06-.29-1.85-1.16-2.86l-.7-.79a1.32,1.32,0,0,1-.14-1.74,1.51,1.51,0,0,1,1.78-.44c1.27.35,1.83,1.24,2.78,2-.39,1.3-.65,2.6-.88,3.77l-.14.87c-.67,3.59-1.19,5.56-2.53,6.69a2.24,2.24,0,0,1-1.24.51.35.35,0,0,1-.4-.3c0-.22.17-.32.29-.41a.76.76,0,0,0,.43-.79,1.19,1.19,0,0,0-1.26-1.14A1.48,1.48,0,0,0,13.4,27.8c0,1,.95,1.73,2.32,1.68a5.49,5.49,0,0,0,4-2.27,14.28,14.28,0,0,0,2.8-6.67L23,18.06c.25,0,.51.05.8.06,2.34.05,3.52-1.18,3.53-2.08A1,1,0,0,0,26.44,15a1,1,0,0,0-.93.77c-.11.5.74.95.08,1.38a3.74,3.74,0,0,1-2.52.36l.21-1.22c.45-2.31,1-5.15,3.07-5.22.15,0,.71,0,.72.38,0,.12,0,.15-.17.43a1,1,0,0,0,.91,1.59,1.21,1.21,0,0,0,1.09-1.31c0-1-1.1-1.67-2.5-1.62Z" transform="translate(-11.1 -10.52)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Symfony </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/framework-integration/django/setup/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#092e20'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.09 19.37"><path d="M15.64,20.22c0,1.92,1.4,3.06,3.65,2.54V17.67c-2.28-.69-3.64.71-3.65,2.55m3.71-9.91h3.1V25c-3,.48-5.81.79-7.84-.34-2.62-1.47-2.83-6.12-.76-8.19a6.15,6.15,0,0,1,5.44-1.3V10.52C19.28,10.42,19.27,10.33,19.35,10.31Zm8.14,3.24H24.4V10.31h3.09v3.24Zm.05,1.68v6.69c-.13,2.72-.1,4.88-1.1,6.18a5.64,5.64,0,0,1-1,.9,3.14,3.14,0,0,1-1.17.68,5.63,5.63,0,0,1-1.51-.61,11.13,11.13,0,0,0-1.44-.69c1.17-.73,2.29-1.28,2.75-2.75a19.26,19.26,0,0,0,.34-4.95c0-1.79,0-3.87,0-5.45Z" transform="translate(-12.46 -10.31)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Django </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/framework-integration/laravel/getting-started/introduction-to-scout-extended/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#f55247'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.43 14.76"><path d="M31,19.75c-.15-.16-2.11-2.63-2.45-3.05s-.52-.34-.73-.31l-3,.5c-.29.05-.47.16-.29.41l2.14,3.06-6.48,1.57-5.16-8.68c-.21-.31-.25-.41-.72-.39s-4,.32-4.3.34-.53.14-.28.74,4.32,9.42,4.44,9.68a.86.86,0,0,0,1.09.5c.71-.17,3.16-.81,4.5-1.17.71,1.29,2.15,3.91,2.42,4.28s.6.42,1.14.25,6.69-2.39,7-2.51.45-.2.26-.48-1.79-2.43-2.65-3.6l2.92-.78C31.13,20,31.17,19.91,31,19.75Zm-11.8,2.42-3.9.94c-.19.05-.19,0-.22,0s-4.32-9-4.37-9.1-.06-.2,0-.2l3.55-.31c.11,0,.1,0,.15.1S19.2,21.82,19.28,22,19.31,22.16,19.23,22.17Zm10.25,1.94c.05.09.11.15-.07.21s-6.15,2.1-6.26,2.15-.21.06-.36-.15-2.09-3.6-2.09-3.6L27,21.06c.16,0,.21-.08.31.08S29.42,24,29.48,24.11Zm.4-4.52-2.46.61-1.9-2.62c-.05-.08-.1-.15,0-.17L27.94,17c.1,0,.18-.05.3.11s1.77,2.26,1.83,2.34S30,19.56,29.88,19.59Z" transform="translate(-9.68 -12.86)"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Laravel </div> </div> </a> </div> </div> <div class='mx-32 mb-24'> <div class='text-xl font-semibold mb-24'> Tools </div> <div class='column-2 -mx-16'> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/tools/crawler/getting-started/overview/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.05 20.63"><rect x="16.95" y="2.95" width="1.47" height="1.47" style="fill:#a6b0f9"/><rect x="14" y="2.95" width="1.47" height="1.47" style="fill:#a6b0f9"/><rect x="11.05" y="2.95" width="1.47" height="1.47" style="fill:#a6b0f9"/><polygon points="0 11.05 25.05 11.05 25.05 9.58 0 9.58 0 11.05" style="fill:#565db6"/><path d="M5.16,9.58H19.89V1.47H5.16Zm-1.48,0V0H21.37V9.58Z" style="fill:#a6b0f9"/><polygon points="19.89 12.53 19.89 19.16 5.16 19.16 5.16 12.53 3.68 12.53 3.68 20.63 21.37 20.63 21.37 12.53 19.89 12.53" style="fill:#a6b0f9;fill-opacity:0.5"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Crawler </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/tools/cli/get-started/overview/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg viewBox="0 0 206.9 205.9" xmlns="http://www.w3.org/2000/svg"><path style="fill:#ebedfe;stroke-width:1.06667" d="M101.2 155c-1.8-4.7-.7-16.3 1.7-18 1.6-1.2 8.2-1.5 31.8-1.5 18.4 0 30.5.4 31.8 1 1.8 1 2 2.4 2 10 0 5.4-.5 9.3-1.2 10-1 1-9.8 1.4-33.1 1.4-31.9 0-31.9 0-33-3zm-58.4-22.3c-2-1.4-2.3-2.7-2.3-10 0-6.3.4-8.7 1.8-9.8.9-.8 8.5-4.6 16.8-8.4 8.3-3.9 15-7.7 15-8.4a61 61 0 0 0-14.9-8.3C51 84 43.5 80.2 42.4 79.2c-1.5-1.3-1.9-3.4-1.9-10 0-9.1 1.6-12.3 5.6-11 4.5 1.4 54.8 25.4 56.6 27 1.5 1.2 1.8 3.3 1.8 11 0 8.5-.2 9.5-2.4 11a1704 1704 0 0 1-54.8 26.2c-1.5.6-3 .3-4.5-.7z"/><path style="fill:#5367fe;stroke-width:1.06667" d="M15.4 203.1c-7-3.6-8.1-4.8-11.8-11.4-3-5.6-3-5.6-3-88.2C.5 20.8.5 20.8 3 15.7A30.6 30.6 0 0 1 17.5 2c4.1-1.8 9-2 86-2 81.8 0 81.8 0 88.3 3.2 7 3.6 12 9.7 14.1 17.2.7 2.6 1 33 .8 85.5-.3 81.5-.3 81.5-3.5 86.6a37.8 37.8 0 0 1-8.5 9c-5.3 3.8-5.3 3.8-89.7 4.1-84.3.3-84.3.3-89.6-2.5zm151.9-46.5c.7-.8 1.2-4.7 1.2-10.1 0-7.6-.2-9-2-10a249 249 0 0 0-31.8-1c-23.6 0-30.2.3-31.8 1.4-2.4 1.8-3.5 13.4-1.7 18 1.1 3 1.1 3 33 3 23.3 0 32.1-.4 33-1.3zm-92.6-36A708 708 0 0 0 102 107c2.2-1.4 2.4-2.4 2.4-11 0-7.6-.3-9.7-1.8-11-1.8-1.5-52.1-25.5-56.6-26.9-4-1.3-5.6 1.9-5.6 11 0 6.6.4 8.7 2 10 1 1 8.5 4.8 16.7 8.6a61 61 0 0 1 15 8.3 69 69 0 0 1-15.1 8.4 169 169 0 0 0-16.8 8.4c-1.4 1.1-1.8 3.5-1.8 9.8 0 7.3.3 8.6 2.3 10 2.7 1.9.5 2.7 31.9-12.1z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> CLI </div> </div> </a> </div> </div> </div> <div class='flex flex-col -mb-24'> <div class='flex flex-row mb-24'> <div class='mx-32'> <div class='text-xl font-semibold mb-24'> Platforms </div> <div class='column-2 -mx-16'> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/integration/magento-2/getting-started/quick-start/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#f26322'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 795 915"> <polygon points="396.9 0 0 229.1 0 686.7 113.3 752.2 112.5 294.5 396.1 130.8 679.7 294.5 679.7 752 793 686.7 793 228.7 396.9 0" fill="#f26322"/> <polygon points="453.1 752.1 396.5 785 339.6 752.4 339.6 294.5 226.4 359.9 226.6 817.6 396.4 915.7 566.4 817.6 566.4 359.9 453.1 294.5 453.1 752.1" fill="#f26322"/> </svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Magento 2 </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/integration/shopify/getting-started/quick-start/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#96bf48'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.5 124.5"> <path fill="#95BF47" d="M95.9 24.2c-0.1-0.6-0.6-1-1.1-1 -0.5 0-10-0.7-10-0.7s-6.6-6.6-7.4-7.3c-0.7-0.7-2.2-0.5-2.7-0.3 -0.1 0-1.5 0.4-3.7 1.1 -2.2-6.4-6.1-12.3-13-12.3 -0.2 0-0.4 0-0.6 0C55.4 1.1 53 0 50.9 0 34.8 0 27.1 20.1 24.7 30.3c-6.2 1.9-10.7 3.3-11.2 3.5 -3.5 1.1-3.6 1.2-4 4.5C9.1 40.7 0 111.2 0 111.2l71 13.3 38.5-8.3C109.5 116.2 96 24.9 95.9 24.2zM67 17.2c-1.8 0.6-3.8 1.2-6 1.9 0-0.4 0-0.8 0-1.3 0-4-0.6-7.2-1.4-9.7C63.2 8.5 65.5 12.5 67 17.2zM55.2 8.8c1 2.5 1.6 6 1.6 10.8 0 0.2 0 0.5 0 0.7 -3.9 1.2-8.2 2.5-12.4 3.8C46.8 15 51.3 10.5 55.2 8.8zM50.4 4.3c0.7 0 1.4 0.2 2.1 0.7 -5.1 2.4-10.7 8.5-13 20.7 -3.4 1.1-6.7 2.1-9.8 3C32.4 19.4 38.9 4.3 50.4 4.3z"/> <path fill="#5E8E3E" d="M94.8 23.2c-0.5 0-10-0.7-10-0.7s-6.6-6.6-7.4-7.3c-0.3-0.3-0.6-0.4-1-0.5L71 124.5l38.5-8.3c0 0-13.5-91.3-13.6-91.9C95.8 23.6 95.2 23.3 94.8 23.2z"/> <path fill="#FFFFFF" d="M57.9 44.5l-4.7 14.1c0 0-4.2-2.2-9.2-2.2 -7.5 0-7.8 4.7-7.8 5.9 0 6.4 16.8 8.9 16.8 24 0 11.9-7.5 19.5-17.7 19.5 -12.2 0-18.4-7.6-18.4-7.6l3.3-10.8c0 0 6.4 5.5 11.8 5.5 3.5 0 5-2.8 5-4.8 0-8.4-13.8-8.8-13.8-22.6 0-11.6 8.3-22.9 25.2-22.9C54.7 42.6 57.9 44.5 57.9 44.5z"/> </svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Shopify </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/integration/commercetools/getting-started/installation'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#00B39E'> <svg class="block h-full" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.72 187.6V83.56C30.72 80.68 33.84 78.88 36.33 80.32L126.43 132.34C127.567 132.997 128.512 133.941 129.169 135.079C129.825 136.216 130.17 137.507 130.17 138.82V242.86C130.17 245.74 127.05 247.54 124.56 246.1L34.46 194.08C33.3225 193.423 32.378 192.479 31.7215 191.341C31.0649 190.204 30.7195 188.913 30.72 187.6Z" fill="#6359FF"/> <path d="M42.41 64.93L131.1 13.72C132.236 13.0616 133.527 12.7149 134.84 12.7149C136.153 12.7149 137.444 13.0616 138.58 13.72L227.27 64.93C230.39 66.73 230.39 71.23 227.27 73.03L138.58 124.24C137.444 124.898 136.153 125.245 134.84 125.245C133.527 125.245 132.236 124.898 131.1 124.24L42.41 73.03C39.29 71.23 39.29 66.73 42.41 64.93Z" fill="#FFC806"/> <path d="M139.52 242.85V146.37C139.52 143.49 142.64 141.69 145.13 143.13L227.28 190.56C230.4 192.36 230.4 196.86 227.28 198.66L145.13 246.09C142.64 247.53 139.52 245.73 139.52 242.85Z" fill="#0BBFBF"/> </svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> commercetools </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/integration/bigcommerce/get-started/installation'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#273A8A'> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" style="max-width:100%; max-height:100%;"> <path d="M33.72 36.432h8.073c2.296 0 3.75-1.263 3.75-3.3 0-1.913-1.454-3.3-3.75-3.3H33.72c-.268 0-.497.23-.497.46v5.663c.038.268.23.46.497.46zm0 13.048h8.34c2.564 0 4.094-1.3 4.094-3.597 0-2-1.454-3.597-4.094-3.597h-8.34c-.268 0-.497.23-.497.46v6.237c.038.306.23.497.497.497zM63.257.16l-23.875 23.8h3.903c6.084 0 9.68 3.826 9.68 7.997 0 3.3-2.22 5.7-4.6 6.772-.383.153-.383.7.038.842 2.755 1.07 4.706 3.94 4.706 7.308 0 4.744-3.176 8.532-9.336 8.532H26.87c-.268 0-.497-.23-.497-.46V36.93L.164 63.023c-.344.344-.115.957.383.957h63.016c.23 0 .42-.2.42-.42V.505c.115-.42-.42-.65-.727-.344z"></path> </svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> BigCommerce </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/integration/salesforce-commerce-cloud-b2c/getting-started/introduction/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#1798c1'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 255.74 179.01"><path d="M106.55,19.65a44.88,44.88,0,0,1,71.89,9.47,54.42,54.42,0,0,1,22.3-4.74c30.45,0,55.13,24.9,55.13,55.61s-24.68,55.62-55.13,55.62a54.72,54.72,0,0,1-10.86-1.08,40.33,40.33,0,0,1-52.81,16.59A46,46,0,0,1,51.59,149a42.32,42.32,0,0,1-8.78.91A43.22,43.22,0,0,1,21.47,69.46a49.67,49.67,0,0,1,85.08-49.81" transform="translate(-0.13 -0.13)" fill="#00a1e0"/><path d="M37.17,93c-.16.42.06.5.11.58a14.89,14.89,0,0,0,1.46.88,15.63,15.63,0,0,0,7.65,1.79c5.24,0,8.5-2.79,8.5-7.29v-.08c0-4.16-3.68-5.67-7.13-6.75l-.44-.15c-2.61-.85-4.85-1.57-4.85-3.29v-.09c0-1.46,1.31-2.54,3.35-2.54a15.16,15.16,0,0,1,6.66,1.7s.51.33.69-.16c.11-.26,1-2.62,1.07-2.87A.48.48,0,0,0,54,74.1a14.88,14.88,0,0,0-7.52-2H46c-4.81,0-8.16,2.9-8.16,7.06v.09c0,4.38,3.7,5.8,7.17,6.79l.55.17c2.53.78,4.7,1.45,4.7,3.23v.08c0,1.63-1.41,2.84-3.69,2.84a12.4,12.4,0,0,1-6.76-2c-.37-.21-.58-.37-.87-.54a.41.41,0,0,0-.69.24l-1,2.87Z" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M114,93c-.16.42.06.5.11.58a14.89,14.89,0,0,0,1.46.88,15.63,15.63,0,0,0,7.65,1.79c5.24,0,8.5-2.79,8.5-7.29v-.08c0-4.16-3.68-5.67-7.13-6.75l-.44-.15c-2.61-.85-4.85-1.57-4.85-3.29v-.09c0-1.46,1.31-2.54,3.34-2.54a15.2,15.2,0,0,1,6.67,1.7s.51.33.69-.16c.11-.26,1-2.62,1.07-2.87a.49.49,0,0,0-.25-.59,14.88,14.88,0,0,0-7.52-2h-.52c-4.81,0-8.16,2.9-8.16,7.06v.09c0,4.38,3.7,5.8,7.17,6.79l.55.17c2.53.78,4.71,1.45,4.71,3.23v.08c0,1.63-1.42,2.84-3.7,2.84a12.4,12.4,0,0,1-6.76-2c-.37-.21-.59-.36-.86-.54a.46.46,0,0,0-.7.24L114,93Z" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M166.4,84.16a10.71,10.71,0,0,1-1.41,6,4.69,4.69,0,0,1-4.26,2.08,4.64,4.64,0,0,1-4.24-2.08,10.89,10.89,0,0,1-1.39-6,10.79,10.79,0,0,1,1.39-5.93,4.64,4.64,0,0,1,4.24-2.06A4.73,4.73,0,0,1,165,78.23a10.7,10.7,0,0,1,1.4,5.93m4.38-4.71a10.39,10.39,0,0,0-2-3.8,9.67,9.67,0,0,0-3.36-2.56,12.2,12.2,0,0,0-9.39,0,9.67,9.67,0,0,0-3.36,2.56,10.61,10.61,0,0,0-2,3.8,17.35,17.35,0,0,0,0,9.41,10.66,10.66,0,0,0,2,3.81A9.45,9.45,0,0,0,156,95.2a12.44,12.44,0,0,0,9.39,0,9.36,9.36,0,0,0,3.36-2.53,10.44,10.44,0,0,0,2-3.81,17.61,17.61,0,0,0,0-9.41" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M206.74,91.51a.42.42,0,0,0-.56-.26,10.23,10.23,0,0,1-2,.58,16.13,16.13,0,0,1-2.4.17,6.67,6.67,0,0,1-5-1.88c-1.21-1.24-1.88-3.26-1.88-6a9.34,9.34,0,0,1,1.68-5.77,5.74,5.74,0,0,1,4.86-2.14,14.42,14.42,0,0,1,4.63.67s.35.15.51-.31c.38-1.06.67-1.82,1.07-3a.38.38,0,0,0-.27-.51,15.73,15.73,0,0,0-2.92-.74,21.25,21.25,0,0,0-3.28-.22,11.84,11.84,0,0,0-4.88.94,10.08,10.08,0,0,0-3.53,2.55,10.73,10.73,0,0,0-2.13,3.8,15,15,0,0,0-.72,4.72,12.59,12.59,0,0,0,2.92,8.72c1.94,2.15,4.85,3.25,8.64,3.25a17.82,17.82,0,0,0,6.2-1.11.39.39,0,0,0,.18-.52l-1.07-3Z" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M214.4,81.72a8.6,8.6,0,0,1,1.2-3.49,4.7,4.7,0,0,1,4.23-2.15A4.59,4.59,0,0,1,224,78.23a7.27,7.27,0,0,1,1,3.49Zm14.74-3.1a9,9,0,0,0-1.9-3.46A8.58,8.58,0,0,0,224.43,73a10.8,10.8,0,0,0-4.25-.86,11.56,11.56,0,0,0-4.89.95,9.77,9.77,0,0,0-3.41,2.61,10.67,10.67,0,0,0-2,3.84,16.81,16.81,0,0,0-.65,4.74,15.81,15.81,0,0,0,.67,4.73A9.93,9.93,0,0,0,212,92.79a9.75,9.75,0,0,0,3.73,2.47,15.13,15.13,0,0,0,5.38.87c4.28,0,6.54-1,7.46-1.49.17-.09.33-.25.13-.71l-1-2.71a.43.43,0,0,0-.56-.26,14.28,14.28,0,0,1-6.08,1.1,7,7,0,0,1-5.07-1.74c-1.1-1.09-1.64-2.69-1.73-4.94l14.82,0a.44.44,0,0,0,.43-.39,15.81,15.81,0,0,0-.44-6.39Z" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M95.68,81.72a8.6,8.6,0,0,1,1.2-3.49,4.72,4.72,0,0,1,4.24-2.15,4.62,4.62,0,0,1,4.16,2.15,7.5,7.5,0,0,1,1,3.49Zm14.74-3.1a9.16,9.16,0,0,0-1.89-3.46A8.79,8.79,0,0,0,105.72,73a10.8,10.8,0,0,0-4.25-.86,11.56,11.56,0,0,0-4.89.95,9.71,9.71,0,0,0-3.42,2.61,10.67,10.67,0,0,0-2,3.84,16.81,16.81,0,0,0-.65,4.74A15.81,15.81,0,0,0,91.18,89a9.53,9.53,0,0,0,5.87,6.24,15.13,15.13,0,0,0,5.38.87c4.28,0,6.54-1,7.47-1.49.16-.09.32-.25.12-.71l-1-2.71a.43.43,0,0,0-.56-.26,14.3,14.3,0,0,1-6.09,1.1,7.06,7.06,0,0,1-5.07-1.74c-1.1-1.09-1.63-2.69-1.73-4.94l14.83,0a.44.44,0,0,0,.43-.39,15.92,15.92,0,0,0-.45-6.39Z" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M63.64,91.43a2.82,2.82,0,0,1-.85-.88,3.47,3.47,0,0,1-.45-1.92,3.22,3.22,0,0,1,1.33-2.87s1.27-1.12,4.3-1.08A29.84,29.84,0,0,1,72,85v6.74h0a30.69,30.69,0,0,1-4,.53c-3,.18-4.36-.87-4.35-.87M69.54,81c-.6,0-1.38-.07-2.31-.07a14,14,0,0,0-3.65.47,9.58,9.58,0,0,0-3.1,1.43,6.93,6.93,0,0,0-2.94,5.86,7.79,7.79,0,0,0,.68,3.39,6.1,6.1,0,0,0,1.93,2.31,7.92,7.92,0,0,0,3,1.31,17.47,17.47,0,0,0,3.93.4,27,27,0,0,0,4.5-.37c1.45-.25,3.24-.61,3.73-.72l1-.27a.46.46,0,0,0,.34-.48V80.72c0-3-.79-5.18-2.35-6.54s-3.85-2.05-6.81-2.05a24.94,24.94,0,0,0-4,.36s-3.24.63-4.58,1.67a.47.47,0,0,0-.13.59l1,2.82a.37.37,0,0,0,.49.24,1.47,1.47,0,0,0,.24-.12,15,15,0,0,1,6.46-1.5,5.94,5.94,0,0,1,3.66,1c.81.62,1.22,1.55,1.22,3.53v.62c-1.27-.18-2.44-.28-2.44-.28" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M189.1,73.38a.39.39,0,0,0-.22-.53,12.46,12.46,0,0,0-2.49-.43,7.37,7.37,0,0,0-3.82.62,6.69,6.69,0,0,0-2.51,1.84v-1.8a.42.42,0,0,0-.42-.45h-3.8a.43.43,0,0,0-.43.45V95.19a.45.45,0,0,0,.45.45h3.9a.45.45,0,0,0,.45-.45v-11a12.89,12.89,0,0,1,.49-3.89,5.57,5.57,0,0,1,1.3-2.18,4.56,4.56,0,0,1,1.83-1.1,7.2,7.2,0,0,1,2-.28,8.44,8.44,0,0,1,1.63.2c.28,0,.44-.14.53-.4.26-.68,1-2.71,1.12-3.11" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M152.54,63.13a12.54,12.54,0,0,0-1.46-.35,11.9,11.9,0,0,0-2-.15,8.48,8.48,0,0,0-6.27,2.25,12.21,12.21,0,0,0-3,6.72l-.18,1h-3.37a.5.5,0,0,0-.5.43l-.55,3.08c0,.29.09.48.48.48H139l-3.32,18.55a23.22,23.22,0,0,1-.89,3.65,7.38,7.38,0,0,1-1,2.11,2.77,2.77,0,0,1-1.35,1,5.56,5.56,0,0,1-1.75.25,6.76,6.76,0,0,1-1.18-.13,3.86,3.86,0,0,1-.81-.26.4.4,0,0,0-.53.24c-.12.31-1,2.71-1.1,3a.44.44,0,0,0,.23.59,10.65,10.65,0,0,0,1.35.4,9.16,9.16,0,0,0,2.17.2,10.88,10.88,0,0,0,3.64-.56,6.89,6.89,0,0,0,2.74-1.91,9.65,9.65,0,0,0,1.93-3.32,28.57,28.57,0,0,0,1.3-5l3.34-18.9h4.88a.5.5,0,0,0,.5-.43l.55-3.09c0-.29-.08-.47-.48-.47h-4.74a20,20,0,0,1,.78-3.35,4.39,4.39,0,0,1,1-1.58,3.12,3.12,0,0,1,1.24-.77,5.26,5.26,0,0,1,1.59-.23,6.14,6.14,0,0,1,1.22.12A7.52,7.52,0,0,1,151,67c.48.14.55,0,.64-.23l1.14-3.11a.4.4,0,0,0-.28-.52" transform="translate(-0.13 -0.13)" fill="#ffffff"/><path d="M86.32,95.19a.43.43,0,0,1-.42.45H82a.43.43,0,0,1-.42-.45V63.55a.43.43,0,0,1,.42-.44H85.9a.43.43,0,0,1,.42.44V95.19Z" transform="translate(-0.13 -0.13)" fill="#ffffff"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Salesforce Commerce Cloud B2C </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/tools/crawler/netlify-plugin/quick-start/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#00AD9F'> <svg fill="none" height="113" viewBox="0 0 128 113" width="128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h128v112.635h-128z"/></clipPath><g clip-path="url(#a)"><path d="m34.593 94.0509h-1.2086l-6.033-6.033v-1.2085l9.2229-9.2228h6.3896l.8519.8519v6.3896z" fill="#05bdba"/><path d="m27.3514 25.816v-1.2086l6.033-6.033h1.2086l9.2228 9.2228v6.3896l-.8519.852h-6.3896z" fill="#05bdba"/><path d="m80.4594 74.6047h-8.777l-.7331-.733v-20.5458c0-3.6554-1.4364-6.4887-5.8447-6.5877-2.2686-.0595-4.8641 0-7.6378.1089l-.4161.426v26.5887l-.7331.733h-8.777l-.7331-.733v-35.0982l.7331-.7331h19.7533c7.6774 0 13.8986 6.2212 13.8986 13.8986v21.9426z" fill="#014847"/><g fill="#05bdba"><path d="m35.8412 61.4491h-35.10813l-.73307-.7331v-8.7968l.73307-.7331h35.10813l.7331.7331v8.7968z"/><path d="m127.277 61.4491h-35.1083l-.7331-.7331v-8.7968l.7331-.7331h35.1083l.733.7331v8.7968z"/><path d="m58.9428 27.0642v-26.33113l.7331-.73307h8.7968l.7331.73307v26.33113l-.7331.733h-8.7968z"/><path d="m58.9428 111.902v-26.3309l.7331-.7331h8.7968l.7331.7331v26.3309l-.7331.733h-8.7968z"/></g></g></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Netlify </div> </div> </a> <a class='flex items-center text-grey-700 font-sans-alt pb-24 break-avoid-column mx-16 group' href='/doc/integration/zendesk/get-started/'> <div class='flex-grow-0 flex-shrink-0 mr-16'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded group-hover:shadow-md transition-fast-out'> <div class='flex items-center justify-center w-full h-full fill-current' style='color:#00333B'> <svg xmlns="http://www.w3.org/2000/svg" class="block h-full" viewBox="0 0 360 258.79"><defs><style>.cls-1{fill:#03363d;}</style></defs><polygon class="cls-1" points="173.71 93.22 173.71 206.08 80.23 206.08 173.71 93.22"/><path class="cls-1" d="M173.71,52.71a46.74,46.74,0,0,1-93.48,0Z"/><polygon class="cls-1" points="189.11 165.57 189.11 52.71 282.6 52.71 189.11 165.57"/><path class="cls-1" d="M245.75,192.7a2.15,2.15,0,0,0-2.25,1.88h4.35A2,2,0,0,0,245.75,192.7Z"/><path class="cls-1" d="M235.85,159.33a46.75,46.75,0,0,0-46.74,46.75h93.48A46.74,46.74,0,0,0,235.85,159.33Z"/></svg> </div> </div> </div> <div class='w-full'> <div class='text-base font-normal text-grey-700'> Zendesk </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </header> <div class='absolute flex top-0 w-full h-416 md:h-400 lg:h-424 xl:h-352 mt-136 bg-grey-200'> <div class='absolute right-0 w-half h-full bg-y-gradient-white-grey-200'></div> </div> <div class='absolute flex top-0 w-full h-416 md:h-400 lg:h-424 xl:h-352 mt-136 bg-no-repeat bg-right-bottom bg-height-fit sm:opacity-100 opacity-50 z-10' style='background-image:url(/doc/assets/images/home/pattern-f302b47d.svg)'></div> <div class='flex-1 mx-auto w-full max-w-1440 bg-white pt-72'> <div class='flex h-full'> <aside class='fixed top-0 flex-shrink-0 bg-x-gradient-grey-200-grey-400-80 leading-tight lg:w-376 lg:flex lg:flex-col z-30 h-screen w-full hidden' data-target='app.sidebar'> <div class='lg:block h-72 flex-grow-0 flex-shrink-0 hidden'></div> <div class='flex-grow w-inherit overflow-y-auto h-full' data-controller='sidebar'> <div class='h-full'> <div class='px-40 pt-48 pb-24'> <button class='block mb-32 text-xs font-semibold leading-none uppercase tracking-wide text-grey-700-opacity-60 focus:outline-none'> <span data-action='click->sidebar#toggleSubCategories' data-target='sidebar.expand'> Expand all </span> <span class='hidden' data-action='click->sidebar#toggleSubCategories' data-target='sidebar.collapse'> Collapse all </span> </button> <ul> <li class='mt-24'> <a class='flex items-center hover:text-xenon-600 text-xenon-600' data-active='true' data-target='sidebar.link' href='/doc/'> <span class='flex items-center text-xenon-600'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><path d="M14.81,5.71l-7-5.6a.48.48,0,0,0-.62,0l-7,5.6A.49.49,0,0,0,0,6.1v8.8A2.08,2.08,0,0,0,2.06,17H12.94A2.08,2.08,0,0,0,15,14.9V6.1A.49.49,0,0,0,14.81,5.71ZM9.33,16H5.67V9H9.33ZM14,14.9A1.08,1.08,0,0,1,12.94,16H10.33V8.5a.5.5,0,0,0-.5-.5H5.17a.5.5,0,0,0-.5.5V16H2.06A1.08,1.08,0,0,1,1,14.9V6.34l6.5-5.2L14,6.34Z"/></svg> </span> Home </span> </a> </li> <li class='mt-24 lg:hidden' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 13"><path d="M14.85.15a.48.48,0,0,0-.7,0,.48.48,0,0,0,0,.7L19.79,6.5l-5.64,5.65a.48.48,0,0,0,0,.7.5.5,0,0,0,.7,0l6-6a.48.48,0,0,0,0-.7Z"/><path d="M6.5,0a.47.47,0,0,0-.35.15l-6,6a.48.48,0,0,0,0,.7l6,6a.5.5,0,0,0,.7,0,.48.48,0,0,0,0-.7L1.21,6.5,6.85.85a.48.48,0,0,0,0-.7A.47.47,0,0,0,6.5,0Z"/></svg> </span> API Reference </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/api-methods/'> API Methods </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/api-parameters/'> API Parameters </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/rest-api/'> REST API </a> </span> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Tools </li> <ul class='column-1 md:column-2 break-avoid-column'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/tools/cli/get-started/overview/'> Algolia CLI </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/tools/crawler/getting-started/overview/'> Algolia Crawler </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> API Clients </li> <ul class='column-1 md:column-2 break-avoid-column'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/php/'> PHP </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/ruby/'> Ruby </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/javascript/'> JavaScript </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/python/'> Python </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/swift/'> Swift </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/kotlin/'> Kotlin </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/csharp/'> .NET </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/java/'> Java </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/go/'> Go </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-client/getting-started/install/scala/'> Scala </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> UI Components </li> <ul class='column-1 md:column-2 break-avoid-column'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/js/'> InstantSearch.js </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/react/'> React InstantSearch </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/vue/'> Vue InstantSearch </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/angular/'> With Angular </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/ios/'> InstantSearch iOS </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/android/'> InstantSearch Android </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/api-reference/widgets/flutter/'> Algolia for Flutter </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/'> Autocomplete </a> </span> </li> </ul> </ul> </li> <li class='mt-24 lg:hidden' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 22.53"><path d="M19.61,4.26l-8-4h0a2.48,2.48,0,0,0-2.22,0l-8,4A2.47,2.47,0,0,0,0,6.5V16a2.47,2.47,0,0,0,1.38,2.25l8,4a2.44,2.44,0,0,0,2.23,0l8-4A2.49,2.49,0,0,0,21,16V6.5A2.47,2.47,0,0,0,19.61,4.26ZM9.83,1.16a1.48,1.48,0,0,1,1.34,0l8,4a1,1,0,0,1,.17.12L15.5,7.2,6.62,2.76ZM5.51,3.32l8.87,4.44L10.5,9.7,1.66,5.28a1,1,0,0,1,.17-.12ZM1.82,17.37A1.49,1.49,0,0,1,1,16V6.5a1.29,1.29,0,0,1,.06-.4L10,10.57V21.43l-.18-.06ZM20,16a1.49,1.49,0,0,1-.83,1.34l-8,4-.17.06V10.57l8.94-4.48A1.4,1.4,0,0,1,20,6.5Z"/></svg> </span> Integrations </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Frameworks </li> <ul class='column-1 md:column-2 break-avoid-column'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/framework-integration/rails/getting-started/setup/'> Rails </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/framework-integration/symfony/getting-started/algolia-searchbundle/'> Symfony </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/framework-integration/django/setup/'> Django </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/framework-integration/laravel/getting-started/introduction-to-scout-extended/'> Laravel </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Platforms </li> <ul class='column-1 md:column-2 break-avoid-column'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/integration/magento-2/getting-started/quick-start/'> Magento 2 </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/integration/shopify/getting-started/quick-start/'> Shopify </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/integration/commercetools/getting-started/installation'> commercetools </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/integration/bigcommerce/get-started/installation'> BigCommerce </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/integration/salesforce-commerce-cloud-b2c/getting-started/introduction/'> Salesforce Commerce Cloud B2C </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/tools/crawler/netlify-plugin/quick-start/'> Netlify </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/integration/zendesk/get-started/'> Zendesk </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 18.2"><path d="M8.88,7.93,5.61,6.79,6.45.54A.47.47,0,0,0,6.13,0a.46.46,0,0,0-.57.21L.06,9.58l0,.08a.48.48,0,0,0,.29.61l3.27,1.14-.84,6.25a.47.47,0,0,0,.32.51.41.41,0,0,0,.16,0A.47.47,0,0,0,3.64,18L9.13,8.62a.59.59,0,0,0,0-.08A.48.48,0,0,0,8.88,7.93Zm-4.33,3.2a.49.49,0,0,0-.32-.51L1.13,9.54l4.19-7L4.65,7.07A.49.49,0,0,0,5,7.58l3.1,1.08-4.19,7Z"/></svg> </span> Getting started </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/getting-started/what-is-algolia/'> What is Algolia? </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/getting-started/neuralsearch/'> NeuralSearch </a> </span> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/getting-started/how-algolia-works/'> How Algolia works </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Algolia's ecosystem' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/getting-started/how-algolia-works/in-depth/ecosystem/'> Algolia's ecosystem </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Algolia's features' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/getting-started/how-algolia-works/in-depth/features/'> Algolia's features </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/getting-started/quick-start/'> Quickstart </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorials </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Get started with the dashboard' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/getting-started/quick-start/tutorials/getting-started-with-the-dashboard/'> Get started with the dashboard </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Track usage and performance in the dashboard' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/getting-started/quick-start/tutorials/account-metrics-with-the-dashboard/'> Track usage and performance in the dashboard </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/glossary/'> Glossary </a> </span> </li> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,17H2.28A2.28,2.28,0,0,1,0,14.72V11.17a.5.5,0,0,1,.5-.5.5.5,0,0,1,.5.5v3.55A1.28,1.28,0,0,0,2.28,16H14.72A1.28,1.28,0,0,0,16,14.72V11.17a.5.5,0,0,1,1,0v3.55A2.28,2.28,0,0,1,14.72,17ZM8.5,11.67a.5.5,0,0,1-.5-.5V1.71L4.41,5.3a.5.5,0,1,1-.71-.71L8.15.15h0A.31.31,0,0,1,8.31,0a.48.48,0,0,1,.18,0h0a.58.58,0,0,1,.18,0,.36.36,0,0,1,.15.1h0L13.3,4.59a.5.5,0,1,1-.71.71L9,1.71v9.46A.5.5,0,0,1,8.5,11.67Z"/></svg> </span> Sending and managing data </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/'> Prepare your records for indexing </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Create nested attributes' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/how-to/creating-and-using-nested-attributes/'> Create nested attributes </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Reducing record size' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/how-to/reducing-object-size/'> Reducing record size </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Handling data relationships' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/how-to/handling-data-relationships/'> Handling data relationships </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Indexing long pages' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/how-to/indexing-long-documents/'> Indexing long pages </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Creating parent-child relationships' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/how-to/parent-child-relationships/'> Creating parent-child relationships </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Structure ecommerce product records' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/how-to/ecommerce-records/'> Structure ecommerce product records </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Prepare your index' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/in-depth/prepare-data-in-depth/'> Prepare your index </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='What is in a record' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/in-depth/what-is-in-a-record/'> What is in a record </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Data cleaning' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/prepare-your-data/in-depth/data-sanitization/'> Data cleaning </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/'> Send and update your data </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Connectors </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Overview' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/overview/'> Overview </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='JSON' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/json/'> JSON </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='CSV' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/csv/'> CSV </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Google BigQuery' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/bigquery/'> Google BigQuery </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='MySQL' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/mysql/'> MySQL </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Elasticsearch' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/elasticsearch/'> Elasticsearch </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Push to Algolia' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/connectors/push/'> Push to Algolia </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Importing from the dashboard' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/importing-from-the-dashboard/'> Importing from the dashboard </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Importing with the API' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/importing-with-the-api/'> Importing with the API </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Incremental updates' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/incremental-updates/'> Incremental updates </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Sending records in batches' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/sending-records-in-batches/'> Sending records in batches </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Transform your data' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/transform-your-data/'> Transform your data </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Enrich your records with Fetch' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/enrich-your-records-with-fetch/'> Enrich your records with Fetch </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Post-indexing transformations' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/post-indexing-transformations/'> Post-indexing transformations </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Data synchronization strategies' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/in-depth/the-different-synchronization-strategies/'> Data synchronization strategies </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Index operations are asynchronous' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/in-depth/index-operations-are-asynchronous/'> Index operations are asynchronous </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Handling concurrency with versioning' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/in-depth/handling-concurrency-with-versioning/'> Handling concurrency with versioning </a> </li> </ul> </ul> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Manage indices and apps </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/'> Manage indices </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Export and import indices' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/how-to/export-import-indices/'> Export and import indices </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Copy and move indices' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/how-to/copy-move-indices/'> Copy and move indices </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Delete indices' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/how-to/delete-indices/'> Delete indices </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Concepts </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Choosing between one or more indices' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/concepts/one-or-more-indices/'> Choosing between one or more indices </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Indices and analytics' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/concepts/indices-analytics/'> Indices and analytics </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorial </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Generate a sitemap from an Algolia index' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/tutorial/generate-sitemap-from-index/'> Generate a sitemap from an Algolia index </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-your-apps/'> Manage your Algolia applications </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M16.5,17H10.28a.5.5,0,0,1-.5-.5V10.28a.5.5,0,0,1,.5-.5H16.5a.5.5,0,0,1,.5.5V16.5A.5.5,0,0,1,16.5,17Zm-5.72-1H16V10.78H10.78ZM6.72,17H.5a.5.5,0,0,1-.5-.5V10.28a.5.5,0,0,1,.5-.5H6.72a.5.5,0,0,1,.5.5V16.5A.5.5,0,0,1,6.72,17ZM1,16H6.22V10.78H1ZM16.5,7.22H10.28a.5.5,0,0,1-.5-.5V.5a.5.5,0,0,1,.5-.5H16.5a.5.5,0,0,1,.5.5V6.72A.5.5,0,0,1,16.5,7.22Zm-5.72-1H16V1H10.78Zm-4.06,1H.5a.5.5,0,0,1-.5-.5V.5A.5.5,0,0,1,.5,0H6.72a.5.5,0,0,1,.5.5V6.72A.5.5,0,0,1,6.72,7.22ZM1,6.22H6.22V1H1Z"/></svg> </span> Managing results </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/relevance-overview/'> Relevance overview </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='The eight ranking criteria' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/relevance-overview/in-depth/ranking-criteria/'> The eight ranking criteria </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Defining relevance' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/relevance-overview/in-depth/defining-relevance/'> Defining relevance </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Search is more than textual matching' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/relevance-overview/in-depth/textual-matching/'> Search is more than textual matching </a> </li> </ul> </ul> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Must do </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/searchable-attributes/'> Searchable attributes </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Configuring searchable attributes the right way' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/searchable-attributes/how-to/configuring-searchable-attributes-the-right-way/'> Configuring searchable attributes the right way </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/'> Custom ranking </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Create custom ranking attributes' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/how-to/configure-custom-ranking/'> Create custom ranking attributes </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Boosting or penalizing records' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/how-to/boost-or-penalize-some-records/'> Boosting or penalizing records </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Controlling precision of custom ranking metrics' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/how-to/controlling-custom-ranking-metrics-precision/'> Controlling precision of custom ranking metrics </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Enrich your records with Google Analytics data' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/how-to/enrich-your-records-with-google-analytics-data/'> Enrich your records with Google Analytics data </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Using the Bayesian average in custom ranking' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/how-to/bayesian-average/'> Using the Bayesian average in custom ranking </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Custom ranking of results per category' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/must-do/custom-ranking/how-to/custom-ranking-per-category/'> Custom ranking of results per category </a> </li> </ul> </ul> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Refine results </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/'> Sorting results </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Sort by attribute' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/sort-by-attribute/'> Sort by attribute </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Sort an index by date' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/sort-an-index-by-date/'> Sort an index by date </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Sort an index alphabetically' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/sort-an-index-alphabetically/'> Sort an index alphabetically </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Create a replica index' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/creating-replicas/'> Create a replica index </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Search in a replica index' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/search-in-a-replica-index/'> Search in a replica index </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Delete a replica index' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/deleting-replicas/'> Delete a replica index </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Rename a replica index' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/rename-a-replica-index/'> Rename a replica index </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Manage multiple indices' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/set-settings-and-forward-to-replicas/'> Manage multiple indices </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='UI sorting widgets' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/how-to/use-sorting-ui-widget/'> UI sorting widgets </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Exhaustive sorting' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/in-depth/exhaustive-sort/'> Exhaustive sorting </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Relevant sorting' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/in-depth/relevant-sort/'> Relevant sorting </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Understanding replicas' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/in-depth/replicas/'> Understanding replicas </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='What is the effect of a replica on the number of records?' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/sorting/in-depth/replicas-impact-on-pricing/'> What is the effect of a replica on the number of records? </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/faceting/'> Faceting </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How to declare attributes for faceting with the API' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/faceting/how-to/declaring-attributes-for-faceting/'> How to declare attributes for faceting with the API </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How to declare attributes for faceting in the dashboard' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/faceting/how-to/declaring-attributes-for-faceting-with-dashboard/'> How to declare attributes for faceting in the dashboard </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/filtering/'> Filtering </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filter by attributes' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/filtering/how-to/filter-by-attributes/'> Filter by attributes </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filters and boolean operators' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/filtering/in-depth/combining-boolean-operators/'> Filters and boolean operators </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filter scoring' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/filtering/in-depth/filter-scoring/'> Filter scoring </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filters and facet filters' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/filtering/in-depth/filters-and-facetfilters/'> Filters and facet filters </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/grouping/'> Grouping results </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How to group results' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/grouping/how-to/grouping-by-attribute/'> How to group results </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Item variations' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/grouping/how-to/item-variations/'> Item variations </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/'> Geo location </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filter results around a location' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/how-to/filter-results-around-a-location/'> Filter results around a location </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filter results inside a rectangle' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/how-to/filter-results-inside-a-rectangle-area/'> Filter results inside a rectangle </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filter results inside a polygon' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/how-to/filter-results-inside-a-polygonal-area/'> Filter results inside a polygon </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Geo ranking info' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/how-to/geo-ranking-info/'> Geo ranking info </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How to solve the 180th meridian issue' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/how-to/how-to-resolve-180-meridian-issue/'> How to solve the 180th meridian issue </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Geographical ranking precision' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/refine-results/geolocation/in-depth/geo-ranking-precision/'> Geographical ranking precision </a> </li> </ul> </ul> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Rules </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/rules/rules-overview/'> Rules overview </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Adding default search parameters with Rules' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/rules-overview/how-to/add-default-search-parameters-with-rules/'> Adding default search parameters with Rules </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Using rules to customize search results by device' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/rules-overview/how-to/customize-search-results-by-platform/'> Using rules to customize search results by device </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Implementing Rules' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/rules-overview/in-depth/implementing-rules/'> Implementing Rules </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Rules matching algorithm' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/rules-overview/in-depth/rule-matching-algorithm/'> Rules matching algorithm </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Debugging Rules' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/rules-overview/in-depth/debugging-rules/'> Debugging Rules </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/rules/detecting-intent/'> Detecting intent </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Adding filters based on the query' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/detecting-intent/how-to/applying-a-custom-filter-for-a-specific-query/'> Adding filters based on the query </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Dynamic filtering with Rules' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/detecting-intent/how-to/applying-a-filter-if-the-query-match-a-facet-value/'> Dynamic filtering with Rules </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Enhance search results with query-based rules' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/detecting-intent/how-to/applying-search-parameters-for-a-specific-query/'> Enhance search results with query-based rules </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Detecting keywords' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/detecting-intent/how-to/detecting-keywords/'> Detecting keywords </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/'> Merchandising </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Promoting hits' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/promote-hits/'> Promoting hits </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Hiding results with rules' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/how-to-hide-hits/'> Hiding results with rules </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Promote records with optional filters' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/how-to-promote-with-optional-filters/'> Promote records with optional filters </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Redirect searches to a URL' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/redirects/'> Redirect searches to a URL </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Adding banners' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/add-banners/'> Adding banners </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Merchandising on empty queries' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/merchandise-on-empty-query/'> Merchandising on empty queries </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Combining multiple consequences' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/combining-multiple-consequences/'> Combining multiple consequences </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Merchandise category pages' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/merchandising-category-pages/'> Merchandise category pages </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Merchandising facets' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/merchandising-facets/'> Merchandising facets </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Add search parameters with JSON' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/how-to/rules-query-parameters/'> Add search parameters with JSON </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Optional filters' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/rules/merchandising-and-promoting/in-depth/optional-filters/'> Optional filters </a> </li> </ul> </ul> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Optimize search results </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/adding-synonyms/'> Synonyms </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Manage synonyms in the dashboard' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/adding-synonyms/how-to/managing-synonyms-from-the-dashboard/'> Manage synonyms in the dashboard </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/typo-tolerance/'> Typo tolerance </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Preventing typosquatting' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/typo-tolerance/how-to/how-to-prevent-typosquatting/'> Preventing typosquatting </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Searching in hyphenated attributes' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/typo-tolerance/how-to/how-to-search-in-hyphenated-attributes/'> Searching in hyphenated attributes </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Configuring typo tolerance' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/typo-tolerance/in-depth/configuring-typo-tolerance/'> Configuring typo tolerance </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/'> Handling natural languages </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Multilingual search' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/how-to/multilingual-search/'> Multilingual search </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Set an index's query language' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/how-to/how-to-set-an-index-query-language/'> Set an index's query language </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Customize stop words' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/how-to/customize-stop-words/'> Customize stop words </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Customize plurals and other declensions' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/how-to/customize-plurals-and-other-declensions/'> Customize plurals and other declensions </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Customize word segmentation' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/how-to/customize-segmentation/'> Customize word segmentation </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Language-specific configurations' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/in-depth/language-specific-configurations/'> Language-specific configurations </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Normalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/in-depth/normalization/'> Normalization </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Tokenization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/in-depth/tokenization/'> Tokenization </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Splitting and concatenation' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/in-depth/splitting-and-concatenation/'> Splitting and concatenation </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Algolia's supported languages' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/handling-natural-languages-nlp/in-depth/supported-languages/'> Algolia's supported languages </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/empty-or-insufficient-results/'> Empty or insufficient results </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Removing words to improve results' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/empty-or-insufficient-results/in-depth/why-use-remove-words-if-no-results/'> Removing words to improve results </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/override-search-engine-defaults/'> Override engine defaults </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Querying in the middle of a word' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/override-search-engine-defaults/how-to/how-can-i-make-queries-within-the-middle-of-a-word/'> Querying in the middle of a word </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Prefix search' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/override-search-engine-defaults/in-depth/prefix-searching/'> Prefix search </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Adjusting the Exact criterion' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/managing-results/optimize-search-results/override-search-engine-defaults/in-depth/adjust-exact-settings/'> Adjusting the Exact criterion </a> </li> </ul> </ul> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Troubleshooting </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/troubleshooting/troubleshooting-search/'> Troubleshooting search </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/managing-results/troubleshooting/troubleshooting-relevance/'> Troubleshooting relevance </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </span> Building Search UI </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='my-16 text-grey-1000-opacity-80 tracking-wide'> <span class='block relative'> <span class='inline-block' data-action='click->sidebar#toggleFlavorList'> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='js'> <span class='flex items-center py-2'> InstantSearch.js <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='react'> <span class='flex items-center py-2'> React InstantSearch <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='vue'> <span class='flex items-center py-2'> Vue InstantSearch <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='angular'> <span class='flex items-center py-2'> With Angular <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='ios'> <span class='flex items-center py-2'> InstantSearch iOS <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='android'> <span class='flex items-center py-2'> InstantSearch Android <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> <button class='bg-grey-400-opacity-60 hover:bg-grey-400 tracking-wide focus:outline-none px-16 py-8 text-xxs uppercase font-semibold text-color-inherit cursor-pointer rounded hidden' data-controller='flavor-specific-content' data-flavor='flutter'> <span class='flex items-center py-2'> Algolia for Flutter <div class='flex-grow-0 flex-shrink-0 h-4 ml-8 text-grey-800 opacity-75 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M7,8a1,1,0,0,1-.71-.29l-6-6A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42l-6,6A1,1,0,0,1,7,8Z"/></svg> </div> </span> </button> </span> <span class='absolute mt-8 hidden bg-grey-200 rounded' data-target='sidebar.flavorList'> <span class='block py-4 bg-grey-400-opacity-60 rounded'> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='react,vue,angular,ios,android,flutter' data-language='js'> <span class='block py-2'> InstantSearch.js </span> </button> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='js,vue,angular,ios,android,flutter' data-language='react'> <span class='block py-2'> React InstantSearch </span> </button> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='js,react,angular,ios,android,flutter' data-language='vue'> <span class='block py-2'> Vue InstantSearch </span> </button> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='js,react,vue,ios,android,flutter' data-language='angular'> <span class='block py-2'> With Angular </span> </button> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='js,react,vue,angular,android,flutter' data-language='ios'> <span class='block py-2'> InstantSearch iOS </span> </button> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='js,react,vue,angular,ios,flutter' data-language='android'> <span class='block py-2'> InstantSearch Android </span> </button> <button class='tracking-wide focus:outline-none w-full text-left px-16 py-8 text-xxs uppercase font-semibold text-color-inherit hover:bg-grey-400 cursor-pointer transition-fast-out' data-action='click->sidebar#switchFlavor click->sidebar#hideFlavorList' data-controller='flavor-specific-content' data-flavor='js,react,vue,angular,ios,android' data-language='flutter'> <span class='block py-2'> Algolia for Flutter </span> </button> </span> </span> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/what-is-instantsearch/android/'> What is InstantSearch Android? </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/what-is-instantsearch/flutter/'> Algolia for Flutter </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/what-is-instantsearch/ios/'> What is InstantSearch iOS? </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/what-is-instantsearch/js/'> What is InstantSearch.js? </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/what-is-instantsearch/react/'> What is React InstantSearch? </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/what-is-instantsearch/vue/'> What is Vue InstantSearch? </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/installation/android/'> Installation </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/installation/flutter/'> Installation </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/installation/ios/'> Installation </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/installation/js/'> Installation </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/installation/react/'> Installation </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/installation/vue/'> Installation </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/android/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='angular'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/angular/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/flutter/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/ios/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/js/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/react/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/getting-started/vue/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/events/android/'> Click and conversion events </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/events/flutter/'> Click and conversion events </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/events/ios/'> Click and conversion events </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/events/js/'> Click and conversion events </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/events/react/'> Click and conversion events </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/events/vue/'> Click and conversion events </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/upgrade-guides/android/'> Upgrade guide for InstantSearch Android </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/upgrade-guides/ios/'> Upgrade guide for InstantSearch iOS </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/upgrade-guides/js/'> Upgrade guides </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/upgrade-guides/react/'> Upgrade guides </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/upgrade-guides/vue/'> Upgrade guides </a> </span> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold' data-controller='flavor-specific-content' data-flavor='android,flutter,js,react,vue,ios'> Widgets </li> <ul class=''> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/showcase/android/'> Widgets showcase </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/showcase/flutter/'> Components showcase </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/showcase/js/'> Widgets showcase </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/showcase/react/'> Widgets showcase </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/showcase/vue/'> Widgets showcase </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/showcase/ios/'> Widgets showcase </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/customize-an-existing-widget/android/'> Customize an existing widget </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/customize-an-existing-widget/ios/'> Customize an existing widget </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/customize-an-existing-widget/js/'> Customize an existing widget </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/customize-an-existing-widget/react/'> Customize an existing widget </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/customize-an-existing-widget/vue/'> Customize an existing widget </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/create-your-own-widgets/android/'> Create your own widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/create-your-own-widgets/ios/'> Create your own widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/create-your-own-widgets/js/'> Create your own widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/create-your-own-widgets/react/'> Create your own widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/create-your-own-widgets/vue/'> Create your own widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/show-and-hide-widgets/react/'> Show and hide widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/show-and-hide-widgets/vue/'> Show and hide widgets </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/disabling-default-browser-behavior/js/'> Change browser defaults for custom search inputs </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/disabling-default-browser-behavior/react/'> Change browser defaults for custom search inputs </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/widgets/disabling-default-browser-behavior/vue/'> Change browser defaults for custom search inputs </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold' data-controller='flavor-specific-content' data-flavor='android,ios,js,react,vue,flutter'> UI & UX patterns </li> <ul class=''> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/autocomplete/android/'> Autocomplete </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/autocomplete/ios/'> Autocomplete </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/autocomplete/js/'> Autocomplete </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/autocomplete/react/'> Autocomplete </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/autocomplete/vue/'> Autocomplete </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/multi-index-search/android/'> Multi-index search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/multi-index-search/ios/'> Multi-index search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/multi-index-search/js/'> Multi-index search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/multi-index-search/react/'> Multi-index search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/multi-index-search/vue/'> Multi-index search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/query-suggestions/js/'> Query Suggestions </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/query-suggestions/react/'> Query Suggestions </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/query-suggestions/vue/'> Query Suggestions </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/query-suggestions/ios/'> Query Suggestions </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/query-suggestions/android/'> Query Suggestions </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/highlighting-snippeting/js/'> Highlighting and snippeting </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/highlighting-snippeting/react/'> Highlighting and snippeting </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/highlighting-snippeting/vue/'> Highlighting and snippeting </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/highlighting-snippeting/ios/'> Highlighting and snippeting </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/highlighting-snippeting/android/'> Highlighting and snippeting </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/highlighting-snippeting/flutter/'> Highlighting and snippeting </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/pagination/js/'> Pagination </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/pagination/react/'> Pagination </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/pagination/vue/'> Pagination </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/pagination/ios/'> Pagination </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/pagination/android/'> Pagination </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/infinite-scroll/android/'> Infinite scroll </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/infinite-scroll/ios/'> Infinite scroll </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/infinite-scroll/js/'> Infinite scroll </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/infinite-scroll/react/'> Infinite scroll </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/infinite-scroll/vue/'> Infinite scroll </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/geo-search/android/'> Geo search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/geo-search/ios/'> Geo search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/geo-search/js/'> Geographical search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/geo-search/react/'> Geographical search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/geo-search/vue/'> Geo search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/recommend/js/'> Recommendations </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/recommend/react/'> Recommendations </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/opensearch/js/'> OpenSearch protocol </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/opensearch/react/'> OpenSearch protocol </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/opensearch/vue/'> OpenSearch protocol </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/sorting-refinements/android/'> Sorting refinements </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/sorting-refinements/ios/'> Sorting refinements </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/filtering-patterns/android/'> Filtering patterns </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/filtering-patterns/ios/'> Filtering patterns </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/redirects/js/'> Redirects </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/redirects/react/'> Redirects </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/redirects/vue/'> Redirects </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/redirects/ios/'> Redirects </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/redirects/android/'> Redirects </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/structured-results/js/'> Structured results </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/structured-results/react/'> Structured results </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/structured-results/vue/'> Structured results </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-display/js/'> Facet display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-display/react/'> Facet display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-display/vue/'> Facet display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-display/ios/'> Facet display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-display/android/'> Facet display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-dropdown/js/'> Facet dropdown </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/facet-dropdown/react/'> Facet dropdown </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/voice-search/android/'> Voice search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/voice-search/ios/'> Voice search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/loading-indicator/js/'> Loading indicator </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/loading-indicator/react/'> Loading indicator </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ui-and-ux-patterns/loading-indicator/vue/'> Loading indicator </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold' data-controller='flavor-specific-content' data-flavor='android,ios,js,react,vue'> Going further </li> <ul class=''> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-display/android/'> Conditional display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-display/ios/'> Conditional display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-display/js/'> Conditional display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-display/react/'> Conditional display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-display/vue/'> Conditional display </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-requests/android/'> Conditional requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-requests/js/'> Conditional requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-requests/react/'> Conditional requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-requests/vue/'> Conditional requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/conditional-requests/ios/'> Conditional requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/api-keys-security/android/'> API keys/security </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/api-keys-security/js/'> API keys/security </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/api-keys-security/react/'> API keys/security </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/api-keys-security/vue/'> API keys/security </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/api-keys-security/ios/'> API keys/security </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/routing-urls/js/'> Routing URLs </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/routing-urls/react/'> Routing URLs </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/routing-urls/vue/'> Routing URLs </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/integrate-google-analytics/js/'> Integrate Google Analytics </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/integrate-google-analytics/react/'> Integrate Google Analytics </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/integrate-google-analytics/vue/'> Integrate Google Analytics </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/improve-performance/android/'> Improve performance </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/improve-performance/ios/'> Improve performance </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/improve-performance/js/'> Improve performance </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/improve-performance/react/'> Improve performance </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/improve-performance/vue/'> Improve performance </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/optimize-search-request-usage/js/'> Optimize search requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/optimize-search-request-usage/react/'> Optimize search requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/optimize-search-request-usage/vue/'> Optimize search requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/optimize-search-request-usage/ios/'> Optimize search requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/optimize-search-request-usage/android/'> Optimize search requests </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content sidebar-sub-item' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/backend-search/js/'> Backend search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content sidebar-sub-item' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/backend-search/react/'> Backend search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content sidebar-sub-item' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/backend-search/vue/'> Backend search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content sidebar-sub-item' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/backend-search/ios/'> Backend search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content sidebar-sub-item' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/backend-search/android/'> Backend search </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/native/js/'> Native </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/native/react/'> React Native </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/native/vue/'> Native </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/access-state-outside-lifecycle/js/'> Access state outside the lifecycle </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/server-side-rendering/js/'> Server-side rendering </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/server-side-rendering/react/'> Server-side rendering </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/server-side-rendering/vue/'> Server-side rendering </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/telemetry/android/'> Telemetry </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/telemetry/ios/'> Telemetry </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/automatic-filtering/js/'> Turn off automatic filtering </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/automatic-filtering/react/'> Turn off automatic filtering </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/going-further/integrate-angular/js/'> Using InstantSearch.js in an Angular app </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold' data-controller='flavor-specific-content' data-flavor='flutter'> Ecommerce ui template </li> <ul class=''> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ecommerce-ui-template/overview/flutter/'> Overview </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ecommerce-ui-template/getting-started/flutter/'> Getting started </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/ecommerce-ui-template/components/flutter/'> Components </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold' data-controller='flavor-specific-content' data-flavor='js,react,vue,ios,android,flutter'> Resources </li> <ul class=''> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/ui-kit/js/'> UI Design Kit </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/ui-kit/react/'> UI Design Kit </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/ui-kit/vue/'> UI Design Kit </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/ui-kit/ios/'> UI Design Kit </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/ui-kit/android/'> UI Design Kit </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='flutter'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/ui-kit/flutter/'> UI Design Kit </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='android'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/demos/android/'> Demos </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/demos/ios/'> Demos </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/demos/js/'> Demos </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/demos/react/'> Demos </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/demos/vue/'> Demos </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='js'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/seo/js/'> SEO-ready search experience checklist </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='react'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/seo/react/'> SEO-ready search experience checklist </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='vue'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/seo/vue/'> SEO-ready search experience checklist </a> </span> </li> <li class='mt-8 leading-normal hidden' data-controller='flavor-specific-content ' data-flavor='ios'> <span class='flex justify-between items-center'> <a class='justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/building-search-ui/resources/privacy-manifest/ios/'> Privacy manifests </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="12" cy="12" r="2"/><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"/></svg> </span> Sending events </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/getting-started/'> Get started </a> </span> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Concepts </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/concepts/event-types/'> Event types </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/concepts/usertoken/'> User token </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Guides </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/guides/plan/'> Plan your implementation </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/guides/queryid/'> Keep track of query IDs </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/guides/validate/'> Validate your events </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> API client </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/api-client/send-ecommerce-events/'> Send ecommerce events </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/api-client/send-media-events/'> Send media events </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/api-client/send-events/'> Send events </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> InstantSearch </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/instantsearch/send-ecommerce-events/'> Send ecommerce events </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/instantsearch/send-media-events/'> Send media events </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/instantsearch/send-events/'> Send events </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Connectors </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/connectors/google-tag-manager/'> Google Tag Manager </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/connectors/segment/'> Segment </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/connectors/tealium/'> Tealium </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/sending-events/connectors/google-analytics-big-query-export/'> GA4 BigQuery Export </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg> </span> Search analytics </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/search-analytics/overview/'> Overview </a> </span> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Concepts </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/search-analytics/concepts/metrics/'> Metrics </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/search-analytics/concepts/query-aggregation/'> Query aggregation </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Guides </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/search-analytics/guides/usertoken/'> Distinguish users for analytics </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/search-analytics/guides/exclude-queries/'> Exclude queries </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/search-analytics/guides/segments/'> Segment your analytics data </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </span> Personalization </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Advanced Personalization </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/what-is-advanced-personalization/'> What is Advanced Personalization? </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How does Advanced Personalization work?' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/what-is-advanced-personalization/in-depth/how-does-advanced-personalization-work/'> How does Advanced Personalization work? </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Migrate from Classic Personalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/what-is-advanced-personalization/in-depth/migrate-from-classic-personalization/'> Migrate from Classic Personalization </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Concepts </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='User profiles' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/what-is-advanced-personalization/concepts/user-profiles/'> User profiles </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/'> Configure personalization </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Prerequisites </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Prepare your index structure' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/prerequisites/index-structure/'> Prepare your index structure </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Prepare your event implementation' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/prerequisites/event-implementation/'> Prepare your event implementation </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Prepare your search implementation' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/prerequisites/search-implementation/'> Prepare your search implementation </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Consider requirements and limits' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/prerequisites/consider-requirements-limits/'> Consider requirements and limits </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Setup </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Configure indices to personalize' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/setup/indices/'> Configure indices to personalize </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Configure user events' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/setup/events/'> Configure user events </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Set personalization re-ranking' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/configure/setup/personalization-reranking/'> Set personalization re-ranking </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/monitor/'> Monitor personalization </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='A/B test Advanced Personalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/monitor/in-depth/ab-test/'> A/B test Advanced Personalization </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Troubleshoot Advanced Personalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/monitor/in-depth/troubleshoot/'> Troubleshoot Advanced Personalization </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Inspect a user profile' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/monitor/in-depth/inspect-a-user-profile/'> Inspect a user profile </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Delete a user profile' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/monitor/in-depth/delete-a-user-profile/'> Delete a user profile </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Error codes' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/monitor/in-depth/error-codes/'> Error codes </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/'> Implement personalization </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Guides </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Segment users with rule contexts' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/segment-users-with-rule-contexts/'> Segment users with rule contexts </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Applying contextual affinities' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/applying-contextual-affinities/'> Applying contextual affinities </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Fetching a user profile' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/fetching-a-user-profile/'> Fetching a user profile </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Personalizing search facets' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/personalizing-search-facets/'> Personalizing search facets </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Display content with inline segmentation' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/inline-segmentation/'> Display content with inline segmentation </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Label and boost purchased items in search results' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/label-and-boost-purchased-items/'> Label and boost purchased items in search results </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Personalize product display' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/personalizing-product-display/'> Personalize product display </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Export user profiles to an audience' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/advanced-personalization/implement/guides/export-audience/'> Export user profiles to an audience </a> </li> </ul> </ul> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Classic personalization </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/what-is-personalization/'> What is Personalization? </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How Personalization works' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/what-is-personalization/in-depth/how-personalization-works/'> How Personalization works </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/personalizing-results/'> Personalizing results </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Configuring Personalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/personalizing-results/in-depth/configuring-personalization/'> Configuring Personalization </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/going-to-production/'> Going to production </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='A/B testing Personalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/going-to-production/how-to/ab-testing-personalization/'> A/B testing Personalization </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Enabling Personalization' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/going-to-production/how-to/enabling-personalization/'> Enabling Personalization </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Implementation checklist' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/personalization/classic-personalization/going-to-production/in-depth/implementation-checklist/'> Implementation checklist </a> </li> </ul> </ul> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg> </span> A/B testing </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/ab-testing/what-is-ab-testing/'> What is A/B testing </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Prepare your environment for A/B testing' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/ab-testing/what-is-ab-testing/how-to/setup-an-index-for-index-settings-ab-test/'> Prepare your environment for A/B testing </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Create and run an A/B test' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/ab-testing/what-is-ab-testing/how-to/create-and-run-an-ab-test/'> Create and run an A/B test </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Why do A/B testing?' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/ab-testing/what-is-ab-testing/in-depth/why-do-ab-testing/'> Why do A/B testing? </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How A/B test scores are calculated' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/ab-testing/what-is-ab-testing/in-depth/how-ab-test-scores-are-calculated/'> How A/B test scores are calculated </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/ab-testing/ab-test-implementation-checklist/'> A/B test implementation checklist </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/ab-testing/how-to-read-your-a-b-test-results/'> How to read your A/B test results </a> </span> </li> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg> </span> Algolia Recommend </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/overview/'> Overview </a> </span> </li> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Upgrade </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/upgrade/recommend-js/'> Recommend JS </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/upgrade/recommend-react/'> Recommend React </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> How to </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/how-to/csv-upload/'> Upload events via CSV </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/how-to/set-up/'> Set up Recommend </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/how-to/lookingSimilar/'> Get image-based recommendations with Looking Similar </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/how-to/rules/'> Recommend rules </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/how-to/deduplication/'> Deduplicate recommendations </a> </span> </li> </ul> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Analytics </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/analytics/recommend-analytics/'> Overview </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/analytics/metrics/'> Metrics </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-recommend/analytics/send-events/'> Send events </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg> </span> Algolia AI </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-ai/dynamic-synonym-suggestions/'> Dynamic Synonym Suggestions </a> </span> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-ai/re-ranking/'> Dynamic Re-Ranking </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorials </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Add Dynamic Re-Ranking to category pages' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/algolia-ai/re-ranking/tutorials/re-rank-category-pages/'> Add Dynamic Re-Ranking to category pages </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/algolia-ai/query-categorization/'> Query Categorization </a> </span> </li> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M8.5,0A8.5,8.5,0,1,0,17,8.5,8.51,8.51,0,0,0,8.5,0ZM16,8H12.18A12.73,12.73,0,0,0,9.64,1.1,7.49,7.49,0,0,1,16,8ZM5.82,9h5.36A11.77,11.77,0,0,1,8.5,15.74,11.73,11.73,0,0,1,5.82,9Zm0-1A11.77,11.77,0,0,1,8.5,1.26,11.73,11.73,0,0,1,11.18,8ZM7.36,1.1A12.7,12.7,0,0,0,4.82,8H1A7.49,7.49,0,0,1,7.36,1.1ZM1,9H4.82a12.73,12.73,0,0,0,2.54,6.9A7.49,7.49,0,0,1,1,9Zm8.61,6.9A12.7,12.7,0,0,0,12.18,9H16A7.49,7.49,0,0,1,9.64,15.9Z"/></svg> </span> Going to production </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/going-to-production/implementation-checklist/'> Implementation checklist </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/going-to-production/case-study/'> Case study for an online clothing company </a> </span> </li> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M8.5,17A.54.54,0,0,1,8.28,17l-8-4a.5.5,0,1,1,.44-.9L8.5,15.94l7.78-3.89a.5.5,0,0,1,.44.9l-8,4A.54.54,0,0,1,8.5,17Zm0-4A.54.54,0,0,1,8.28,13l-8-4a.5.5,0,1,1,.44-.9L8.5,11.94l7.78-3.89a.5.5,0,0,1,.44.9l-8,4A.54.54,0,0,1,8.5,13Zm0-4A.54.54,0,0,1,8.28,9l-8-4a.5.5,0,0,1,0-.9l8-4a.49.49,0,0,1,.44,0l8,4a.5.5,0,0,1,0,.9l-8,4A.54.54,0,0,1,8.5,9ZM1.62,4.5,8.5,7.94,15.38,4.5,8.5,1.06Z"/></svg> </span> Scaling </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/scaling/servers-clusters/'> Servers and clusters </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Capacity alerts' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/scaling/servers-clusters/how-to/how-to-receive-capacity-alerts-from-my-dedicated-servers/'> Capacity alerts </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Server specs' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/scaling/servers-clusters/in-depth/servers-specs/'> Server specs </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/scaling/distributed-search-network-dsn/'> Distributed Search Network (DSN) </a> </span> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/scaling/managing-multiple-clusters-mcm/'> Multi-cluster management (MCM) </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Implementing MCM' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/scaling/managing-multiple-clusters-mcm/how-to/implement-multi-clusters/'> Implementing MCM </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/scaling/scaling-to-larger-datasets/'> Scaling to larger datasets </a> </span> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/scaling/algolia-service-limits/'> Algolia service limits </a> </span> </li> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 17"><path d="M7,17A.54.54,0,0,1,6.78,17C6.5,16.81,0,13.55,0,8.5V2.9a.5.5,0,0,1,.33-.47L6.83,0a.5.5,0,0,1,.34,0l6.5,2.4A.5.5,0,0,1,14,2.9V8.5c0,5.05-6.5,8.31-6.78,8.45A.54.54,0,0,1,7,17ZM1,3.25V8.5c0,3.95,4.89,6.83,6,7.44,1.11-.61,6-3.49,6-7.44V3.25L7,1Z"/></svg> </span> Security </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/security/api-keys/'> API keys </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> How to </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='User-restricted access to data' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/security/api-keys/how-to/user-restricted-access-to-data/'> User-restricted access to data </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='How to restore an API key' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/security/api-keys/how-to/how-to-restore-an-api-key/'> How to restore an API key </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='API key restrictions' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/security/api-keys/in-depth/api-key-restrictions/'> API key restrictions </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/security/security-best-practices/'> Security best practices </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> In depth </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Shared responsibility' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/security/security-best-practices/in-depth/shared-responsibility/'> Shared responsibility </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/security/algolia-vault/'> Algolia Vault </a> </span> </li> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg class="w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 21.08"><path d="M18.73,5.4a.44.44,0,0,0-.07-.19.46.46,0,0,0-.15-.16,2.49,2.49,0,0,0-.76-.72l-7-4a2.53,2.53,0,0,0-2.5,0l-7,4a2.49,2.49,0,0,0-.76.72.46.46,0,0,0-.15.16.44.44,0,0,0-.07.19A2.59,2.59,0,0,0,0,6.5v8a2.5,2.5,0,0,0,1.25,2.16l7,4a2.4,2.4,0,0,0,.93.29.46.46,0,0,0,.64,0,2.4,2.4,0,0,0,.93-.29l7-4A2.5,2.5,0,0,0,19,14.5h0v-8A2.59,2.59,0,0,0,18.73,5.4Zm-10-4.2a1.51,1.51,0,0,1,1.5,0l7,4a1.24,1.24,0,0,1,.18.14L9.5,9.93,1.57,5.34a1.24,1.24,0,0,1,.18-.14Zm-7,14.6A1.52,1.52,0,0,1,1,14.5v-8a1.55,1.55,0,0,1,0-.31L9,10.8v9.1a1.12,1.12,0,0,1-.25-.11ZM18,14.5a1.49,1.49,0,0,1-.75,1.29l-7,4a1.36,1.36,0,0,1-.25.11V10.8l8-4.61a1.55,1.55,0,0,1,0,.31Z"/></svg> </span> Solutions </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Ecommerce </li> <ul class=''> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/search/'> Search </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Autocomplete </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Autocomplete with Federated Search' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/search/autocomplete/federated-search/'> Autocomplete with Federated Search </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Animated placeholders' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/search/autocomplete/animated-placeholder/'> Animated placeholders </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Predictive search suggestions' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/search/autocomplete/predictive-search-suggestions/'> Predictive search suggestions </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/browse/'> Browse </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorials </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Category Pages' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/browse/tutorials/category-pages/'> Category Pages </a> </li> </ul> </ul> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Product carousels </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Static product carousels' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/browse/product-carousels/static-product-carousels/'> Static product carousels </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Dynamic product carousels' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/browse/product-carousels/dynamic-product-carousels/'> Dynamic product carousels </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/filtering-and-navigation/'> Filtering and Navigation </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorials </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Auto-selected facets' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/filtering-and-navigation/tutorials/auto-selected-facets/'> Auto-selected facets </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Filter suggestions' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/filtering-and-navigation/tutorials/filter-suggestions/'> Filter suggestions </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Visual facets' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/filtering-and-navigation/tutorials/visual-facets/'> Visual facets </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Guided search' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/filtering-and-navigation/tutorials/guided-search/'> Guided search </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/b2b-catalog-management/'> B2B catalog management </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorials </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Searching by SKU' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/b2b-catalog-management/tutorials/search-by-sku/'> Searching by SKU </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Personalized catalogs' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/b2b-catalog-management/tutorials/personalized-catalogs/'> Personalized catalogs </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Personalized pricing' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/b2b-catalog-management/tutorials/personalized-pricing/'> Personalized pricing </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal' data-controller='sidebar-sub-item'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 inline-block text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/visual-image-search/'> Visual image search </a> </span> <ul class='mb-16 hidden' data-target='sidebar-sub-item.submenu'> <li class='flex mt-16 mb-16 uppercase text-xs text-grey-700-opacity-80 tracking-wide font-semibold'> <span> Tutorials </span> </li> <ul class=''> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Image classification and tagging' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/visual-image-search/tutorials/image-classification-tagging/'> Image classification and tagging </a> </li> <li class='flex py-4 pl-16 border-l-2 border-solid leading-normal border-grey-400-opacity-40'> <a class='flex justify-between group hover:text-xenon-600 text-grey-700' data-active='false' data-segment-message='Clicked an in depth content item' data-segment-source='Search by image' data-segment='clicked-in-depth-content-item' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/visual-image-search/tutorials/search-by-image/'> Search by image </a> </li> </ul> </ul> </li> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/solutions/ecommerce/voice-search/'> Build a voice to text search </a> </span> </li> </ul> </ul> </li> <li class='mt-24' data-action='click->sidebar-item#toggle' data-controller='sidebar-item'> <span class='mb-16 flex items-center cursor-pointer text-grey-1100'> <span class='flex items-center text-grey-1100'> <span class='flex w-16 h-16 mr-24 items-center justify-center fill-current'> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" class="h-full" viewBox="0 0 24 24"><path d="M4 10h12M4 14h9m6-8a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2"/></svg> </span> Billing </span> </span> <ul class='mt-8 ml-40 hidden' data-action='click->sidebar-item#stop' data-target='sidebar.submenu sidebar-item.submenu'> <li class='mt-24 mb-8 uppercase text-xs text-grey-900 tracking-wide font-semibold'> Marketplaces </li> <ul class=''> <li class='mt-8 leading-normal'> <span class='flex justify-between items-center'> <a class='hover:text-xenon-600 text-grey-700' data-active='false' data-target='sidebar.link' href='/doc/guides/billing/marketplaces/amazon-web-services/'> Amazon Web Services </a> </span> </li> </ul> </ul> </li> </ul> </div> </div> </div> <div class='px-40'> <div class='flex flex-wrap items-center lg:justify-between -mx-16 py-16 border-grey-400-opacity-60 border-solid border-t'> <a class='block mx-16 py-8 text-sm text-grey-700 hover:text-grey-800 transition-fast-out' href='https://www.algolia.com/' target='_blank'> Algolia.com </a> <a class='block mx-16 py-8 text-sm text-grey-700 hover:text-grey-800 transition-fast-out' href='https://www.algolia.com/developers/' target='_blank'> Developer Hub </a> </div> </div> <button class='flex lg:hidden absolute items-center top-0 right-0 mt-48 mr-40 text-grey-700-opacity-90 hover:text-grey-700 fill-current transition-fast-out focus:outline-none focus:shadow-outline' data-action='click->app#toggleSidebar'> <span class='flex items-center h-16 w-16 mr-16 flex-grow-0 flex-shrink-0'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M8.41,7l5.3-5.29A1,1,0,1,0,12.29.29L7,5.59,1.71.29A1,1,0,0,0,.29,1.71L5.59,7,.29,12.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L7,8.41l5.29,5.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg> </span> <span class='block flex-grow-0 flex-shrink-0 mt-2 font-sans-alt text-base leading-none'> Close </span> </button> </aside> <div class='w-full lg:ml-376 overflow-x-hidden'> <div class='pt-64'> <div class='relative px-24 md:px-56 pt-32 h-416 md:h-400 lg:h-424 xl:h-352 bg-y-gradient-white-grey-200'> <div class='absolute inset-0 bg-no-repeat bg-right-bottom bg-height-fit sm:opacity-100 opacity-50 z-0'></div> <div class='relative z-10 flex justify-center sm:justify-between max-w-728 w-full'> <div class='max-w-336 w-full sm:mr-32'> <h1 class='text-5xl sm:text-3xl md:text-5xl font-semibold leading-tall md:mb-40 mb-24'> Documentation </h1> <h2 class='text-3xl sm:text-xl md:text-3xl font-semibold mb-8'> Interactive tutorial </h2> <p class='text-grey-700 mb-24 leading-normal'> Get a full overview of the basic settings that will take your search to the next level. </p> <div class='flex -m-4 xl:flex-row flex-col'> <a class='inline-block btn-skeuomorphic btn-skeuomorphic-blue sm:py-8 py-16 px-24 m-4 text-center whitespace-no-wrap' data-segment-message='Clicked Try Interactive Tutorial' data-segment-source='Hero' data-segment='try-interactive-tutorial' href='/doc/onboarding/'> <div class='flex items-center justify-center'> <span class='flex items-center h-16 w-auto mr-8 py-2 flex-grow-0 flex-shrink-0 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12"><path d="M5.83,5.29A.23.23,0,0,1,6,5.6s0,0,0,.05L2.3,11.88a.25.25,0,0,1-.47-.16l.54-4.24L.17,6.72A.26.26,0,0,1,0,6.4s0,0,0-.05L3.7.13a.25.25,0,0,1,.47.15L3.63,4.52Z"/></svg> </span> <span class='inline-block pt-4 pb-2'> Try interactive tutorial </span> </div> </a> <a class='inline-block btn-skeuomorphic sm:py-8 py-16 px-24 m-4 text-center whitespace-no-wrap km-doc-onboarding-video-landing-page' data-action='click->app#openModal click@window->app#closeAllModalsOnClickOutside' data-modal-target='video' data-segment-message='Clicked Watch Video' data-segment-source='Landing (hero)' data-segment='open-algolia-video' href='https://www.youtube.com/watch?v=yA4KISBv_88' rel='nofollow' target='_blank'> <div class='flex items-center justify-center'> <span class='flex items-center h-16 w-auto mr-8 py-2 flex-grow-0 flex-shrink-0 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 10"><polygon points="0 0 0 10 8 5 0 0"/></svg> </span> <span class='inline-block pt-4 pb-2'> Algolia in 3 steps </span> </div> </a> </div> </div> <div class='flex-grow-0 flex-shrink-0 sm:w-288 w-296 -mb-176 sm:block hidden'> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 306 414"> <defs> <linearGradient id="c" x1="50%" x2="50%" y1="100%" y2="0%"> <stop offset="0%" stop-color="#F5F5FA"/> <stop offset="100%" stop-color="#FFF"/> </linearGradient> <rect id="b" width="134" height="180" rx="4"/> <linearGradient id="e" x1="50%" x2="50%" y1="100%" y2="0%"> <stop offset="0%" stop-color="#F5F5FA"/> <stop offset="100%" stop-color="#FFF"/> </linearGradient> <filter id="d" width="136.8%" height="126.2%" x="-18.4%" y="-13.1%" filterUnits="objectBoundingBox"> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.11372549 0 0 0 0 0.133333333 0 0 0 0 0.274509804 0 0 0 0.16 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <path id="g" d="M0 131h134v45a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-45z"/> <filter id="f" width="107.5%" height="120.4%" x="-3.7%" y="-8.2%" filterUnits="objectBoundingBox"> <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> </filter> <rect id="i" width="134" height="180" rx="4"/> <filter id="h" width="127.6%" height="120.6%" x="-13.8%" y="-8.1%" filterUnits="objectBoundingBox"> <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.145098039 0 0 0 0 0.17254902 0 0 0 0 0.380392157 0 0 0 0.15 0"/> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter2"/> <feGaussianBlur in="shadowOffsetOuter2" result="shadowBlurOuter2" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter2" result="shadowMatrixOuter2" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="shadowMatrixOuter2"/> </feMerge> </filter> <filter id="j" width="146.8%" height="127.3%" x="-22.3%" y="-13.6%" filterUnits="objectBoundingBox"> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.11372549 0 0 0 0 0.133333333 0 0 0 0 0.274509804 0 0 0 0.19 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="k" x1="50%" x2="50%" y1="0%" y2="152.605%"> <stop offset="0%" stop-color="#F5F5FA"/> <stop offset="100%" stop-color="#FFF"/> </linearGradient> <filter id="l" width="128%" height="205%" x="-14%" y="-52.5%" filterUnits="objectBoundingBox"> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.11372549 0 0 0 0 0.133333333 0 0 0 0 0.274509804 0 0 0 0.1 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <path id="n" d="M0 131h134v45a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-45z"/> <filter id="m" width="107.5%" height="120.4%" x="-3.7%" y="-8.2%" filterUnits="objectBoundingBox"> <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> </filter> <rect id="p" width="134" height="180" y="2" rx="4"/> <filter id="o" width="127.6%" height="120.6%" x="-13.8%" y="-8.1%" filterUnits="objectBoundingBox"> <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.145098039 0 0 0 0 0.17254902 0 0 0 0 0.380392157 0 0 0 0.15 0"/> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter2"/> <feGaussianBlur in="shadowOffsetOuter2" result="shadowBlurOuter2" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter2" result="shadowMatrixOuter2" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="shadowMatrixOuter2"/> </feMerge> </filter> <filter id="q" height="123.2%" y="-11.6%" filterUnits="objectBoundingBox"> <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.11372549 0 0 0 0 0.133333333 0 0 0 0 0.274509804 0 0 0 0.16 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <path id="s" d="M0 133h134v45a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-45z"/> <filter id="r" width="107.5%" height="120.4%" x="-3.7%" y="-8.2%" filterUnits="objectBoundingBox"> <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> </filter> <rect id="u" width="134" height="180" rx="4"/> <filter id="t" width="127.6%" height="120.6%" x="-13.8%" y="-8.1%" filterUnits="objectBoundingBox"> <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.145098039 0 0 0 0 0.17254902 0 0 0 0 0.380392157 0 0 0 0.15 0"/> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter2"/> <feGaussianBlur in="shadowOffsetOuter2" result="shadowBlurOuter2" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter2" result="shadowMatrixOuter2" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="shadowMatrixOuter2"/> </feMerge> </filter> <filter id="v" width="135.4%" height="130.7%" x="-17.7%" y="-16.7%" filterUnits="objectBoundingBox"> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.11372549 0 0 0 0 0.133333333 0 0 0 0 0.274509804 0 0 0 0.16 0"/> <feMerge> <feMergeNode in="shadowMatrixOuter1"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <rect id="x" width="81.138" height="18.452" x=".165" y=".205" rx="9.226"/> <filter id="w" width="117.3%" height="175.9%" x="-8.6%" y="-27.1%" filterUnits="objectBoundingBox"> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/> <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/> </filter> <path id="z" d="M0 131h134v45a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-45z"/> <filter id="y" width="107.5%" height="120.4%" x="-3.7%" y="-8.2%" filterUnits="objectBoundingBox"> <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/> <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.364705882 0 0 0 0 0.392156863 0 0 0 0 0.580392157 0 0 0 0.2 0"/> </filter> </defs> <g fill="none" fill-rule="evenodd"> <g transform="translate(11 7)"> <use fill="#000" filter="url(#h)" xlink:href="#b"/> <use fill="url(#c)" xlink:href="#b"/> </g> <g filter="url(#d)" transform="translate(50 32)"> <path fill="url(#e)" d="M.69 58.145V67.582c-.03 3.71 3.824 7.378 11.163 9.78 12.352 4.04 29.896 2.96 39.186-2.412 3.785-2.189 5.616-4.753 5.621-7.296v-9.438L.69 58.145"/> <path fill="#E9EBFB" d="M45.496 48.628c12.351 4 14.833 11.551 5.543 16.868-9.29 5.317-26.834 6.385-39.186 2.386-12.35-4-14.832-11.551-5.542-16.868 9.29-5.316 26.834-6.385 39.185-2.386"/> <path fill="url(#e)" d="M.69.052V9.49c-.03 3.71 3.824 7.378 11.163 9.78 12.352 4.04 29.896 2.96 39.186-2.412 3.785-2.189 5.616-4.753 5.621-7.297V.124L.69.052" transform="translate(0 44.388)"/> <path fill="#E9EBFB" d="M45.496 34.482c12.351 3.999 14.833 11.55 5.543 16.867s-26.834 6.385-39.186 2.386c-12.35-3.999-14.832-11.55-5.542-16.867 9.29-5.317 26.834-6.385 39.185-2.386"/> <path fill="url(#e)" d="M.69.403v9.438c-.03 3.71 3.824 7.378 11.163 9.779 12.352 4.04 29.896 2.961 39.186-2.41 3.785-2.19 5.616-4.754 5.621-7.298V.475L.69.403" transform="translate(0 29.67)"/> <path fill="#E9EBFB" d="M45.496 20.357c12.351 4.036 14.833 11.657 5.543 17.023-9.29 5.365-26.834 6.443-39.186 2.408C-.497 35.752-2.979 28.13 6.311 22.765c9.29-5.365 26.834-6.443 39.185-2.408"/> <path fill="#B0B8F5" d="M43.191 22.41c10.74 3.046 12.898 8.796 4.82 12.845-8.078 4.048-23.334 4.862-34.074 1.816-10.74-3.045-12.898-8.795-4.82-12.844 8.078-4.048 23.334-4.862 34.074-1.816"/> <path fill="#F5F5FA" d="M15.512.232h26.327v34.924H15.512z"/> <path fill="#E9EBFB" d="M12.856 2.884H44.27v32.272H12.856z"/> <path fill="url(#e)" d="M.391.153h37.167v30.073c-4.373 2.203-10.548 3.304-18.525 3.304-7.978 0-14.191-1.101-18.642-3.304V.153z" transform="translate(9.59 5.384)"/> <g fill="#C5C9E0" opacity=".5" transform="translate(12.955 9.695)"> <rect width="1.106" height="1.105" x=".124" y=".484" rx=".551"/> <rect width="1.106" height="1.105" x=".124" y="2.695" rx=".551"/> <rect width="9.956" height="1.105" x="9.415" y=".484" rx=".552"/> <rect width="2.876" height="1.105" x="20.255" y=".484" rx=".552"/> <rect width="1.991" height="1.105" x="4.991" y="2.695" rx=".552"/> <rect width="6.415" height="1.105" x="7.866" y="2.695" rx=".552"/> <rect width="11.946" height="1.105" x="14.945" y="2.695" rx=".552"/> <rect width="5.088" height="1.105" x="24.017" y=".484" rx=".552"/> <rect width="1.106" height="1.105" x=".124" y="5.126" rx=".551"/> <rect width="1.106" height="1.105" x=".124" y="7.337" rx=".551"/> <rect width="4.425" height="1.105" x="4.991" y="5.126" rx=".552"/> <rect width="6.415" height="1.105" x="10.3" y="5.126" rx=".552"/> <rect width="9.734" height="1.105" x="17.6" y="5.126" rx=".552"/> <rect width="5.752" height="1.105" x="2.557" y="7.337" rx=".552"/> <rect width="9.956" height="1.105" x="9.415" y="7.337" rx=".552"/> <rect width="2.876" height="1.105" x="20.255" y="7.337" rx=".552"/> <rect width="5.088" height="1.105" x="24.017" y="7.337" rx=".552"/> <rect width="1.106" height="1.105" x=".124" y="9.547" rx=".551"/> <rect width="1.106" height="1.105" x=".124" y="11.979" rx=".551"/> <rect width="1.106" height="1.105" x=".124" y="14.189" rx=".551"/> <rect width="1.106" height="1.105" x=".124" y="16.4" rx=".551"/> <rect width="1.106" height="1.105" x=".124" y="18.61" rx=".551"/> <rect width="1.991" height="1.105" x="4.991" y="9.547" rx=".552"/> <rect width="6.415" height="1.105" x="7.866" y="9.547" rx=".552"/> <rect width="6.415" height="1.105" x="4.991" y="11.979" rx=".552"/> <rect width="9.07" height="1.105" x="12.07" y="11.979" rx=".552"/> <rect width="7.743" height="1.105" x="22.025" y="11.979" rx=".552"/> <rect width="11.946" height="1.105" x="14.945" y="9.547" rx=".552"/> <rect width="4.425" height="1.105" x="4.991" y="16.4" rx=".552"/> <rect width="6.415" height="1.105" x="10.3" y="16.4" rx=".552"/> <rect width="9.734" height="1.105" x="17.6" y="16.4" rx=".552"/> <rect width="3.097" height="1.105" x="27.998" y="14.189" rx=".552"/> <rect width="9.292" height="1.105" x="16.937" y="14.189" rx=".552"/> <rect width="5.752" height="1.105" x="2.557" y="18.61" rx=".552"/> <rect width="9.956" height="1.105" x="9.415" y="18.61" rx=".552"/> <rect width="2.876" height="1.105" x="20.255" y="18.61" rx=".552"/> <rect width="5.088" height="1.105" x="24.017" y="18.61" rx=".552"/> <rect width="5.752" height="1.105" x="2.557" y=".484" rx=".552"/> </g> </g> <path fill="#848AB8" d="M79 98c-6.627 0-12 5.372-12 12 0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.628-5.373-12-12-12z"/> <path fill="#FFF" fill-rule="nonzero" d="M84.84 109.603a.575.575 0 0 0-.565.585c0 2.713-2.152 4.893-4.813 4.893a4.821 4.821 0 0 1-4.113-2.312h1.175a.575.575 0 1 0 0-1.15h-2.296a.575.575 0 0 0-.574.575v2.302a.575.575 0 1 0 1.148 0v-.517a5.955 5.955 0 0 0 4.66 2.254c3.29 0 5.96-2.717 5.96-6.045a.575.575 0 0 0-.582-.585m-5.513-5.469c-3.289 0-5.96 2.717-5.96 6.045a.575.575 0 0 0 1.13.15c.013-.05.019-.1.018-.15 0-2.713 2.152-4.893 4.812-4.893a4.82 4.82 0 0 1 4.104 2.302h-1.166a.575.575 0 1 0 0 1.152h2.297a.575.575 0 0 0 .574-.576v-2.295a.574.574 0 1 0-1.148 0v-.008.526a5.959 5.959 0 0 0-4.66-2.253"/> <text fill="#FFF" font-family="Hind-Bold, Hind" font-size="72" font-weight="bold" opacity=".16" transform="translate(11 7)"> <tspan x="20.82" y="80">1</tspan> </text> <g transform="translate(11 7)"> <use fill="#000" filter="url(#f)" xlink:href="#g"/> <use fill="url(#c)" xlink:href="#g"/> </g> <path fill="#5D6494" d="M55.094 158.216c0 .58-.21 1.037-.627 1.37-.417.335-.998.502-1.742.502-.686 0-1.292-.129-1.82-.387v-1.265c.434.193.801.33 1.101.408.3.08.575.119.824.119.3 0 .528-.057.688-.171.16-.115.24-.285.24-.51a.563.563 0 0 0-.106-.336 1.18 1.18 0 0 0-.31-.284c-.136-.09-.414-.236-.832-.435-.393-.185-.687-.362-.884-.532a1.996 1.996 0 0 1-.47-.593 1.693 1.693 0 0 1-.176-.791c0-.568.193-1.015.578-1.34.385-.325.918-.488 1.598-.488.334 0 .652.04.955.119.304.079.62.19.952.334l-.44 1.059a6.43 6.43 0 0 0-.85-.295 2.737 2.737 0 0 0-.661-.083c-.258 0-.456.06-.594.18a.594.594 0 0 0-.206.47c0 .12.028.225.083.314.056.09.145.176.266.26.122.083.41.233.864.45.6.287 1.012.575 1.235.864.222.288.334.642.334 1.06zm3.093-2.268c-.284 0-.507.09-.668.27-.16.18-.253.436-.277.767h1.881c-.006-.33-.092-.586-.259-.766-.167-.18-.393-.27-.677-.27zm.19 4.14c-.792 0-1.41-.218-1.855-.655-.446-.436-.668-1.055-.668-1.854 0-.824.206-1.46.617-1.91.412-.45.98-.674 1.707-.674.695 0 1.235.197 1.622.593.387.395.58.942.58 1.64v.65h-3.168c.014.38.127.678.338.892.211.213.507.32.888.32.296 0 .575-.03.84-.092a4.2 4.2 0 0 0 .825-.294v1.037a3.147 3.147 0 0 1-.751.261 4.738 4.738 0 0 1-.976.086zm7.628-.088h-1.34v-2.87c0-.354-.063-.62-.19-.797-.125-.177-.326-.266-.601-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V160H61.47v-4.913h1.024l.18.628h.075c.15-.237.355-.416.617-.538.262-.122.56-.182.894-.182.572 0 1.005.154 1.301.463.296.31.444.755.444 1.338V160zm2.936.088c-.577 0-1.03-.224-1.36-.672-.33-.449-.495-1.07-.495-1.864 0-.805.168-1.433.503-1.883.336-.45.798-.674 1.387-.674.618 0 1.09.24 1.415.72h.044a5.48 5.48 0 0 1-.101-.98v-1.573h1.344V160H70.65l-.26-.637h-.056c-.305.483-.77.725-1.393.725zm.47-1.068c.343 0 .594-.1.754-.299.16-.199.246-.537.261-1.015v-.145c0-.527-.081-.905-.244-1.134-.162-.228-.427-.343-.793-.343a.787.787 0 0 0-.697.38c-.165.254-.248.622-.248 1.106 0 .483.084.846.25 1.087.168.242.406.363.717.363zm3.612-5.203c0-.437.243-.655.73-.655.486 0 .73.218.73.655 0 .208-.062.37-.183.485-.122.116-.304.174-.547.174-.487 0-.73-.22-.73-.66zM74.421 160h-1.34v-4.913h1.34V160zm5.941 0h-1.34v-2.87c0-.354-.063-.62-.19-.797-.125-.177-.326-.266-.601-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V160h-1.341v-4.913h1.024l.18.628h.075c.15-.237.355-.416.617-.538.262-.122.56-.182.894-.182.572 0 1.005.154 1.301.463.296.31.444.755.444 1.338V160zm1.79-.37a.898.898 0 0 1-.357-.287.684.684 0 0 1-.154-.424c0-.188.054-.344.162-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.612-.536 1.632 1.632 0 0 1-.227-.87c0-.536.175-.95.523-1.244.349-.293.847-.44 1.494-.44.138 0 .301.013.49.038.19.025.31.043.363.055h1.714v.681l-.77.198c.141.22.212.466.212.738 0 .527-.184.938-.552 1.233-.367.294-.878.441-1.531.441l-.242-.013-.198-.022c-.137.106-.206.223-.206.352 0 .193.246.29.738.29h.835c.539 0 .95.116 1.233.347.282.231.424.571.424 1.02 0 .574-.24 1.02-.719 1.335-.479.317-1.167.475-2.063.475-.686 0-1.21-.12-1.571-.358a1.137 1.137 0 0 1-.543-1.004c0-.296.092-.544.277-.743.185-.2.456-.341.813-.426l-.003-.001zm.073 1.064c0 .185.089.33.266.435.177.106.426.159.745.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.242-.383-.16-.07-.41-.105-.747-.105h-.694c-.246 0-.452.057-.617.173a.535.535 0 0 0-.249.46zm.488-3.999c0 .267.06.478.183.633.121.155.306.233.555.233.252 0 .437-.078.554-.233.117-.155.176-.366.176-.633 0-.591-.243-.887-.73-.887-.492 0-.738.296-.738.887zM92.284 160l-.259-.668h-.035c-.226.284-.458.481-.697.591-.238.11-.55.165-.933.165-.472 0-.843-.135-1.114-.404-.271-.27-.407-.654-.407-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.392 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.881-.444c.66 0 1.165.143 1.516.43.352.288.527.724.527 1.31V160h-.936zm-.395-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.285.325-.285.589 0 .378.216.567.65.567.31 0 .559-.09.745-.268.186-.179.279-.416.279-.712v-.404zM99.135 160h-1.34v-2.87c0-.354-.063-.62-.189-.797-.126-.177-.326-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V160H94.6v-4.913h1.023l.18.628h.075c.15-.237.355-.416.618-.538.262-.122.56-.182.894-.182.571 0 1.005.154 1.3.463.297.31.444.755.444 1.338V160zm2.936.088c-.577 0-1.03-.224-1.36-.672-.33-.449-.494-1.07-.494-1.864 0-.805.167-1.433.503-1.883.335-.45.797-.674 1.386-.674.618 0 1.09.24 1.415.72h.044a5.48 5.48 0 0 1-.1-.98v-1.573h1.344V160h-1.028l-.26-.637h-.057c-.305.483-.769.725-1.393.725zm.47-1.068c.343 0 .594-.1.754-.299.16-.199.247-.537.261-1.015v-.145c0-.527-.08-.905-.244-1.134-.162-.228-.427-.343-.793-.343a.787.787 0 0 0-.696.38c-.166.254-.249.622-.249 1.106 0 .483.084.846.251 1.087.167.242.406.363.716.363zM47.588 172l-1.547-5.04H46c.056 1.025.084 1.709.084 2.052V172h-1.218v-6.425h1.855l1.52 4.913h.027l1.613-4.913h1.854V172h-1.27v-3.041c0-.144.002-.31.007-.497.004-.187.024-.685.059-1.494h-.04L48.836 172h-1.248zm8.78 0l-.26-.668h-.035c-.225.284-.457.481-.696.591-.239.11-.55.165-.934.165-.472 0-.843-.135-1.114-.404-.27-.27-.406-.654-.406-1.152 0-.521.182-.906.547-1.153.364-.248.915-.385 1.65-.411l.852-.027v-.215c0-.498-.254-.747-.764-.747-.393 0-.854.119-1.385.356l-.443-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.351.288.527.724.527 1.31V172h-.936zm-.396-2.276l-.518.017c-.39.012-.68.082-.87.211-.19.13-.286.325-.286.589 0 .378.217.567.65.567.311 0 .56-.09.745-.268.186-.179.28-.416.28-.712v-.404zM63.22 172h-1.34v-2.87c0-.354-.063-.62-.19-.797-.125-.177-.326-.266-.601-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V172h-1.341v-4.913h1.024l.18.628h.075c.15-.237.355-.416.617-.538.262-.122.56-.182.894-.182.572 0 1.005.154 1.301.463.296.31.444.755.444 1.338V172zm4.5 0l-.26-.668h-.034c-.226.284-.458.481-.697.591-.239.11-.55.165-.934.165-.471 0-.843-.135-1.114-.404-.27-.27-.406-.654-.406-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.852-.027v-.215c0-.498-.254-.747-.764-.747-.393 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.351.288.527.724.527 1.31V172h-.936zm-.396-2.276l-.518.017c-.39.012-.68.082-.87.211-.19.13-.286.325-.286.589 0 .378.217.567.65.567.311 0 .56-.09.745-.268.186-.179.28-.416.28-.712v-.404zm3.122 1.906a.898.898 0 0 1-.357-.287.684.684 0 0 1-.154-.424c0-.188.054-.344.162-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.612-.536 1.632 1.632 0 0 1-.227-.87c0-.536.175-.95.523-1.244.349-.293.847-.44 1.494-.44.138 0 .301.013.49.038.19.025.31.043.363.055h1.714v.681l-.77.198c.141.22.212.466.212.738 0 .527-.184.938-.552 1.233-.368.294-.878.441-1.531.441l-.242-.013-.198-.022c-.137.106-.206.223-.206.352 0 .193.246.29.738.29h.835c.539 0 .95.116 1.233.347.282.231.424.571.424 1.02 0 .574-.24 1.02-.719 1.335-.479.317-1.167.475-2.063.475-.686 0-1.21-.12-1.571-.358a1.137 1.137 0 0 1-.543-1.004c0-.296.092-.544.277-.743.185-.2.456-.341.813-.426l-.003-.001zm.073 1.064c0 .185.089.33.266.435.177.106.426.159.745.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.242-.383-.16-.07-.41-.105-.747-.105h-.694c-.246 0-.452.057-.617.173a.535.535 0 0 0-.249.46zm.488-3.999c0 .267.06.478.182.633.122.155.307.233.556.233.252 0 .437-.078.554-.233.117-.155.176-.366.176-.633 0-.591-.243-.887-.73-.887-.492 0-.738.296-.738.887zm4.056-2.878c0-.437.243-.655.73-.655.486 0 .73.218.73.655 0 .208-.062.37-.183.485-.122.116-.304.174-.547.174-.487 0-.73-.22-.73-.66zM76.46 172h-1.34v-4.913h1.34V172zm5.941 0h-1.34v-2.87c0-.354-.063-.62-.19-.797-.125-.177-.326-.266-.601-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V172h-1.341v-4.913h1.024l.18.628h.075c.15-.237.355-.416.617-.538.262-.122.56-.182.894-.182.572 0 1.005.154 1.301.463.296.31.444.755.444 1.338V172zm1.79-.37a.898.898 0 0 1-.357-.287.684.684 0 0 1-.154-.424c0-.188.054-.344.163-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.613-.536 1.632 1.632 0 0 1-.227-.87c0-.536.175-.95.523-1.244.349-.293.847-.44 1.494-.44.138 0 .302.013.49.038.19.025.31.043.363.055h1.714v.681l-.77.198c.141.22.212.466.212.738 0 .527-.184.938-.552 1.233-.367.294-.878.441-1.531.441l-.242-.013-.198-.022c-.137.106-.206.223-.206.352 0 .193.246.29.738.29h.835c.54 0 .95.116 1.233.347.282.231.424.571.424 1.02 0 .574-.24 1.02-.719 1.335-.479.317-1.166.475-2.063.475-.686 0-1.21-.12-1.571-.358a1.137 1.137 0 0 1-.543-1.004c0-.296.093-.544.277-.743.185-.2.456-.341.813-.426l-.003-.001zm.073 1.064c0 .185.089.33.266.435.178.106.426.159.745.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.241-.383-.162-.07-.41-.105-.748-.105h-.694c-.246 0-.452.057-.617.173a.535.535 0 0 0-.249.46zm.488-3.999c0 .267.061.478.183.633.121.155.306.233.555.233.252 0 .437-.078.554-.233.117-.155.176-.366.176-.633 0-.591-.243-.887-.73-.887-.492 0-.738.296-.738.887zm11.887.031c0 1.058-.3 1.868-.903 2.43-.602.563-1.471.844-2.608.844h-1.82v-6.425h2.018c1.049 0 1.863.277 2.443.83.58.554.87 1.328.87 2.321zm-1.415.035c0-1.38-.609-2.07-1.828-2.07h-.725v4.184h.585c1.312 0 1.968-.705 1.968-2.114zm5.762 3.239l-.26-.668h-.035c-.225.284-.458.481-.696.591-.24.11-.55.165-.934.165-.472 0-.843-.135-1.114-.404-.271-.27-.407-.654-.407-1.152 0-.521.183-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.392 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.881-.444c.66 0 1.165.143 1.516.43.352.288.528.724.528 1.31V172h-.936zm-.396-2.276l-.518.017c-.39.012-.68.082-.87.211-.191.13-.286.325-.286.589 0 .378.217.567.65.567.31 0 .559-.09.745-.268.186-.179.28-.416.28-.712v-.404zm4.781 1.296c.235 0 .516-.051.844-.154v.998c-.334.15-.744.224-1.23.224-.537 0-.927-.136-1.172-.407-.244-.27-.366-.677-.366-1.22v-2.368h-.642v-.567l.738-.448.387-1.037h.857v1.046h1.375v1.006h-1.375v2.369c0 .19.053.331.16.422.107.09.249.136.424.136zm4.957.98l-.259-.668h-.035c-.226.284-.458.481-.697.591-.238.11-.55.165-.933.165-.472 0-.843-.135-1.114-.404-.271-.27-.407-.654-.407-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.392 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.352.288.527.724.527 1.31V172h-.936zm-.395-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.285.325-.285.589 0 .378.216.567.65.567.31 0 .559-.09.745-.268.186-.179.279-.416.279-.712v-.404z"/> <g> <g transform="translate(161 23)"> <use fill="#000" filter="url(#h)" xlink:href="#i"/> <use fill="url(#c)" xlink:href="#i"/> </g> <g transform="translate(190 53)"> <g filter="url(#j)" transform="translate(14)"> <path fill="url(#e)" d="M4.866 0H41.37a4.871 4.871 0 0 1 4.866 4.877v66.539a4.871 4.871 0 0 1-4.866 4.877H4.866A4.871 4.871 0 0 1 0 71.416V4.877A4.871 4.871 0 0 1 4.866 0z" transform="translate(.128)"/> <path fill="url(#k)" stroke="#C5C9E0" stroke-opacity=".65" stroke-width=".5" d="M2.629 6.322a.636.636 0 0 0-.635.636v61.74c0 .352.284.637.635.637h40.813c.351 0 .635-.285.635-.637V6.958a.636.636 0 0 0-.635-.636H2.63z"/> </g> <rect width="73.893" height="19.073" x=".194" y=".018" fill="url(#e)" filter="url(#l)" rx="9.521" transform="translate(0 14.817)"/> <ellipse cx="23.207" cy="26.808" fill="#5468FF" rx="1.266" ry="1.166"/> <ellipse cx="27.852" cy="26.808" fill="#5468FF" rx="1.266" ry="1.166"/> <ellipse cx="32.496" cy="26.808" fill="#5468FF" rx="1.266" ry="1.166"/> <rect width="1" height="7.629" x="36.507" y="20.557" fill="#5468FF" opacity=".5" rx=".271"/> <path fill="#C5C9E0" fill-rule="nonzero" d="M12.332 25.535a2.53 2.53 0 0 1-3.585 0 2.554 2.554 0 0 1 0-3.599 2.53 2.53 0 0 1 3.585 0 2.554 2.554 0 0 1 0 3.599m.79-4.487a3.665 3.665 0 0 0-5.288 0c-1.46 1.502-1.46 3.938 0 5.44a3.661 3.661 0 0 0 4.818.409l1.486 1.528a.6.6 0 0 0 .867 0 .643.643 0 0 0 0-.892l-1.486-1.528c1.047-1.503.915-3.607-.397-4.957"/> <rect width="3.167" height="2.67" x="31.154" y="74.364" fill="#3A416F" rx=".444"/> <rect width="2.027" height="1.144" x="31.788" y="75.128" fill="#FFF" rx=".38"/> <rect width="3.167" height="2.67" x="35.588" y="77.035" fill="#3A416F" rx=".444"/> <rect width="2.027" height="1.144" x="36.222" y="77.798" fill="#FFF" rx=".38"/> <rect width="3.167" height="2.67" x="39.768" y="73.348" fill="#3A416F" rx=".444"/> <rect width="2.027" height="1.144" x="40.402" y="74.11" fill="#FFF" rx=".38"/> </g> <path fill="#848AB8" d="M227 114c-6.627 0-12 5.372-12 12 0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.628-5.373-12-12-12z"/> <g fill="#FFF" fill-rule="nonzero"> <path d="M221.03 121.638c0-.433.345-.784.769-.784.424 0 .768.351.768.784v9.225a.776.776 0 0 1-.768.784.776.776 0 0 1-.768-.784v-9.225zm5.33 0a.784.784 0 1 1 1.568 0v9.225a.784.784 0 1 1-1.568 0v-9.225zm5.042 0a.784.784 0 1 1 1.568 0v9.225a.784.784 0 1 1-1.568 0v-9.225z"/> <path stroke="#848AB8" d="M219.5 123.5h5v2h-5zM224.5 127.5h5v2h-5zM229.5 123.5h5v2h-5z"/> </g> <text fill="#FFF" font-family="Hind-Bold, Hind" font-size="72" font-weight="bold" opacity=".16" transform="translate(161 23)"> <tspan x="16.464" y="80">2</tspan> </text> <g transform="translate(161 23)"> <use fill="#000" filter="url(#m)" xlink:href="#n"/> <use fill="url(#c)" xlink:href="#n"/> </g> <path fill="#5D6494" d="M191.92 181l-1.546-5.04h-.04c.056 1.025.084 1.709.084 2.052V181h-1.217v-6.425h1.854l1.52 4.913h.027l1.613-4.913h1.854V181h-1.27v-3.041c0-.144.003-.31.007-.497s.024-.685.06-1.494h-.04L193.169 181h-1.248zm8.781 0l-.26-.668h-.034c-.226.284-.458.481-.697.591-.239.11-.55.165-.934.165-.471 0-.843-.135-1.114-.404-.27-.27-.406-.654-.406-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.393 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.351.288.527.724.527 1.31V181h-.936zm-.395-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.286.325-.286.589 0 .378.217.567.65.567.311 0 .56-.09.746-.268.186-.179.279-.416.279-.712v-.404zm7.246 2.276h-1.34v-2.87c0-.354-.063-.62-.19-.797-.125-.177-.326-.266-.601-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V181h-1.34v-4.913h1.023l.18.628h.075c.15-.237.355-.416.617-.538.263-.122.56-.182.895-.182.57 0 1.004.154 1.3.463.296.31.444.755.444 1.338V181zm4.5 0l-.259-.668h-.035c-.226.284-.458.481-.697.591-.238.11-.55.165-.934.165-.471 0-.843-.135-1.114-.404-.27-.27-.406-.654-.406-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.392 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.352.288.527.724.527 1.31V181h-.936zm-.395-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.286.325-.286.589 0 .378.217.567.65.567.311 0 .56-.09.746-.268.186-.179.279-.416.279-.712v-.404zm3.121 1.906a.898.898 0 0 1-.357-.287.684.684 0 0 1-.154-.424c0-.188.054-.344.163-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.613-.536 1.632 1.632 0 0 1-.226-.87c0-.536.174-.95.522-1.244.35-.293.847-.44 1.495-.44.137 0 .3.013.49.038.189.025.31.043.362.055h1.714v.681l-.769.198c.14.22.21.466.21.738 0 .527-.183.938-.55 1.233-.368.294-.879.441-1.532.441l-.242-.013-.198-.022c-.137.106-.206.223-.206.352 0 .193.246.29.738.29h.835c.54 0 .95.116 1.233.347.283.231.424.571.424 1.02 0 .574-.24 1.02-.719 1.335-.479.317-1.166.475-2.063.475-.685 0-1.21-.12-1.57-.358a1.137 1.137 0 0 1-.544-1.004c0-.296.093-.544.277-.743.185-.2.456-.341.813-.426l-.003-.001zm.074 1.064c0 .185.088.33.265.435.178.106.426.159.745.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.241-.383-.161-.07-.41-.105-.747-.105h-.695c-.246 0-.452.057-.617.173a.535.535 0 0 0-.248.46zm.487-3.999c0 .267.061.478.183.633.121.155.307.233.556.233.252 0 .436-.078.553-.233.118-.155.176-.366.176-.633 0-.591-.243-.887-.73-.887-.492 0-.738.296-.738.887zm4.057-2.878c0-.437.243-.655.729-.655s.73.218.73.655c0 .208-.061.37-.183.485-.121.116-.304.174-.547.174-.486 0-.73-.22-.73-.66zm1.397 6.183h-1.34v-4.913h1.34V181zm5.941 0h-1.34v-2.87c0-.354-.063-.62-.189-.797-.126-.177-.327-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V181h-1.34v-4.913h1.023l.18.628h.075c.15-.237.355-.416.617-.538.263-.122.56-.182.895-.182.571 0 1.005.154 1.3.463.296.31.444.755.444 1.338V181zm1.79-.37a.898.898 0 0 1-.357-.287.684.684 0 0 1-.154-.424c0-.188.054-.344.163-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.613-.536 1.632 1.632 0 0 1-.226-.87c0-.536.174-.95.523-1.244.348-.293.846-.44 1.494-.44.137 0 .3.013.49.038.189.025.31.043.362.055h1.714v.681l-.769.198c.14.22.211.466.211.738 0 .527-.184.938-.551 1.233-.368.294-.879.441-1.532.441l-.242-.013-.197-.022c-.138.106-.207.223-.207.352 0 .193.246.29.738.29h.835c.54 0 .95.116 1.233.347.283.231.424.571.424 1.02 0 .574-.24 1.02-.718 1.335-.48.317-1.167.475-2.064.475-.685 0-1.209-.12-1.57-.358a1.137 1.137 0 0 1-.543-1.004c0-.296.092-.544.276-.743.185-.2.456-.341.813-.426l-.003-.001zm.074 1.064c0 .185.088.33.266.435.177.106.425.159.744.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.241-.383-.161-.07-.41-.105-.747-.105h-.695c-.246 0-.452.057-.617.173a.535.535 0 0 0-.248.46zm.487-3.999c0 .267.061.478.183.633.121.155.307.233.556.233.252 0 .436-.078.553-.233.118-.155.176-.366.176-.633 0-.591-.243-.887-.73-.887-.491 0-.738.296-.738.887zm7.92-.268h.439c.43 0 .748-.072.953-.215.206-.144.308-.37.308-.677 0-.305-.105-.521-.314-.65-.21-.13-.534-.194-.974-.194h-.413v1.736zm0 1.108V181h-1.363v-6.425h1.872c.873 0 1.52.16 1.938.477.42.318.629.8.629 1.448 0 .378-.104.714-.312 1.009a2.064 2.064 0 0 1-.884.692 259.473 259.473 0 0 0 1.89 2.799h-1.512l-1.534-2.465h-.725zm6.508-1.587c-.284 0-.507.09-.668.27-.161.18-.254.436-.277.767h1.88c-.005-.33-.092-.586-.259-.766-.167-.18-.392-.27-.676-.27zm.189 4.14c-.791 0-1.41-.218-1.855-.655-.445-.436-.668-1.055-.668-1.854 0-.824.206-1.46.618-1.91.411-.45.98-.674 1.707-.674.694 0 1.235.197 1.621.593.387.395.58.942.58 1.64v.65h-3.168c.015.38.128.678.338.892.211.213.507.32.888.32.296 0 .576-.03.84-.092a4.2 4.2 0 0 0 .826-.294v1.037a3.147 3.147 0 0 1-.752.261 4.738 4.738 0 0 1-.975.086zm6.521-1.547c0 .504-.175.888-.525 1.151-.35.264-.874.396-1.571.396-.357 0-.662-.024-.914-.073a3.457 3.457 0 0 1-.708-.213v-1.107c.25.117.53.215.842.294.312.08.587.119.824.119.486 0 .73-.14.73-.422a.352.352 0 0 0-.097-.257 1.402 1.402 0 0 0-.334-.224 8.435 8.435 0 0 0-.633-.292c-.378-.159-.656-.305-.833-.44a1.237 1.237 0 0 1-.387-.463 1.53 1.53 0 0 1-.12-.644c0-.437.169-.774.507-1.013.339-.239.818-.358 1.44-.358.591 0 1.167.129 1.726.386l-.404.967a7.437 7.437 0 0 0-.69-.26 2.167 2.167 0 0 0-.655-.1c-.395 0-.593.107-.593.32 0 .12.064.225.191.313.128.087.407.218.837.39.384.156.665.301.844.436.179.135.31.29.396.466.085.175.127.385.127.628zM254.75 181l-.18-.628h-.071a1.414 1.414 0 0 1-.61.53 2.085 2.085 0 0 1-.902.186c-.577 0-1.012-.155-1.305-.464-.293-.309-.44-.753-.44-1.333v-3.204h1.341v2.87c0 .354.063.62.189.797.126.177.327.266.602.266.375 0 .646-.125.813-.376.167-.25.25-.665.25-1.246v-2.311h1.34V181h-1.027zm3.774 0h-1.34v-6.838h1.34V181zm3.476-.98c.235 0 .516-.051.844-.154v.998c-.334.15-.744.224-1.23.224-.536 0-.927-.136-1.171-.407-.245-.27-.367-.677-.367-1.22v-2.368h-.642v-.567l.738-.448.387-1.037h.857v1.046h1.376v1.006h-1.376v2.369c0 .19.053.331.16.422.107.09.249.136.424.136zm5.265-.479c0 .504-.175.888-.525 1.151-.35.264-.874.396-1.571.396-.357 0-.662-.024-.914-.073a3.457 3.457 0 0 1-.708-.213v-1.107c.25.117.53.215.842.294.312.08.587.119.824.119.486 0 .73-.14.73-.422a.352.352 0 0 0-.097-.257 1.402 1.402 0 0 0-.334-.224 8.435 8.435 0 0 0-.633-.292c-.378-.159-.656-.305-.833-.44a1.237 1.237 0 0 1-.387-.463 1.53 1.53 0 0 1-.12-.644c0-.437.169-.774.507-1.013.339-.239.818-.358 1.44-.358.591 0 1.167.129 1.726.386l-.404.967a7.437 7.437 0 0 0-.69-.26 2.167 2.167 0 0 0-.655-.1c-.395 0-.593.107-.593.32 0 .12.064.225.191.313.128.087.407.218.837.39.384.156.665.301.844.436.179.135.31.29.396.466.085.175.127.385.127.628z"/> </g> <g> <g transform="translate(11 201)"> <use fill="#000" filter="url(#o)" xlink:href="#p"/> <use fill="url(#c)" xlink:href="#p"/> </g> <g filter="url(#q)" transform="translate(38 238)"> <path fill="url(#e)" d="M.852 68.633c-.256 0-.464-.251-.464-.56V.56C.388.25.596 0 .852 0h78.386c.256 0 .465.25.465.56v67.513c0 .309-.209.56-.465.56"/> <path fill="url(#e)" d="M79.238 68.823H.852c-.256 0-.464-.25-.464-.56V.751c0-.31.208-.56.464-.56h78.386c.256 0 .465.25.465.56v67.512c0 .31-.209.56-.465.56"/> <path fill="#5468FF" d="M.603.19C.484.19.388.84.388 1.64v65.737c0 .8.096 1.447.215 1.447h10.006c.119 0 .215-.648.215-1.447V1.639c0-.8-.096-1.448-.215-1.448H.603z" opacity=".291"/> <path fill="#5468FF" fill-rule="nonzero" d="M5.89 2.257v-.154c0-.109-.098-.197-.219-.197h-.51c-.121 0-.22.088-.22.197v.158c0 .018.02.03.039.026a1.806 1.806 0 0 1 .873-.004c.018.004.037-.008.037-.026m-1.336.182l-.087-.087a.217.217 0 0 0-.307 0l-.103.103a.22.22 0 0 0 0 .31l.085.086a.03.03 0 0 0 .045-.004 1.634 1.634 0 0 1 .363-.364.03.03 0 0 0 .004-.044m.957.639v.707c0 .02.024.034.045.025l.697-.326c.016-.007.022-.025.013-.038a.887.887 0 0 0-.724-.396c-.016 0-.031.012-.031.028m0 1.879c-.524 0-.949-.47-.949-1.049s.425-1.048.949-1.048.949.47.949 1.048c0 .58-.425 1.049-.95 1.049m-.094-2.479c-.785 0-1.423.64-1.423 1.43 0 .79.637 1.43 1.423 1.43s1.423-.64 1.423-1.43c0-.79-.637-1.43-1.423-1.43"/> <path d="M43.65 45.41v1.833c0 .335.257.61.57.61.313 0 .569-.275.569-.61v-1.832c0-.335-.256-.61-.57-.61-.312 0-.569.275-.569.61"/> <path d="M43.65 45.41v1.833c0 .335.257.61.57.61.313 0 .569-.275.569-.61v-1.832c0-.335-.256-.61-.57-.61-.312 0-.569.275-.569.61"/> <path fill="#5468FF" fill-rule="nonzero" d="M76.445 3.59a.758.758 0 0 1-1.074 0 .766.766 0 0 1 0-1.08.758.758 0 0 1 1.074 0 .766.766 0 0 1 0 1.08m.188-1.362a1.088 1.088 0 0 0-1.544 0 1.101 1.101 0 0 0 0 1.552c.383.385.98.424 1.407.116l.434.436c.07.07.183.07.253 0a.18.18 0 0 0 0-.254l-.433-.436a1.101 1.101 0 0 0-.117-1.414"/> <rect width="48.386" height="23.831" x="19.932" y="8.961" fill="#5468FF" opacity=".05" rx=".133"/> <rect width="34.724" height="1.144" x="19.932" y="35.46" fill="#C5C9E0" opacity=".5" rx=".57"/> <rect width="34.724" height="1.144" x="19.932" y="37.939" fill="#C5C9E0" opacity=".5" rx=".57"/> <rect width="34.724" height="1.144" x="19.932" y="40.417" fill="#C5C9E0" opacity=".5" rx=".57"/> <rect width="4.934" height="1.144" x="63.384" y="35.46" fill="#5468FF" opacity=".3" rx=".57"/> <rect width="4.934" height="1.144" x="63.384" y="37.939" fill="#5468FF" opacity=".3" rx=".57"/> <rect width="4.934" height="1.144" x="63.384" y="40.417" fill="#5468FF" opacity=".3" rx=".57"/> <rect width="34.724" height="1.144" x="19.932" y="43.086" fill="#C5C9E0" opacity=".5" rx=".57"/> <rect width="34.724" height="1.144" x="19.932" y="45.565" fill="#C5C9E0" opacity=".5" rx=".57"/> <rect width="34.724" height="1.144" x="19.932" y="48.043" fill="#C5C9E0" opacity=".5" rx=".57"/> <rect width="4.934" height="1.144" x="63.384" y="43.086" fill="#5468FF" opacity=".3" rx=".57"/> <rect width="4.934" height="1.144" x="63.384" y="45.565" fill="#5468FF" opacity=".3" rx=".57"/> <rect width="4.934" height="1.144" x="63.384" y="48.043" fill="#5468FF" opacity=".3" rx=".57"/> <rect width="4.934" height="1" x="3.044" y="8.579" fill="#5468FF" opacity=".5" rx=".38"/> <rect width="4.934" height="1" x="3.044" y="11.058" fill="#5468FF" opacity=".5" rx=".38"/> <rect width="4.934" height="1" x="3.044" y="13.727" fill="#5468FF" opacity=".5" rx=".38"/> <rect width="4.934" height="1" x="3.044" y="16.205" fill="#5468FF" opacity=".5" rx=".38"/> <rect width="4.934" height="1" x="3.044" y="18.683" fill="#5468FF" opacity=".5" rx=".38"/> <rect width="4.934" height="1" x="3.044" y="21.162" fill="#5468FF" opacity=".5" rx=".38"/> <path fill="#5468FF" fill-rule="nonzero" d="M22.968 32.6h11.574c-4.023-.053-1.131-12.582-5.484-12.582-4.256 0-2.248 12.305-6.09 12.583zm25.995 0H67.18c-11.543 0-6.083-9.15-9.891-9.15-3.825 0-.266 9.107-8.325 9.15zm-14.23 0h14.04c-6.522-.036-3.854-6.29-7.935-6.29-3.895 0-2.728 6.245-6.106 6.29zm14.04 0h.166-.165zm-14.04 0h.102-.103zm-11.955 0a.695.695 0 0 0 .19 0h-.19z"/> </g> <path fill="#848AB8" d="M78 294c-6.628 0-12 5.373-12 12s5.372 12 12 12c6.627 0 12-5.373 12-12s-5.373-12-12-12z"/> <path fill="#FFF" fill-rule="nonzero" d="M79.793 307.358a2.829 2.829 0 0 1-4.086 0 3.057 3.057 0 0 1 0-4.22 2.83 2.83 0 0 1 4.086 0 3.057 3.057 0 0 1 0 4.22m.997-5.249a4.204 4.204 0 0 0-6.08 0c-1.68 1.734-1.68 4.545 0 6.279a4.2 4.2 0 0 0 5.54.472l1.709 1.763a.69.69 0 0 0 .996 0 .745.745 0 0 0 0-1.029l-1.708-1.764c1.204-1.734 1.052-4.162-.457-5.72"/> <text fill="#FFF" font-family="Hind-Bold, Hind" font-size="72" font-weight="bold" opacity=".16" transform="translate(11 201)"> <tspan x="12.112" y="76">3</tspan> </text> <g transform="translate(11 201)"> <use fill="#000" filter="url(#r)" xlink:href="#s"/> <use fill="url(#c)" xlink:href="#s"/> </g> <path fill="#5D6494" d="M38.203 354.575h2c.91 0 1.572.13 1.984.39.411.258.617.67.617 1.236 0 .384-.09.699-.27.945a1.08 1.08 0 0 1-.719.444v.044c.408.09.701.26.882.51.18.249.27.58.27.993 0 .586-.212 1.043-.635 1.37-.424.329-.999.493-1.725.493h-2.404v-6.425zm1.362 2.545h.791c.37 0 .637-.057.802-.172.166-.114.249-.303.249-.567 0-.246-.09-.422-.27-.53-.18-.106-.466-.16-.855-.16h-.717v1.429zm0 1.08v1.675h.888c.375 0 .652-.072.83-.215.18-.144.269-.364.269-.66 0-.533-.381-.8-1.143-.8h-.844zm8.06 2.8l-.18-.628h-.07a1.414 1.414 0 0 1-.611.53 2.085 2.085 0 0 1-.901.186c-.577 0-1.012-.155-1.305-.464-.293-.309-.44-.753-.44-1.333v-3.204h1.34v2.87c0 .354.063.62.19.797.125.177.326.266.602.266.375 0 .646-.125.813-.376.166-.25.25-.665.25-1.246v-2.311h1.34V361h-1.028zm2.377-6.183c0-.437.244-.655.73-.655s.73.218.73.655c0 .208-.061.37-.183.485-.122.116-.304.174-.547.174-.486 0-.73-.22-.73-.66zM51.4 361h-1.34v-4.913h1.34V361zm2.746 0h-1.34v-6.838h1.34V361zm2.962.088c-.577 0-1.03-.224-1.36-.672-.33-.449-.494-1.07-.494-1.864 0-.805.168-1.433.503-1.883.336-.45.798-.674 1.387-.674.618 0 1.09.24 1.415.72h.044a5.48 5.48 0 0 1-.102-.98v-1.573h1.345V361h-1.028l-.26-.637h-.057c-.304.483-.769.725-1.393.725zm.47-1.068c.343 0 .595-.1.754-.299.16-.199.247-.537.262-1.015v-.145c0-.527-.082-.905-.244-1.134-.163-.228-.427-.343-.793-.343a.787.787 0 0 0-.697.38c-.165.254-.248.622-.248 1.106 0 .483.083.846.25 1.087.167.242.406.363.717.363zm3.613-5.203c0-.437.243-.655.73-.655.486 0 .729.218.729.655 0 .208-.06.37-.182.485-.122.116-.304.174-.548.174-.486 0-.73-.22-.73-.66zM62.588 361h-1.34v-4.913h1.34V361zm5.942 0h-1.34v-2.87c0-.354-.064-.62-.19-.797-.125-.177-.326-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V361h-1.34v-4.913h1.024l.18.628h.074c.15-.237.356-.416.618-.538.262-.122.56-.182.894-.182.571 0 1.005.154 1.3.463.297.31.445.755.445 1.338V361zm1.79-.37a.898.898 0 0 1-.358-.287.684.684 0 0 1-.153-.424c0-.188.054-.344.162-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.613-.536 1.632 1.632 0 0 1-.226-.87c0-.536.174-.95.523-1.244.349-.293.847-.44 1.494-.44.138 0 .301.013.49.038.19.025.31.043.363.055h1.714v.681l-.77.198c.141.22.211.466.211.738 0 .527-.183.938-.551 1.233-.368.294-.878.441-1.532.441l-.241-.013-.198-.022c-.138.106-.207.223-.207.352 0 .193.247.29.739.29h.835c.539 0 .95.116 1.232.347.283.231.424.571.424 1.02 0 .574-.24 1.02-.718 1.335-.48.317-1.167.475-2.063.475-.686 0-1.21-.12-1.571-.358a1.137 1.137 0 0 1-.543-1.004c0-.296.092-.544.277-.743.184-.2.455-.341.813-.426l-.003-.001zm.073 1.064c0 .185.089.33.266.435.177.106.425.159.745.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.242-.383-.16-.07-.41-.105-.747-.105h-.694c-.246 0-.452.057-.618.173a.535.535 0 0 0-.248.46zm.488-3.999c0 .267.06.478.182.633.122.155.307.233.556.233.252 0 .437-.078.554-.233.117-.155.176-.366.176-.633 0-.591-.244-.887-.73-.887-.492 0-.738.296-.738.887zm9.879 1.846c0 .504-.175.888-.525 1.151-.35.264-.874.396-1.571.396-.358 0-.663-.024-.914-.073a3.457 3.457 0 0 1-.708-.213v-1.107c.249.117.53.215.842.294.312.08.586.119.824.119.486 0 .729-.14.729-.422a.352.352 0 0 0-.097-.257 1.402 1.402 0 0 0-.334-.224 8.435 8.435 0 0 0-.632-.292c-.378-.159-.656-.305-.833-.44a1.237 1.237 0 0 1-.387-.463 1.53 1.53 0 0 1-.12-.644c0-.437.168-.774.507-1.013.338-.239.818-.358 1.439-.358.592 0 1.167.129 1.727.386l-.404.967a7.437 7.437 0 0 0-.69-.26 2.167 2.167 0 0 0-.655-.1c-.396 0-.593.107-.593.32 0 .12.063.225.19.313.128.087.407.218.838.39.384.156.665.301.844.436.179.135.31.29.395.466.085.175.128.385.128.628zm3.08-2.593c-.284 0-.507.09-.668.27-.16.18-.253.436-.276.767h1.88c-.005-.33-.092-.586-.259-.766-.167-.18-.392-.27-.677-.27zm.19 4.14c-.792 0-1.41-.218-1.855-.655-.446-.436-.668-1.055-.668-1.854 0-.824.206-1.46.617-1.91.412-.45.981-.674 1.708-.674.694 0 1.234.197 1.621.593.387.395.58.942.58 1.64v.65h-3.168c.014.38.127.678.338.892.211.213.507.32.888.32.296 0 .576-.03.84-.092a4.2 4.2 0 0 0 .825-.294v1.037a3.147 3.147 0 0 1-.751.261 4.738 4.738 0 0 1-.976.086zm6.213-.088l-.26-.668h-.034c-.226.284-.458.481-.697.591-.239.11-.55.165-.934.165-.471 0-.843-.135-1.114-.404-.27-.27-.406-.654-.406-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.393 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.351.288.527.724.527 1.31V361h-.936zm-.395-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.286.325-.286.589 0 .378.217.567.65.567.311 0 .56-.09.746-.268.186-.179.279-.416.279-.712v-.404zm5.453-2.73c.182 0 .333.014.453.04l-.101 1.257a1.535 1.535 0 0 0-.396-.044c-.427 0-.76.11-1 .33-.238.22-.358.527-.358.923v2.5h-1.34v-4.913h1.015l.198.826h.066c.152-.275.358-.497.617-.666.26-.168.542-.252.846-.252zm3.34 5.094c-1.53 0-2.294-.84-2.294-2.518 0-.835.208-1.473.624-1.914.416-.44 1.012-.661 1.789-.661a3.41 3.41 0 0 1 1.53.334l-.396 1.037a6.764 6.764 0 0 0-.59-.209 1.897 1.897 0 0 0-.544-.081c-.698 0-1.046.495-1.046 1.485 0 .961.348 1.441 1.046 1.441.258 0 .496-.034.716-.103.22-.069.44-.176.66-.323v1.147a2.16 2.16 0 0 1-.658.286c-.22.053-.5.079-.837.079zm7.168-.088h-1.34v-2.87c0-.709-.264-1.063-.792-1.063-.375 0-.646.127-.813.382-.167.255-.25.668-.25 1.24V361h-1.34v-6.838h1.34v1.393c0 .109-.01.363-.031.765l-.03.395h.07c.298-.48.773-.72 1.423-.72.578 0 1.016.155 1.314.465.3.311.449.756.449 1.336V361zm9.052-6.425v4.157c0 .475-.106.891-.318 1.248-.213.358-.52.632-.92.822-.402.19-.877.286-1.425.286-.826 0-1.468-.212-1.925-.635-.457-.423-.685-1.003-.685-1.738v-4.14h1.358v3.933c0 .495.1.859.299 1.09.199.232.528.347.988.347.446 0 .769-.116.97-.35.2-.232.3-.597.3-1.095v-3.925h1.358zm1.574 6.425v-6.425h1.362V361h-1.362z"/> </g> <g> <g transform="translate(161 219)"> <use fill="#000" filter="url(#t)" xlink:href="#u"/> <use fill="url(#c)" xlink:href="#u"/> </g> <g filter="url(#v)" transform="translate(187 248)"> <path fill="url(#e)" d="M1.034.205h62.028c.557 0 1.009.449 1.009 1.003V73.01c0 .553-.452 1.002-1.009 1.002H1.034A1.006 1.006 0 0 1 .025 73.01V1.208C.025.654.477.205 1.034.205z" transform="translate(9.613)"/> <path fill="#5468FF" fill-rule="nonzero" d="M18.288 35.263a.82.82 0 0 1 .824-.82.82.82 0 0 1 .823.82v.821a.82.82 0 0 1-.823.82.82.82 0 0 1-.824-.82v-.821zm5.972-2.467c0-.45.366-.813.824-.813.455 0 .823.37.823.813v3.295a.816.816 0 0 1-.823.813.822.822 0 0 1-.824-.813v-3.295zm-2.883 1.44a.825.825 0 0 1 1.647 0v1.85a.818.818 0 0 1-.823.818.825.825 0 0 1-.824-.818v-1.85zm5.972-.411c0-.451.366-.817.824-.817a.82.82 0 0 1 .823.817v2.262a.818.818 0 0 1-.823.817.82.82 0 0 1-.824-.817v-2.262zm2.883-1.84c0-.454.366-.822.824-.822.455 0 .823.368.823.823v4.095a.823.823 0 1 1-1.647 0v-4.095zm3.089-1.031c0-.45.366-.816.824-.816.455 0 .823.364.823.816v5.134c0 .45-.365.816-.823.816a.819.819 0 0 1-.824-.816v-5.134zm3.089-.613c0-.452.366-.818.824-.818a.82.82 0 0 1 .823.818v5.745a.819.819 0 0 1-.823.818.82.82 0 0 1-.824-.818V30.34zm2.883-3.694c0-.45.366-.814.824-.814.455 0 .824.368.824.814v9.443c0 .45-.366.814-.824.814a.821.821 0 0 1-.824-.814v-9.443zm3.09 2.254c0-.449.365-.813.823-.813a.82.82 0 0 1 .824.813v7.189c0 .45-.366.814-.824.814a.82.82 0 0 1-.824-.814v-7.189zm3.088.618c0-.45.366-.816.824-.816.455 0 .824.363.824.816v6.568c0 .451-.366.817-.824.817a.818.818 0 0 1-.824-.817V29.52zm2.883-3.28c0-.451.366-.817.824-.817.455 0 .824.37.824.817v9.848c0 .451-.366.817-.824.817a.822.822 0 0 1-.824-.817V26.24zm3.09 1.44a.824.824 0 0 1 1.647 0v8.403a.824.824 0 0 1-1.647 0V27.68zm2.882-3.076a.82.82 0 0 1 .824-.82.82.82 0 0 1 .824.82v11.48a.82.82 0 0 1-.824.82.82.82 0 0 1-.824-.82v-11.48zm3.09-3.083a.825.825 0 0 1 1.647 0v14.775a.825.825 0 0 1-1.647 0V21.52z" opacity=".3"/> <path stroke="#C5C9E0" stroke-dasharray=".803" stroke-linecap="round" stroke-width=".535" d="M14.375 68.272V42.983m-3.913 22.93h59.103"/> <path stroke="#5468FF" stroke-linecap="round" stroke-width=".963" d="M13.551 65.196c5.262 0 6.589-2.794 11.024-2.794 4.435 0 5.324 1.405 10.773 1.405 5.45 0 5.962-5.322 10.898-5.322 4.937 0 5.262 4.246 10.71 4.246 5.45 0 5.387-8.4 10.962-8.4" opacity=".3"/> <path stroke="#5468FF" stroke-linecap="round" stroke-width=".963" d="M13.551 65.196c5.262 0 5.45-8.698 11.024-8.698 5.574 0 5.324 5.947 10.773 5.947 5.45 0 5.324-13.935 10.898-13.935 5.575 0 5.262 11.805 10.71 11.805 5.45 0 5.387-24.231 10.962-24.231" opacity=".6"/> <g transform="translate(17.259 60.07)"> <ellipse cx="1.338" cy="1.332" fill="#5468FF" rx="1.338" ry="1.332"/> <ellipse cx="1.235" cy="1.332" fill="#FFF" rx="1" ry="1"/> </g> <g transform="translate(37.234 58.43)"> <ellipse cx="1.338" cy="1.332" fill="#5468FF" rx="1.338" ry="1.332"/> <ellipse cx="1.235" cy="1.332" fill="#FFF" rx="1" ry="1"/> </g> <g transform="translate(47.119 48.18)"> <ellipse cx="1.338" cy="1.332" fill="#5468FF" rx="1.338" ry="1.332"/> <ellipse cx="1.338" cy="1.23" fill="#FFF" rx="1" ry="1"/> </g> <g transform="translate(62.358 42.234)"> <ellipse cx="1.338" cy="1.332" fill="#5468FF" rx="1.338" ry="1.332"/> <ellipse cx="1.338" cy="1.332" fill="#FFF" rx="1" ry="1"/> </g> <g> <use fill="#000" filter="url(#w)" xlink:href="#x"/> <use fill="url(#e)" xlink:href="#x"/> </g> <path fill="#5468FF" fill-rule="nonzero" d="M11.593 10.731c-.964 1-2.533 1-3.497 0a2.635 2.635 0 0 1 0-3.626c.964-1 2.533-1 3.497 0s.964 2.627 0 3.626m.77-4.489a3.536 3.536 0 0 0-5.157 0c-1.424 1.489-1.424 3.903 0 5.392a3.53 3.53 0 0 0 4.7.405l1.449 1.514a.58.58 0 0 0 .845 0 .645.645 0 0 0 0-.884l-1.449-1.514c1.022-1.49.893-3.575-.388-4.913"/> </g> <path fill="#848AB8" d="M227.645 309.456c-6.494 0-11.759 5.28-11.759 11.793 0 6.514 5.265 11.794 11.759 11.794 6.494 0 11.758-5.28 11.758-11.794 0-6.513-5.264-11.793-11.758-11.793z"/> <path fill="#FFF" fill-rule="nonzero" d="M230.884 318.373c0-.431.342-.781.765-.781.422 0 .765.35.765.781v6.893c0 .17-.138.308-.308.308h-.915a.308.308 0 0 1-.307-.308v-6.893zm-3.061-1.995c0-.432.342-.782.765-.782s.765.35.765.782v8.888c0 .17-.137.308-.307.308h-.916a.308.308 0 0 1-.307-.308v-8.888zm-3.06 3.377c0-.432.342-.782.764-.782.423 0 .766.35.766.782v5.511c0 .17-.138.308-.308.308h-.915a.308.308 0 0 1-.308-.308v-5.511zm-3.061 1.535c0-.432.342-.782.765-.782.422 0 .765.35.765.782v3.976c0 .17-.138.308-.308.308h-.915a.308.308 0 0 1-.307-.308v-3.976z"/> <text fill="#FFF" font-family="Hind-Bold, Hind" font-size="72" font-weight="bold" opacity=".16" transform="translate(161 219)"> <tspan x="20.82" y="80">1</tspan> </text> <g transform="translate(161 219)"> <use fill="#000" filter="url(#y)" xlink:href="#z"/> <use fill="url(#c)" xlink:href="#z"/> </g> <path fill="#5D6494" d="M195.634 367.392h2.55v3.331c-.414.135-.803.23-1.168.284a7.6 7.6 0 0 1-1.118.08c-.97 0-1.71-.284-2.221-.854-.512-.57-.767-1.388-.767-2.454 0-1.037.296-1.846.89-2.426.593-.58 1.415-.87 2.467-.87.66 0 1.295.132 1.907.395l-.452 1.09a3.233 3.233 0 0 0-1.464-.351c-.589 0-1.06.197-1.415.593-.354.395-.531.927-.531 1.595 0 .697.142 1.23.428 1.598.286.367.7.551 1.246.551.284 0 .573-.03.866-.088v-1.34h-1.218v-1.134zm6.008-.444c-.285 0-.507.09-.668.27-.162.18-.254.436-.277.767h1.88c-.005-.33-.092-.586-.259-.766-.167-.18-.392-.27-.676-.27zm.189 4.14c-.791 0-1.41-.218-1.855-.655-.445-.436-.668-1.055-.668-1.854 0-.824.206-1.46.618-1.91.411-.45.98-.674 1.707-.674.694 0 1.235.197 1.621.593.387.395.58.942.58 1.64v.65h-3.168c.015.38.127.678.338.892.211.213.507.32.888.32.296 0 .576-.03.84-.092a4.2 4.2 0 0 0 .826-.294v1.037a3.147 3.147 0 0 1-.752.261 4.738 4.738 0 0 1-.975.086zm5.163-1.068c.235 0 .516-.051.844-.154v.998c-.334.15-.744.224-1.23.224-.537 0-.927-.136-1.172-.407-.244-.27-.367-.677-.367-1.22v-2.368h-.641v-.567l.738-.448.387-1.037h.857v1.046h1.375v1.006h-1.375v2.369c0 .19.053.331.16.422.107.09.248.136.424.136zm3.907 0c.234 0 .516-.051.844-.154v.998c-.334.15-.745.224-1.23.224-.537 0-.927-.136-1.172-.407-.245-.27-.367-.677-.367-1.22v-2.368h-.642v-.567l.739-.448.386-1.037h.857v1.046h1.376v1.006h-1.376v2.369c0 .19.054.331.16.422.108.09.25.136.425.136zm1.78-5.203c0-.437.243-.655.73-.655.485 0 .729.218.729.655 0 .208-.061.37-.183.485-.121.116-.304.174-.547.174-.486 0-.73-.22-.73-.66zm1.397 6.183h-1.34v-4.913h1.34V371zm5.942 0h-1.34v-2.87c0-.354-.064-.62-.19-.797-.126-.177-.326-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V371h-1.34v-4.913h1.023l.18.628h.075c.15-.237.355-.416.618-.538.262-.122.56-.182.894-.182.571 0 1.005.154 1.3.463.297.31.445.755.445 1.338V371zm1.79-.37a.898.898 0 0 1-.358-.287.684.684 0 0 1-.154-.424c0-.188.055-.344.163-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.613-.536 1.632 1.632 0 0 1-.226-.87c0-.536.174-.95.523-1.244.348-.293.846-.44 1.494-.44.138 0 .3.013.49.038.189.025.31.043.362.055h1.714v.681l-.769.198c.14.22.211.466.211.738 0 .527-.184.938-.551 1.233-.368.294-.878.441-1.532.441l-.242-.013-.197-.022c-.138.106-.207.223-.207.352 0 .193.246.29.738.29h.835c.54 0 .95.116 1.233.347.283.231.424.571.424 1.02 0 .574-.24 1.02-.718 1.335-.48.317-1.167.475-2.064.475-.685 0-1.209-.12-1.57-.358a1.137 1.137 0 0 1-.543-1.004c0-.296.092-.544.277-.743.184-.2.455-.341.812-.426l-.003-.001zm.073 1.064c0 .185.088.33.266.435.177.106.425.159.745.159.48 0 .856-.066 1.129-.198.272-.132.409-.312.409-.54 0-.185-.08-.313-.242-.383-.161-.07-.41-.105-.747-.105h-.694c-.247 0-.452.057-.618.173a.535.535 0 0 0-.248.46zm.488-3.999c0 .267.06.478.182.633.122.155.307.233.556.233.252 0 .436-.078.554-.233.117-.155.175-.366.175-.633 0-.591-.243-.887-.73-.887-.491 0-.737.296-.737.887zm6.556 3.305v-6.425h1.363V371h-1.363zm7.41 0h-1.34v-2.87c0-.354-.064-.62-.19-.797-.126-.177-.327-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V371h-1.34v-4.913h1.023l.18.628h.075c.15-.237.355-.416.618-.538.262-.122.56-.182.894-.182.571 0 1.005.154 1.3.463.296.31.444.755.444 1.338V371zm4.807-1.459c0 .504-.175.888-.525 1.151-.35.264-.874.396-1.571.396-.358 0-.662-.024-.914-.073a3.457 3.457 0 0 1-.708-.213v-1.107c.25.117.53.215.842.294.312.08.586.119.824.119.486 0 .73-.14.73-.422a.352.352 0 0 0-.097-.257 1.402 1.402 0 0 0-.334-.224 8.435 8.435 0 0 0-.633-.292c-.378-.159-.656-.305-.833-.44a1.237 1.237 0 0 1-.387-.463 1.53 1.53 0 0 1-.12-.644c0-.437.169-.774.507-1.013.338-.239.818-.358 1.44-.358.591 0 1.167.129 1.726.386l-.404.967a7.437 7.437 0 0 0-.69-.26 2.167 2.167 0 0 0-.655-.1c-.395 0-.593.107-.593.32 0 .12.064.225.191.313.128.087.407.218.837.39.384.156.665.301.844.436.179.135.31.29.396.466.085.175.127.385.127.628zm.989-4.724c0-.437.243-.655.73-.655.486 0 .729.218.729.655 0 .208-.061.37-.183.485-.121.116-.304.174-.547.174-.486 0-.73-.22-.73-.66zM243.53 371h-1.34v-4.913h1.34V371zm1.817-.37a.898.898 0 0 1-.358-.287.684.684 0 0 1-.154-.424c0-.188.055-.344.163-.468a1.88 1.88 0 0 1 .47-.367 1.319 1.319 0 0 1-.613-.536 1.632 1.632 0 0 1-.226-.87c0-.536.174-.95.523-1.244.348-.293.847-.44 1.494-.44.138 0 .301.013.49.038s.31.043.363.055h1.713v.681l-.769.198c.141.22.211.466.211.738 0 .527-.184.938-.551 1.233-.368.294-.878.441-1.532.441l-.241-.013-.198-.022c-.138.106-.207.223-.207.352 0 .193.246.29.739.29h.835c.539 0 .95.116 1.232.347.283.231.424.571.424 1.02 0 .574-.24 1.02-.718 1.335-.48.317-1.167.475-2.063.475-.686 0-1.21-.12-1.572-.358a1.137 1.137 0 0 1-.542-1.004c0-.296.092-.544.277-.743.184-.2.455-.341.813-.426l-.003-.001zm.073 1.064c0 .185.089.33.266.435.177.106.425.159.745.159.48 0 .857-.066 1.13-.198.272-.132.408-.312.408-.54 0-.185-.08-.313-.242-.383-.161-.07-.41-.105-.747-.105h-.694c-.246 0-.452.057-.618.173a.535.535 0 0 0-.248.46zm.488-3.999c0 .267.06.478.182.633.122.155.307.233.556.233.252 0 .437-.078.554-.233.117-.155.175-.366.175-.633 0-.591-.243-.887-.729-.887-.492 0-.738.296-.738.887zm8.648 3.305h-1.34v-2.87c0-.709-.264-1.063-.791-1.063-.375 0-.646.127-.813.382-.167.255-.25.668-.25 1.24V371h-1.341v-6.838h1.34v1.393c0 .109-.01.363-.03.765l-.031.395h.07c.299-.48.774-.72 1.424-.72.577 0 1.015.155 1.314.465.299.311.448.756.448 1.336V371zm3.45-.98c.234 0 .515-.051.844-.154v.998c-.334.15-.745.224-1.23.224-.537 0-.927-.136-1.172-.407-.245-.27-.367-.677-.367-1.22v-2.368h-.642v-.567l.739-.448.386-1.037h.857v1.046h1.376v1.006h-1.376v2.369c0 .19.054.331.16.422.108.09.25.136.425.136zm5.265-.479c0 .504-.176.888-.526 1.151-.35.264-.873.396-1.57.396-.358 0-.663-.024-.915-.073a3.457 3.457 0 0 1-.707-.213v-1.107c.249.117.53.215.841.294.312.08.587.119.824.119.487 0 .73-.14.73-.422a.352.352 0 0 0-.097-.257 1.402 1.402 0 0 0-.334-.224 8.435 8.435 0 0 0-.633-.292c-.378-.159-.655-.305-.832-.44a1.237 1.237 0 0 1-.387-.463 1.53 1.53 0 0 1-.121-.644c0-.437.17-.774.508-1.013.338-.239.818-.358 1.439-.358.592 0 1.167.129 1.727.386l-.405.967a7.437 7.437 0 0 0-.69-.26 2.167 2.167 0 0 0-.654-.1c-.396 0-.594.107-.594.32 0 .12.064.225.192.313.127.087.406.218.837.39.384.156.665.301.844.436.178.135.31.29.395.466.085.175.128.385.128.628zM201.54 383l-.26-.668h-.035c-.225.284-.458.481-.696.591-.24.11-.55.165-.934.165-.472 0-.843-.135-1.114-.404-.271-.27-.407-.654-.407-1.152 0-.521.183-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.392 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.881-.444c.66 0 1.165.143 1.516.43.352.288.528.724.528 1.31V383h-.936zm-.396-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.285.325-.285.589 0 .378.216.567.65.567.31 0 .559-.09.745-.268.186-.179.279-.416.279-.712v-.404zm7.247 2.276h-1.34v-2.87c0-.354-.064-.62-.19-.797-.126-.177-.326-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V383h-1.34v-4.913h1.023l.18.628h.075c.15-.237.355-.416.618-.538.262-.122.56-.182.894-.182.571 0 1.005.154 1.3.463.297.31.445.755.445 1.338V383zm2.935.088c-.577 0-1.03-.224-1.36-.672-.33-.449-.494-1.07-.494-1.864 0-.805.167-1.433.503-1.883.335-.45.797-.674 1.386-.674.618 0 1.09.24 1.415.72h.044a5.48 5.48 0 0 1-.1-.98v-1.573h1.344V383h-1.028l-.26-.637h-.057c-.304.483-.769.725-1.393.725zm.47-1.068c.343 0 .594-.1.754-.299.16-.199.247-.537.262-1.015v-.145c0-.527-.082-.905-.244-1.134-.163-.228-.427-.343-.794-.343a.787.787 0 0 0-.696.38c-.166.254-.248.622-.248 1.106 0 .483.083.846.25 1.087.167.242.406.363.716.363zm10.046.98l-.466-1.53h-2.342l-.466 1.53h-1.467l2.267-6.451h1.666L223.31 383h-1.468zm-.79-2.672a452.37 452.37 0 0 1-.728-2.35 6.637 6.637 0 0 1-.117-.432c-.096.375-.373 1.303-.83 2.782h1.674zm7.496 2.672h-1.34v-2.87c0-.354-.063-.62-.189-.797-.126-.177-.327-.266-.602-.266-.375 0-.646.125-.813.376-.167.25-.25.665-.25 1.245V383h-1.34v-4.913h1.023l.18.628h.075c.15-.237.355-.416.617-.538.263-.122.56-.182.895-.182.571 0 1.005.154 1.3.463.296.31.444.755.444 1.338V383zm4.5 0l-.259-.668h-.035c-.226.284-.458.481-.697.591-.238.11-.55.165-.933.165-.472 0-.844-.135-1.115-.404-.27-.27-.406-.654-.406-1.152 0-.521.182-.906.547-1.153.365-.248.915-.385 1.65-.411l.853-.027v-.215c0-.498-.255-.747-.765-.747-.392 0-.854.119-1.384.356l-.444-.905a3.994 3.994 0 0 1 1.88-.444c.66 0 1.165.143 1.517.43.352.288.527.724.527 1.31V383h-.936zm-.395-2.276l-.519.017c-.39.012-.68.082-.87.211-.19.13-.286.325-.286.589 0 .378.217.567.65.567.311 0 .56-.09.746-.268.186-.179.279-.416.279-.712v-.404zm4.052 2.276h-1.34v-6.838h1.34V383zm.703-4.913h1.467l.928 2.764c.079.24.133.524.162.853h.027c.032-.302.095-.586.189-.853l.91-2.764h1.436l-2.078 5.541c-.19.513-.462.897-.815 1.152a2.057 2.057 0 0 1-1.238.382 3.11 3.11 0 0 1-.68-.075v-1.063c.16.038.336.057.527.057a.952.952 0 0 0 .621-.217c.178-.145.316-.364.416-.657l.079-.242-1.951-4.878zm7.892 3.933c.235 0 .516-.051.844-.154v.998c-.334.15-.744.224-1.23.224-.537 0-.927-.136-1.172-.407-.244-.27-.367-.677-.367-1.22v-2.368h-.641v-.567l.738-.448.387-1.037h.857v1.046h1.375v1.006h-1.375v2.369c0 .19.053.331.16.422.107.09.248.136.424.136zm1.78-5.203c0-.437.243-.655.73-.655.486 0 .729.218.729.655 0 .208-.06.37-.182.485-.122.116-.304.174-.547.174-.487 0-.73-.22-.73-.66zM248.48 383h-1.34v-4.913h1.34V383zm3.4.088c-1.528 0-2.293-.84-2.293-2.518 0-.835.208-1.473.624-1.914.416-.44 1.012-.661 1.789-.661a3.41 3.41 0 0 1 1.529.334l-.396 1.037a6.764 6.764 0 0 0-.589-.209 1.897 1.897 0 0 0-.544-.081c-.698 0-1.046.495-1.046 1.485 0 .961.348 1.441 1.046 1.441.257 0 .496-.034.716-.103.22-.069.44-.176.659-.323v1.147a2.16 2.16 0 0 1-.657.286c-.221.053-.5.079-.837.079zm6.06-1.547c0 .504-.174.888-.524 1.151-.35.264-.874.396-1.571.396-.358 0-.662-.024-.914-.073a3.457 3.457 0 0 1-.708-.213v-1.107c.25.117.53.215.842.294.312.08.586.119.824.119.486 0 .73-.14.73-.422a.352.352 0 0 0-.097-.257 1.402 1.402 0 0 0-.334-.224 8.435 8.435 0 0 0-.633-.292c-.378-.159-.656-.305-.833-.44a1.237 1.237 0 0 1-.387-.463 1.53 1.53 0 0 1-.12-.644c0-.437.169-.774.507-1.013.338-.239.818-.358 1.44-.358.591 0 1.167.129 1.726.386l-.404.967a7.437 7.437 0 0 0-.69-.26 2.167 2.167 0 0 0-.655-.1c-.395 0-.593.107-.593.32 0 .12.064.225.191.313.128.087.407.218.837.39.384.156.665.301.844.436.179.135.31.29.396.466.084.175.127.385.127.628z"/> </g> </g> </svg> </div> </div> </div> </div> <div class='flex p-24 md:px-56 md:pt-48 md:pb-24'> <main class='w-full min-h-full lg:max-w-648'> <div class='text-grey-1000 leading-normal'> <div class='mb-32'> <div class='mb-40'> <h2 class='text-3xl font-semibold mb-32 leading-loose'>What is Algolia?</h2> <p> Algolia is a hosted search engine, offering full-text, numerical, and faceted search, capable of delivering real-time results from the first keystroke. Algolia's powerful API lets you quickly and seamlessly implement search within your websites and mobile applications. Our search API powers billions of queries for thousands of companies every month, delivering relevant results in under 100ms anywhere in the world. </p> <div class='mt-24 hidden' data-marketing='' target='_blank'> <div class="rounded-lg shadow hover:shadow-md transition-fast-out bg-y-gradient-white-grey-200 overflow-hidden relative" markdown="0"> <a href="https://dashboard.algolia.com/users/sign_up" target="_blank" data-segment="sign-up" data-segment-message="Clicked Sign Up" data-segment-source="Homepage" rel="noopener" class="block"> <div class="h-160 -mt-24 -mr-16 absolute top-0 bottom-0 right-0"> <svg class="h-full -mt-4 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 147.78 155.96"><path d="M10.5,99.81a1.9,1.9,0,0,0-.53-.09,1.66,1.66,0,0,0-1.64,1.65A1.64,1.64,0,0,0,10,103a1.57,1.57,0,0,0,.87-.25l26.76,26.82.45-1.08L11.52,101.91A1.65,1.65,0,0,0,10.5,99.81Zm-.13,2a.57.57,0,0,1-.8,0,.58.58,0,0,1-.17-.41.58.58,0,0,1,.57-.57h0a.57.57,0,0,1,.56.58A.55.55,0,0,1,10.37,101.77Z" style="fill:#c5c9e0"/><path d="M56.15,117.58H39.06l0-.09a1.65,1.65,0,0,0-1.36-1H37.5a1.65,1.65,0,1,0,1.56,2.19H55.7L92.92,156h41.44v-1.08h-41Zm-18.25.94a.56.56,0,0,1-.79,0,.58.58,0,0,1-.17-.41.57.57,0,0,1,.56-.57h0a.58.58,0,0,1,.57.58A.54.54,0,0,1,37.9,118.52Z" style="fill:#c5c9e0"/><path d="M23.52,50.32a1.65,1.65,0,0,0,1.55-1.11H55.28l48-48.13h31.06V0H102.85l-48,48.13H25.07a1.64,1.64,0,0,0-2.09-1,1.64,1.64,0,0,0,.54,3.2Zm0-2.21a.57.57,0,0,1,0,1.13.57.57,0,1,1,0-1.13Z" style="fill:#c5c9e0"/><polygon points="102.86 0 102.86 0 102.86 0 102.86 0" style="fill:#c5c9e0"/><path d="M107.72,12.14h26.64V11.07H107.27L57.4,61H3.09a1.66,1.66,0,0,0-1.45-.86H1.52A1.65,1.65,0,1,0,2.81,63a1.59,1.59,0,0,0,.45-.87H57.85ZM2.05,62.23a.57.57,0,0,1-.8,0,.58.58,0,0,1-.17-.41.57.57,0,0,1,.56-.57h.09a.57.57,0,0,1,.32,1Z" style="fill:#c5c9e0"/><path d="M134.36,43.22V42.14h-22.3l-9.62,9.63a1.64,1.64,0,0,0-2.19.77,1.61,1.61,0,0,0-.17.71,1.65,1.65,0,1,0,3.29,0,1.61,1.61,0,0,0-.16-.72l9.3-9.32Zm-32.64,10.6a.57.57,0,0,1,0-1.13.57.57,0,0,1,0,1.13Z" style="fill:#c5c9e0"/><path d="M147,52.3l-9,9H111.48a1.64,1.64,0,0,0-1.61-1.33h-.14a1.65,1.65,0,1,0,1.6,2.41h27.19l9.26-9.29L147,52.3Zm-37.15,9.85a.56.56,0,0,1-.56-.57h0a.56.56,0,0,1,.56-.56h0a.57.57,0,1,1,0,1.13Z" style="fill:#c5c9e0"/><path d="M66.79,75.35l11,11.06h56.53V85.33H78.27l-11-11.06H49.49L37.12,86.67a1.64,1.64,0,0,0-2.09,1,1.61,1.61,0,0,0-.09.54,1.65,1.65,0,0,0,3.29,0,1.68,1.68,0,0,0-.26-.89l12-12ZM36.58,88.79a.57.57,0,1,1,.57-.56A.57.57,0,0,1,36.58,88.79Z" style="fill:#c5c9e0"/><path d="M110.61,95.55,92.8,113.4a1.62,1.62,0,1,0,.77.76l17.49-17.53h23.31V95.55ZM92.49,115.28a.56.56,0,0,1-.8,0,.58.58,0,0,1-.17-.41.57.57,0,0,1,.57-.57h0a.58.58,0,0,1,.56.58A.55.55,0,0,1,92.49,115.28Z" style="fill:#c5c9e0"/><path d="M97.89,122.3H76.62L64.2,109.85a1.65,1.65,0,0,0-.77-2.2,1.77,1.77,0,0,0-.72-.17h-.14a1.65,1.65,0,0,0,.15,3.29,1.58,1.58,0,0,0,.71-.17l12.74,12.77H98.34l17.48-17.52h18.54v-1.08h-19ZM63.12,109.53a.56.56,0,0,1-.8,0,.58.58,0,0,1-.17-.41.57.57,0,0,1,1.14,0A.54.54,0,0,1,63.12,109.53Z" style="fill:#c5c9e0"/></svg> </div> <div class="flex items-center"> <img src="/doc/assets/images/illustrations/chip-3df46f7c.png" alt="" style="height:100px;" /> <div class="px-24"> <div class="text-xl font-semibold text-grey-1100 mb-4"> Start building for free today </div> <div class="flex items-center text-grey-600"> <span> No credit card required </span> <div class="h-8 w-auto ml-8 fill-current"> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16,10a1,1,0,0,0-1,1v6a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V6A1,1,0,0,1,3,5H9A1,1,0,0,0,9,3H3A3,3,0,0,0,0,6V17a3,3,0,0,0,3,3H14a3,3,0,0,0,3-3V11A1,1,0,0,0,16,10Z"/><path d="M19.92.62a1,1,0,0,0-.54-.54A1,1,0,0,0,19,0H13a1,1,0,0,0,0,2h3.59l-9.3,9.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L18,3.41V7a1,1,0,0,0,2,0V1A1,1,0,0,0,19.92.62Z"/></svg> </div> </div> </div> </div> </a> </div> </div> </div> <div class='mb-40 blue-links'> <h2 class='text-3xl font-semibold mb-32 leading-loose'>What's new in the docs</h2> <div class='mb-32'> <table class='-my-8'> <thead> <tr class='flex flex-col sm:table-row'> <th class='pt-8 pb-4 sm:pr-16 whitespace-no-wrap text-grey-700 font-normal text-sm'> Dec 11, 2024 </th> <th class='pt-8 pb-4 sm:pl-16'> Data transformations generally available </th> </tr> </thead> <tbody class='border-solid border-b border-grey-700-opacity-10'> <tr class='flex flex-col sm:table-row'> <td class='sm:pb-8 sm:pt-4 sm:pr-16'></td> <td class='pb-8 pt-4 sm:pl-16'> <p>Apply ETL transformations to clean and enrich your data when indexing your content with Algolia鈥檚 connectors.</p> <p><a href="/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/transform-your-data/">Transform your data</a></p> </td> </tr> </tbody> <thead> <tr class='flex flex-col sm:table-row'> <th class='pt-8 pb-4 sm:pr-16 whitespace-no-wrap text-grey-700 font-normal text-sm'> Oct 02, 2024 </th> <th class='pt-8 pb-4 sm:pl-16'> The next generation of the Algolia Crawler </th> </tr> </thead> <tbody class='border-solid border-b border-grey-700-opacity-10'> <tr class='flex flex-col sm:table-row'> <td class='sm:pb-8 sm:pt-4 sm:pr-16'></td> <td class='pb-8 pt-4 sm:pl-16'> <p>It鈥檚 now even easier to verify your domain and configure your crawler. Four new methods have been added and the process has been simplified for first-time users with a no-code visual interface for common configurations. The Crawler update also includes improved data ingestion for popular JSON-LD formats like article and product schemas.</p> <p><a href="/doc/tools/crawler/getting-started/overview/">Crawler documentation</a></p> </td> </tr> </tbody> <thead> <tr class='flex flex-col sm:table-row'> <th class='pt-8 pb-4 sm:pr-16 whitespace-no-wrap text-grey-700 font-normal text-sm'> Aug 19, 2024 </th> <th class='pt-8 pb-4 sm:pl-16'> Carousel layout for Recommend widgets in InstantSearch </th> </tr> </thead> <tbody class='border-solid border-b border-grey-700-opacity-10'> <tr class='flex flex-col sm:table-row'> <td class='sm:pb-8 sm:pt-4 sm:pr-16'></td> <td class='pb-8 pt-4 sm:pl-16'> <p>InstantSearch.js and React InstantSearch now provide a carousel layout to use with any of the Recommend widgets.</p> <p>Check the Recommend widgets API reference for examples and usage.</p> </td> </tr> </tbody> <thead> <tr class='flex flex-col sm:table-row'> <th class='pt-8 pb-4 sm:pr-16 whitespace-no-wrap text-grey-700 font-normal text-sm'> Aug 14, 2024 </th> <th class='pt-8 pb-4 sm:pl-16'> New major versions of all Algolia API clients </th> </tr> </thead> <tbody class='border-solid border-b border-grey-700-opacity-10'> <tr class='flex flex-col sm:table-row'> <td class='sm:pb-8 sm:pt-4 sm:pr-16'></td> <td class='pb-8 pt-4 sm:pl-16'> <p>All Algolia API clients have new major releases. We updated the API references to show code snippets in the new versions. For more information, see <a href="/doc/libraries/">API clients</a>, or check the new API reference, for example, for the <a href="/doc/rest-api/search/">Search API</a>.</p> </td> </tr> </tbody> <thead> <tr class='flex flex-col sm:table-row'> <th class='pt-8 pb-4 sm:pr-16 whitespace-no-wrap text-grey-700 font-normal text-sm'> Jul 16, 2024 </th> <th class='pt-8 pb-4 sm:pl-16'> Data transformations for connectors available as beta </th> </tr> </thead> <tbody class='border-solid border-b border-grey-700-opacity-10'> <tr class='flex flex-col sm:table-row'> <td class='sm:pb-8 sm:pt-4 sm:pr-16'></td> <td class='pb-8 pt-4 sm:pl-16'> <p>You can now test performing transformations on your source data before storing it in the destination.</p> <p><a href="/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/transform-your-data/">Transformations</a></p> </td> </tr> </tbody> </table> </div> <div class='text-center mt-24'> <a href='/doc/changelog/'> <span class='inline-block btn-skeuomorphic py-8 px-24'> See full changelog </span> </a> </div> <div class='fixed inset-0 w-full h-screen p-16 hidden items-center justify-center bg-grey-400-opacity-50 overflow-hidden z-60' data-controller='modal' data-modal-name='video'> <div class='w-936 relative flex flex-col items-end'> <button class='mb-16 py-8 px-24 flex text-grey-800 items-center bg-white fill-current transition-fast-out focus:outline-none rounded-full shadow hover:shadow-md'> <span class='flex py-2'> <span class='flex items-center h-16 w-16 mr-8 flex-grow-0 flex-shrink-0'> <span class='block px-2 w-full'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M8.41,7l5.3-5.29A1,1,0,1,0,12.29.29L7,5.59,1.71.29A1,1,0,0,0,.29,1.71L5.59,7,.29,12.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L7,8.41l5.29,5.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg> </span> </span> <span class='block flex-grow-0 flex-shrink-0 mt-2 font-sans-alt text-base leading-none' data-segment-message='Closed Watch Video' data-segment='close-algolia-video'> Close </span> </span> </button> <div class='w-full bg-white shadow-lg-outer' data-modal-body-replace='' data-modal-body=''> <div class='embed cursor-pointer' data-action='click->video#loadAndPlayVideo' data-controller='video' data-video-frame='yA4KISBv_88' data-video-full='true' data-video-lazy-load='true' data-video-start='0' markdown='0'> <div class='embed-item' id='yA4KISBv_88'> <div class='absolute inset-0 bg-center bg-cover pointer-events-none flex items-center justify-center' style='background-image: url(https://img.youtube.com/vi/yA4KISBv_88/hqdefault.jpg)'> <div class='flex items-center justify-center w-96 h-64 rounded-lg bg-y-gradient-red-400-red-500 shadow group-hover:shadow-md transition-fast-out'> <div class='h-24 w-32 m-4 fill-current flex items-center justify-center text-white'> <div class='h-full' data-target='video.playIcon'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 10"><polygon points="0 0 0 10 8 5 0 0"/></svg> </div> <div class='w-full items-center hidden' data-target='video.loadIcon'> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M43.9 25.1c0-10.3-8.4-18.7-18.7-18.7 -10.3 0-18.7 8.4-18.7 18.7h4.1c0-8.1 6.5-14.6 14.6-14.6 8.1 0 14.6 6.5 14.6 14.6H43.9z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform></path></svg> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div> <h2 class='text-3xl font-semibold mb-56 leading-loose'>Discover Algolia</h2> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 18.2"><path d="M8.88,7.93,5.61,6.79,6.45.54A.47.47,0,0,0,6.13,0a.46.46,0,0,0-.57.21L.06,9.58l0,.08a.48.48,0,0,0,.29.61l3.27,1.14-.84,6.25a.47.47,0,0,0,.32.51.41.41,0,0,0,.16,0A.47.47,0,0,0,3.64,18L9.13,8.62a.59.59,0,0,0,0-.08A.48.48,0,0,0,8.88,7.93Zm-4.33,3.2a.49.49,0,0,0-.32-.51L1.13,9.54l4.19-7L4.65,7.07A.49.49,0,0,0,5,7.58l3.1,1.08-4.19,7Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Getting started </h3> <p> A technical and non-technical introduction to the features and ecosystem of Algolia, and a step-by-step tutorial to get you up and running in minutes. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/getting-started/what-is-algolia/'> What is Algolia </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/getting-started/neuralsearch/'> NeuralSearch </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/getting-started/how-algolia-works/'> How Algolia works </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/getting-started/quick-start/'> Quickstart </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,17H2.28A2.28,2.28,0,0,1,0,14.72V11.17a.5.5,0,0,1,.5-.5.5.5,0,0,1,.5.5v3.55A1.28,1.28,0,0,0,2.28,16H14.72A1.28,1.28,0,0,0,16,14.72V11.17a.5.5,0,0,1,1,0v3.55A2.28,2.28,0,0,1,14.72,17ZM8.5,11.67a.5.5,0,0,1-.5-.5V1.71L4.41,5.3a.5.5,0,1,1-.71-.71L8.15.15h0A.31.31,0,0,1,8.31,0a.48.48,0,0,1,.18,0h0a.58.58,0,0,1,.18,0,.36.36,0,0,1,.15.1h0L13.3,4.59a.5.5,0,1,1-.71.71L9,1.71v9.46A.5.5,0,0,1,8.5,11.67Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Sending and managing data </h3> <p> A full guide on how to prepare, send, and update your data, so you get relevant results right away, along with guidance on how to manage your indices and application environment. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-and-managing-data/prepare-your-data/'> Prepare your data </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-and-managing-data/send-and-update-your-data/'> Send and update your data </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-and-managing-data/manage-indices-and-apps/manage-indices/'> Manage indices and apps </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M16.5,17H10.28a.5.5,0,0,1-.5-.5V10.28a.5.5,0,0,1,.5-.5H16.5a.5.5,0,0,1,.5.5V16.5A.5.5,0,0,1,16.5,17Zm-5.72-1H16V10.78H10.78ZM6.72,17H.5a.5.5,0,0,1-.5-.5V10.28a.5.5,0,0,1,.5-.5H6.72a.5.5,0,0,1,.5.5V16.5A.5.5,0,0,1,6.72,17ZM1,16H6.22V10.78H1ZM16.5,7.22H10.28a.5.5,0,0,1-.5-.5V.5a.5.5,0,0,1,.5-.5H16.5a.5.5,0,0,1,.5.5V6.72A.5.5,0,0,1,16.5,7.22Zm-5.72-1H16V1H10.78Zm-4.06,1H.5a.5.5,0,0,1-.5-.5V.5A.5.5,0,0,1,.5,0H6.72a.5.5,0,0,1,.5.5V6.72A.5.5,0,0,1,6.72,7.22ZM1,6.22H6.22V1H1Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Managing results </h3> <p> Follow our guides to configure relevance, so your search experience always yields the best results. Make the most of your index settings and query parameters. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/managing-results/relevance-overview/'> Relevance overview </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/managing-results/must-do/searchable-attributes/'> Must do </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/managing-results/refine-results/sorting/'> Refine results </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/managing-results/rules/rules-overview/'> Rules </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/managing-results/optimize-search-results/adding-synonyms/'> Optimize search results </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/managing-results/troubleshooting/troubleshooting-search/'> Troubleshooting </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M14.72,0H2.28A2.28,2.28,0,0,0,0,2.28V14.72A2.28,2.28,0,0,0,2.28,17H14.72A2.28,2.28,0,0,0,17,14.72V2.28A2.28,2.28,0,0,0,14.72,0ZM2.28,1H14.72A1.28,1.28,0,0,1,16,2.28V5.33H1V2.28A1.28,1.28,0,0,1,2.28,1ZM1,14.72V6.33H5.33V16H2.28A1.28,1.28,0,0,1,1,14.72ZM14.72,16H6.33V6.33H16v8.39A1.28,1.28,0,0,1,14.72,16Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Building Search UI </h3> <p> Everything you need to know about querying your data, with a full guide on InstantSearch for JS, React, Vue, iOs, and Android. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div data-controller='flavor-specific-content' data-flavor='js'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/what-is-instantsearch/js/'> What is InstantSearch </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='react'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/what-is-instantsearch/react/'> What is InstantSearch </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='vue'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/what-is-instantsearch/vue/'> What is InstantSearch </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='ios'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/what-is-instantsearch/ios/'> What is InstantSearch </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='android'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/what-is-instantsearch/android/'> What is InstantSearch </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='flutter'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/what-is-instantsearch/flutter/'> What is InstantSearch </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='js'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/getting-started/js/'> Getting started </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='react'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/getting-started/react/'> Getting started </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='vue'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/getting-started/vue/'> Getting started </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='ios'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/getting-started/ios/'> Getting started </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='android'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/getting-started/android/'> Getting started </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='flutter'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/getting-started/flutter/'> Getting started </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='js'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/installation/js/'> Installation </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='react'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/installation/react/'> Installation </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='vue'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/installation/vue/'> Installation </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='ios'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/installation/ios/'> Installation </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='android'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/installation/android/'> Installation </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='flutter'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/building-search-ui/installation/flutter/'> Installation </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='js'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/api-reference/widgets/js/'> API reference </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='react'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/api-reference/widgets/react/'> API reference </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='vue'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/api-reference/widgets/vue/'> API reference </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='ios'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/api-reference/widgets/ios/'> API reference </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='android'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/api-reference/widgets/android/'> API reference </a> </div> </div> <div data-controller='flavor-specific-content' data-flavor='flutter'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/api-reference/widgets/flutter/'> API reference </a> </div> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="12" cy="12" r="2"/><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Sending events </h3> <p> Send user events to the Insights API to enable Analytics and Algolia AI features. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-events/getting-started/'> Getting started </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-events/concepts/event-types/'> Concepts </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-events/guides/plan/'> Guides </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-events/api-client/send-ecommerce-events/'> API client </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-events/instantsearch/send-ecommerce-events/'> InstantSearch </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/sending-events/connectors/google-tag-manager/'> Connectors </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Search analytics </h3> <p> Get insights into what your users search for and what they can't find. Use these insights to optimize your settings. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/search-analytics/overview/'> Overview </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/search-analytics/concepts/metrics/'> Concepts </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/search-analytics/guides/usertoken/'> Guides </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Personalization </h3> <p> Learn how you can personalize each of your individual users' search experience. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/personalization/advanced-personalization/what-is-advanced-personalization/'> Advanced Personalization </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/personalization/classic-personalization/what-is-personalization/'> Classic personalization </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> A/B testing </h3> <p> Test the effect of different settings on click, conversion, and revenue metrics with real user traffic. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/ab-testing/what-is-ab-testing/'> What is ab testing </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/ab-testing/ab-test-implementation-checklist/'> A/B test implementation checklist </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/ab-testing/how-to-read-your-a-b-test-results/'> How to read your A/B test results </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Algolia Recommend </h3> <p> Display relevant recommendations for better discovery. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/algolia-recommend/overview/'> Overview </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/algolia-recommend/upgrade/recommend-js/'> Upgrade </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/algolia-recommend/analytics/recommend-analytics/'> Analytics </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Algolia AI </h3> <p> Learn how you can use our AI-driven features to optimize your users' search experience. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/algolia-ai/dynamic-synonym-suggestions/'> Dynamic Synonym Suggestions </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/algolia-ai/re-ranking/'> Dynamic Re-Ranking </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/algolia-ai/query-categorization/'> Query categorization </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M8.5,0A8.5,8.5,0,1,0,17,8.5,8.51,8.51,0,0,0,8.5,0ZM16,8H12.18A12.73,12.73,0,0,0,9.64,1.1,7.49,7.49,0,0,1,16,8ZM5.82,9h5.36A11.77,11.77,0,0,1,8.5,15.74,11.73,11.73,0,0,1,5.82,9Zm0-1A11.77,11.77,0,0,1,8.5,1.26,11.73,11.73,0,0,1,11.18,8ZM7.36,1.1A12.7,12.7,0,0,0,4.82,8H1A7.49,7.49,0,0,1,7.36,1.1ZM1,9H4.82a12.73,12.73,0,0,0,2.54,6.9A7.49,7.49,0,0,1,1,9Zm8.61,6.9A12.7,12.7,0,0,0,12.18,9H16A7.49,7.49,0,0,1,9.64,15.9Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Going to production </h3> <p> Make sure you're on the right track and didn't forget anything before going to production. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/going-to-production/implementation-checklist/'> Implementation checklist </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/going-to-production/case-study/'> Case study </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="M8.5,17A.54.54,0,0,1,8.28,17l-8-4a.5.5,0,1,1,.44-.9L8.5,15.94l7.78-3.89a.5.5,0,0,1,.44.9l-8,4A.54.54,0,0,1,8.5,17Zm0-4A.54.54,0,0,1,8.28,13l-8-4a.5.5,0,1,1,.44-.9L8.5,11.94l7.78-3.89a.5.5,0,0,1,.44.9l-8,4A.54.54,0,0,1,8.5,13Zm0-4A.54.54,0,0,1,8.28,9l-8-4a.5.5,0,0,1,0-.9l8-4a.49.49,0,0,1,.44,0l8,4a.5.5,0,0,1,0,.9l-8,4A.54.54,0,0,1,8.5,9ZM1.62,4.5,8.5,7.94,15.38,4.5,8.5,1.06Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Scaling </h3> <p> Discover the infrastructure that powers our engine. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/scaling/servers-clusters/'> Servers clusters </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/scaling/distributed-search-network-dsn/'> Distributed search network dsn </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/scaling/managing-multiple-clusters-mcm/'> Managing multiple clusters mcm </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/scaling/scaling-to-larger-datasets/'> Scaling to larger datasets </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/scaling/algolia-service-limits/'> Algolia service limits </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 17"><path d="M7,17A.54.54,0,0,1,6.78,17C6.5,16.81,0,13.55,0,8.5V2.9a.5.5,0,0,1,.33-.47L6.83,0a.5.5,0,0,1,.34,0l6.5,2.4A.5.5,0,0,1,14,2.9V8.5c0,5.05-6.5,8.31-6.78,8.45A.54.54,0,0,1,7,17ZM1,3.25V8.5c0,3.95,4.89,6.83,6,7.44,1.11-.61,6-3.49,6-7.44V3.25L7,1Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Security </h3> <p> We take security seriously. Take some time to check our security basics and recommendations, including API keys, user restrictions, and other best practices. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/security/api-keys/'> API keys </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/security/security-best-practices/'> Security best practices </a> </div> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/security/algolia-vault/'> Algolia vault </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg class="w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 21.08"><path d="M18.73,5.4a.44.44,0,0,0-.07-.19.46.46,0,0,0-.15-.16,2.49,2.49,0,0,0-.76-.72l-7-4a2.53,2.53,0,0,0-2.5,0l-7,4a2.49,2.49,0,0,0-.76.72.46.46,0,0,0-.15.16.44.44,0,0,0-.07.19A2.59,2.59,0,0,0,0,6.5v8a2.5,2.5,0,0,0,1.25,2.16l7,4a2.4,2.4,0,0,0,.93.29.46.46,0,0,0,.64,0,2.4,2.4,0,0,0,.93-.29l7-4A2.5,2.5,0,0,0,19,14.5h0v-8A2.59,2.59,0,0,0,18.73,5.4Zm-10-4.2a1.51,1.51,0,0,1,1.5,0l7,4a1.24,1.24,0,0,1,.18.14L9.5,9.93,1.57,5.34a1.24,1.24,0,0,1,.18-.14Zm-7,14.6A1.52,1.52,0,0,1,1,14.5v-8a1.55,1.55,0,0,1,0-.31L9,10.8v9.1a1.12,1.12,0,0,1-.25-.11ZM18,14.5a1.49,1.49,0,0,1-.75,1.29l-7,4a1.36,1.36,0,0,1-.25.11V10.8l8-4.61a1.55,1.55,0,0,1,0,.31Z"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Solutions </h3> <p> Find solutions to specific problems, discover practical examples of what Algolia can do, and find inspiration for your search experience. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/solutions/ecommerce/search/'> Ecommerce </a> </div> </div> </div> <div class='flex mb-48 md:flex-row flex-col'> <div class='flex md:mb-0 mb-32'> <div class='flex-grow-0 flex-shrink-0 mr-24'> <div class='bg-y-gradient-white-grey-200 shadow h-32 w-32 p-8 rounded text-grey-700'> <div class='flex items-center justify-center w-full h-full fill-current'> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" class="h-full" viewBox="0 0 24 24"><path d="M4 10h12M4 14h9m6-8a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2"/></svg> </div> </div> </div> <div class='md:max-w-280 w-full md:mr-40'> <h3 class='text-xl capitalize font-semibold mb-8'> Billing </h3> <p> Manage your subscription and how you'd like to pay for Algolia. </p> </div> </div> <div class='md:column-1 sm:column-2 column-1 ml-56 md:ml-0'> <div class='flex mb-16 md:mr-0 mr-24'> <div class='mt-8 mr-16'> <div class='w-8 h-8 bg-xenon-600 rounded-sm'></div> </div> <a class='text-color-inherit hover:underline' href='/doc/guides/billing/marketplaces/amazon-web-services/'> Marketplaces </a> </div> </div> </div> </div> </div> <footer class='mt-48 text-center text-grey-700 text-sm'> <p> 漏 Algolia 路 <a href="https://www.algolia.com/policies/privacy/" class="text-xenon-600 hover:underline">Privacy Policy</a> 路 <button class="text-xenon-600 hover:underline" onclick="window.OneTrust.ToggleInfoDisplay();">Cookie settings</button> </p> </footer> </div> <div data-search-results=''></div> </main> <div class='ml-64 relative w-280 xxl:block hidden'> <div class='fixed w-inherit'> <div class='-mt-400 opacity-0 pointer-events-none transition-fast-out' data-action='scroll@window->scrollspy#reveal' data-controller='scrollspy' data-scrollspy-fade='true' data-scrollspy-offset='475'> <h2 class='text-3xl font-bold leading-loose mb-24'> Interactive tutorial </h2> <p class='text-grey-700 mb-16 leading-normal'> Get a full overview of the basic settings that will take your search to the next level. </p> <div> <a class='inline-block btn-skeuomorphic btn-skeuomorphic-blue sm:py-8 py-16 px-24 mb-8 text-center' data-segment-message='Clicked Try Interactive Tutorial' data-segment-source='Sidebar' data-segment='try-interactive-tutorial' href='/doc/onboarding/'> <div class='flex items-center justify-center'> <span class='flex items-center h-16 w-auto mr-8 py-2 flex-grow-0 flex-shrink-0 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12"><path d="M5.83,5.29A.23.23,0,0,1,6,5.6s0,0,0,.05L2.3,11.88a.25.25,0,0,1-.47-.16l.54-4.24L.17,6.72A.26.26,0,0,1,0,6.4s0,0,0-.05L3.7.13a.25.25,0,0,1,.47.15L3.63,4.52Z"/></svg> </span> <span class='inline-block pt-4 pb-2'> Try interactive tutorial </span> </div> </a> <a class='inline-block btn-skeuomorphic sm:py-8 py-16 px-24 text-center' data-action='click->app#openModal click@window->app#closeAllModalsOnClickOutside' data-modal-target='video' data-segment-message='Clicked Watch Video' data-segment-source='Landing (sidebar)' data-segment='open-algolia-video' href='https://www.youtube.com/watch?v=yA4KISBv_88' rel='nofollow' target='_blank'> <div class='flex items-center justify-center'> <span class='flex items-center h-16 w-auto mr-8 py-2 flex-grow-0 flex-shrink-0 fill-current'> <svg class="block h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 10"><polygon points="0 0 0 10 8 5 0 0"/></svg> </span> <span class='inline-block pt-4 pb-2'> Algolia in 3 steps </span> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <a class='fixed xxl:block hidden right-0 bottom-0 group mr-32 py-8 px-16 mb-24 btn-skeuomorphic rounded font-sans-alt transition-fast-out z-20' data-segment-message='Clicked Need Help' data-segment='need-help' href='https://www.algolia.com/support/'> <span class='flex items-center py-2'> <img src="/doc/assets/images/support/support-75277c68.svg" class="block mr-8" alt="Support" /> <span class='text-grey-700 group-hover:text-grey-800 mt-4'> Need help? </span> </span> </a> <script crossorigin='anonymous' src='https://js.sentry-cdn.com/a1aef08d297f4cc7bb37ffea1c88e373.min.js'></script> <script data-ot-ignore src='/doc/assets/javascripts/index-ebcad9d3.js'></script> <script data-ot-ignore src='/doc/assets/javascripts/search2-c04a2110.js'></script> <script src='/doc/assets/javascripts/load-async-168b6435.js'></script> <script> window.GOOGLE_TAG_MANAGER_ID = 'GTM-N8JP8G'; window.SEGMENT_ID = 'cKQbv9nMHIUgdWswDLG0c3UdiUgBaUmA'; loadjs([ "/doc/assets/javascripts/analytics-4029c16c.js", "/doc/assets/javascripts/mutiny-d89a9f5a.js" ]); </script> </div> </body> </html>