Ajouter un composant de recherche

Le composant de recherche permet aux utilisateurs de saisir des requêtes et de rechercher des informations sur un site Web. Il est particulièrement utile pour les sites à contenu lourd où les utilisateurs ont besoin de localiser rapidement des informations pertinentes.

Important

Procédure d’ajout d’un composant de recherche

Pour insérer le composant de recherche dans une page :

  1. Ouvrez le studio de conception pour modifier le contenu et les composants de votre page.
  2. Sélectionnez la page que vous souhaitez modifier.
  3. Sélectionnez la section à laquelle vous souhaitez ajouter la recherche.
  4. Survolez une zone de canevas modifiable et sélectionnez Rechercher dans le volet Composant.

Capture d’écran de l’ajout du composant Rechercher à une page dans le studio de conception.

La barre de recherche permet aux utilisateurs de saisir leurs requêtes.

Propriété Description
Afficher le résultat de recherche en ligne Détermine si le résumé des résultats s’affiche sur la même page ou redirige vers une page de résultats de recherche dédiée.
Texte de remplacement Texte affiché à l’intérieur de la barre de recherche avant que l’utilisateur ne saisisse une requête (par exemple, « Que souhaitez-vous rechercher ? »).

Résumé de la recherche

La section Résumé de la recherche affiche un résumé généré par l’IA du contenu pertinent récupéré à partir du site web.

Propriété Description
Texte du titre En-tête affiché au-dessus du résumé de la recherche généré par l’IA.

Ajouter une page de résultats de recherche

Une page de résultats de recherche par défaut est automatiquement configurée lors de la création d’un site, mais cette page n’est pas visible dans l’espace de travail Pages. Par conséquent, il ne peut pas être personnalisé directement. Si vous devez créer une page de résultats de recherche personnalisée, procédez comme suit :

  1. Ouvrez le studio de conception.
  2. Sélectionnez + Page pour ouvrir la boîte de dialogue de création de page.
  3. Sélectionnez Autres façons d’ajouter une page, disponible en bas de la page.
  4. Entrez le nom de la page.
  5. Sélectionnez la mise en page standard de Recherche.
  6. Sélectionnez Add.

Note

Un site Web ne peut avoir qu’une seule page de résultats de recherche à la fois. L’ajout d’une nouvelle page de disposition de recherche remplace la page existante.

Pour restaurer ou réaffecter la page de résultats de recherche précédente :

  1. Ouvrez l’application de gestion.
  2. Accédez à Marqueurs de site.
  3. Ouvrez le marqueur de site de Recherche pour le site web sélectionné.
  4. Mettez à jour la Page à utiliser comme page de résultats de recherche.

Résultat de la recherche

Cette section n’est disponible que lorsque le composant de recherche est utilisé sur la page de résultats de recherche désignée.

Propriété Description
Texte du titre En-tête affiché au-dessus de la liste complète des résultats de recherche correspondants.

Problèmes connus

Lorsque vous créez une nouvelle page de résultats de recherche à l’aide de la disposition de page standard de recherche, l’ancien contrôle de recherche apparaît brièvement jusqu’à ce que la page soit complètement chargée. Pour résoudre ce problème, supprimez l’extrait de code suivant du modèle web d’en-tête.

<section class="page_section {{ section_class | h }} color-inverse">
    <div class="row sectionBlockLayout sectionFixedStyle" style="display: flex; flex-wrap: wrap; text-align: center;">
        <div class="container" style="display: flex; flex-wrap: wrap;">
            <div class="col-lg-12 columnBlockLayout" style="display: flex; flex-direction: column; justify-content: center;">
                {% if current_page == sr_page %}
                <h1 id="mainContent">{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
                {% include 'Search' search_id:'search_control' %}
                {% endif %}
            </div>
        </div>
    </div>
</section>
  • Last updated on