Een onderdeel toevoegen (preview)

2025-06-25

[Dit onderwerp maakt deel uit van de voorlopige documentatie en kan nog veranderen.]

Met het zoekonderdeel kunnen gebruikers zoekopdrachten invoeren en informatie op een website vinden. Dit is vooral handig voor sites met veel inhoud, waar gebruikers snel relevante informatie moeten kunnen vinden.

Belangrijk

Dit is een preview-functie.
Preview-functies zijn niet bedoeld voor productiegebruik en bieden mogelijk beperkte functionaliteit. Deze functies zijn beschikbaar voorafgaand aan een officiële release, zodat klanten vroeg toegang kunnen krijgen en feedback kunnen geven.
Het AI-gestuurde zoekonderdeel is alleen beschikbaar op websites waarop generatieve AI Search is ingeschakeld.

Een zoekonderdeel toevoegen

Als u het zoekonderdeel in een pagina in wilt voegen:

Open de ontwerpstudio om de content en onderdelen van uw pagina te bewerken.
Selecteer de pagina die u wilt bewerken.
Selecteer de sectie waaraan u de zoekoptie wilt toevoegen.
Plaats de muisaanwijzer op een bewerkbaar canvasgebied en selecteer Zoeken in het onderdelenvenster.

Zoekbalk

Via de zoekbalk kunnen gebruikers hun zoekopdrachten invoeren.

Eigenschappen	Omschrijving
Zoekresultaat inline weergeven	Bepaalt of het resultatenoverzicht op dezelfde pagina wordt weergegeven of dat er wordt doorverwezen naar een speciale pagina met zoekresultaten.
Tekst voor tijdelijke aanduiding	Tekst die in de zoekbalk wordt weergegeven voordat de gebruiker een prompt invoert (bijvoorbeeld: "Wat wilt u zoeken?").

Overzicht doorzoeken

In de sectie met de zoekopdrachtsamenvatting wordt een door AI gegenereerde samenvatting weergegeven van relevante inhoud die van de website is opgehaald.

Eigenschappen	Omschrijving
Koptekst	De header die boven de door AI gegenereerde zoekopdrachtsamenvatting wordt weergegeven.

Een pagina met zoekresultaten toevoegen

Er wordt automatisch een standaardpagina met zoekresultaten gereserveerd wanneer een site wordt gemaakt, maar deze pagina is niet zichtbaar in de werkruimte pagina's. Het kan daarom niet rechtstreeks worden aangepast. Volg deze stappen als u een aangepaste pagina met zoekresultaten wilt maken:

Open ontwerpstudio.
Selecteer + Pagina om het dialoogvenster voor het maken van een pagina te openen.
Selecteer Andere manieren om een pagina toe te voegen, beschikbaar onderaan de pagina.
Voer de paginanaam in.
Selecteer de standaardpagina-indeling voor Zoeken.
Selecteer Toevoegen.

Notitie

Een website kan maar één zoekresultatenpagina tegelijk hebben. Als een nieuwe zoekindelingspagina wordt toegevoegd, wordt de bestaande vervangen.

Om de vorige pagina met zoekresultaten te herstellen of opnieuw toe te wijzen:

Open de beheer-app.
Ga naar Site-markeringen.
Open de sitemarkering Zoeken voor de geselecteerde website.
Werk de Pagina bij die als zoekresultatenpagina moet worden gebruikt.

Zoekresultaat

Deze sectie is alleen beschikbaar wanneer het zoekonderdeel wordt gebruikt op de aangegeven pagina met zoekresultaten.

Eigenschappen	Omschrijving
Koptekst	De kop die boven de volledige lijst met overeenkomende zoekresultaten wordt weergegeven.

Bekende problemen

Wanneer u een nieuwe pagina met zoekresultaten maakt met behulp van de standaardpagina-indeling voor zoeken, wordt het oude zoekelement kort weergegeven totdat de pagina volledig is geladen. Om dit probleem op te lossen, verwijdert u het volgende codefragment uit de Koptekst-websjabloon.

<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>

Delen via