SEARCH UI

Le raccourci vers une interface utilisateur de recherche complète

Créez des interfaces de recherche et des composants de recherche configurables avec quelques lignes de code. Créez des expériences de recherche entièrement personnalisables assorties de capacités de filtrage enrichies permettant à vos utilisateurs de trouver exactement ce dont ils ont besoin.

Essayez Search UI
videoImage

Apprenez comment ajouter une fonctionnalité de recherche enrichie et pertinente à vos applications et sites web avec Elastic.

Regarder la vidéo

Commencez à utiliser Search UI pour concevoir des expériences de recherche modernes.

Lire la documentation

Souvent, l'expérience de recherche sur votre site web est le principal élément moteur de la satisfaction des utilisateurs. Découvrez comment renforcer l'intérêt des visiteurs de votre site web.

Lire l'article

Flexible

Compatibilité avec React

Search UI est conçu pour fonctionner avec React sans configuration, grâce aux connecteurs prédéfinis d'Elastic App Search et d'Elastic Site Search. Téléchargez et importez. C'est aussi simple que cela.

npm install --save @elastic/react-search-ui @elastic/search-ui-app-search-connector

const connector = new AppSearchAPIConnector({
    searchKey: "search-soaewu2ye6uc45dr8mcd54v8",
    engineName: "national-parks-demo",
    hostIdentifier: "host-2376rb"
  });

  export default function App() {
    return (
      <SearchProvider
        config={{
          apiConnector: connector
        }}
      >
        {() => (
          <div className="App">
            <SearchBox />
            <Results
              titleField="title"
              urlField="nps_link"
            />
          </div>
        )}
      </SearchProvider>
    );
  }

FONCTIONNALITÉS

Préconfiguré avec Search UI

Ajoutez des fonctionnalités de recherche courantes et prêtes à l'emploi aux applications de recherche en front-end afin d'aider les utilisateurs à obtenir des résultats précis plus rapidement. Mettez rapidement en œuvre les meilleures pratiques en matière d'expérience utilisateur pour la recherche.

  • Recherche avec saisie semi-automatique

    Ajoutez des champs de recherche avec saisie semi-automatique qui affichent des éléments correspondant aux requêtes des utilisateurs afin de leur fournir des réponses rapides.

  • Filtrage, recherche à facettes, tri

    Offrez aux utilisateurs la possibilité de restreindre manuellement les résultats de recherche pour qu'ils correspondent à leurs critères.

  • Pagination et surbrillance

    Facilitez l'analyse des résultats de recherche grâce à la pagination automatique des résultats et à la surbrillance des correspondances de termes de recherche.

  • Typeahead

    Utilisez des outils de prédiction de mots pour proposer des suggestions aux utilisateurs à mesure qu'ils tapent leurs requêtes.

Lancez-vous rapidement

Simplicité, flexibilité, puissance

Créez des interfaces de recherche à l'aide d'une série de composants optimisés pour les mobiles et personnalisables en fonction de votre cas d'utilisation.

  • Soyez opérationnel en 5 minutes

    Téléchargez, sélectionnez vos composants et ajoutez quelques lignes de code à votre application.

  • Open source, entièrement personnalisable

    Chaque composant peut être adapté et modifié à volonté pour créer des expériences immersives uniques. Et tout est open source.

  • Un front-end flexible

    Tirez parti de la logique du framework et étendez-la avec vos propres composants.

  • Synchronisation URL

    Les filtres, les requêtes, la pagination et tous les paramètres de requête sont automatiquement capturés dans l'URL pour offrir une expérience utilisateur optimale.

  • Interopérabilité

    Search UI peut être utilisé avec n'importe quel service de recherche, et est équipé de connecteurs préconstruits pour Elasticsearch.

  • React, version simple, etc.

    Entièrement écrite en Typescript, la bibliothèque sous-jacente à laquelle Search UI est adossé peut être utilisée avec n'importe quel framework JavaScript.

Lancez-vous sur Elastic Cloud

Optez pour un déploiement ultra-complet sur le fournisseur cloud de votre choix. En tant que créateurs d'Elasticsearch, nous mettons nos fonctionnalités et notre support technique au service de vos clusters Elastic dans le cloud.

Démarrer un essai gratuit