De zoekbalk van je website aanpassen
5 min
In dit artikel
- De instellingen van de zoekbalk aanpassen
- De indeling van de zoekbalk wijzigen
- Het ontwerp van de zoekbalk aanpassen
Met Wix Site Search kunnen bezoekers naar alles op je website zoeken. Deze app wordt geleverd met een volledig aanpasbare zoekbalk, zodat je het uiterlijk en de functionaliteit ervan kunt aanpassen aan jouw behoeften.
Belangrijk:
De Studio Editor heeft een nieuwe zoekervaring die nog niet beschikbaar is in de Wix Editor. Als je website is gemaakt met behulp van een template in de Studio Editor, moet je het oude Site Search-element verwijderen en daarna de Wix Site Search-app aan je website toevoegen om de nieuwe zoekervaring in te schakelen.
Tip:
Je kunt ook de pagina met zoekresultaten aanpassen waar de resultaten worden weergegeven.
De instellingen van de zoekbalk aanpassen
Pas je zoekbalk aan door de placeholder-tekst te bewerken (de initiële tekst die wordt weergegeven voordat bezoekers beginnen te typen) en de responsiviteit te verfijnen om te bepalen of resultaten worden weergegeven terwijl de bezoeker typt of pas nadat hij of zij klaar is.
Om de instellingen van je zoekbalk aan te passen:
Wix Editor
Studio Editor
- Klik op de zoekbalk in je editor.
- Klik op Instellingen.
- Pas de instellingen van de zoekbalk aan:
- Resultaatsuggesties en trending items:
- Schakel Toon resultaatsuggesties wanneer bezoekers beginnen te typen in of uit om suggesties weer te geven of te verbergen terwijl ze zoeken.
- Schakel Toon trending items vóór zoeken in of uit om trending items in je zoekbalk weer te geven of te verbergen.
- Pictogram en tekst:
- Schakel Zoekpictogram weergeven in of uit om het zoekpictogram in je zoekbalk weer te geven of te verbergen.
- Schakel Placeholder-tekst weergeven in of uit om tekst in je zoekbalk weer te geven of te verbergen.
- Indien ingeschakeld: Voer de tekst in het daarvoor bestemde veld in, bijvoorbeeld 'Zoeken'.
- Knop 'Wissen':
- Pictogram: Voegt een X-pictogram toe aan de zoekbalk.
- Tekst: Voegt een knop toe aan de zoekbalk met de tekst die je opgeeft.
- Resultaatsuggesties en trending items:
De indeling van de zoekbalk wijzigen
Pas de uitlijning, marges en algehele structuur van je zoekbalk aan om deze beter te integreren met het ontwerp van je website.
Om de indeling van je zoekbalk te wijzigen:
Wix Editor
Studio Editor
- Klik op de zoekbalk in je editor.
- Klik op het Indeling-pictogram
.
- Kies een indelingsoptie (met of zonder knop).
- Pas de uitlijning, afstand en opvulling van je pictogrammen en tekst aan.
Let op:
De beschikbare indelingsopties (uitlijning, afstand en opvulling) verschillen afhankelijk van de indeling die je in stap 3 hebt gekozen.
Het ontwerp van de zoekbalk aanpassen
Je kunt het ontwerp van je zoekbalk aanpassen voor elk van de volgende statussen:
- Normaal: Wanneer je balk niet in gebruik is.
- Aanwijzen: Wanneer bezoekers de balk aanwijzen.
- Focus: Wanneer bezoekers op de balk hebben geklikt.
Om het ontwerp van je zoekbalk aan te passen:
Wix Editor
Studio Editor
- Klik op de zoekbalk in je editor.
- Klik op het Ontwerp-pictogram
.
- Selecteer een vooraf ingesteld ontwerp.
- Klik op Ontwerp aanpassen om het verder te ontwerpen.
- Klik op een tabblad om te kiezen welke toestand je wilt aanpassen: Standaard, Aanwijzen of Focus.
- Pas de kleuren, randen, hoeken, schaduwen en tekst aan voor elk van de beschikbare statussen.
Wijzig de positie van je zoekbalk:
Om je zoekbalk te verplaatsen, klik en sleep je deze naar de kop- of voettekst van je website.