Hoe zet ik een zoekfunctie op mijn website (ook live zoeken)?

Drie manieren

• Een zoekknop in het menu: een vergrootglas dat naar de zoekpagina gaat.
• Een zoekveld in de menubalk, de topbar, een footerwidget of op een pagina.
• Een zoekveld met live zoeken: resultaten verschijnen onder het veld terwijl je typt.

Een zoekknop in het menu (Zoek item)

Ga naar Menu’s en open het menu. Links staat het blok Zoek item. Vink Zoek item toevoegen aan en klik op Toevoegen aan menu. Er komt een item met de naam [Search] in je menu. Laat die naam staan: op je website wordt het een vergrootglas. Klik op Menu opslaan.

Het vergrootglas linkt naar de zoekpagina van je website. Er klapt geen zoekveld open. Lees ook het hoofdmenu aanpassen.

Een zoekveld met de shortcode

De shortcode [lef_search] zet een zoekveld neer. Je gebruikt hem op deze plekken:

• In de menubalk: kies Shortcode bij Menu balk weergave en zet de shortcode in Menu balk shortcode. Zie de menubalk indelen.
• In de topbar: in Topbar shortcode.
• Op een pagina of in de footer: in een Tekst-blok of Tekst-widget.

Zet maar één zoekveld op een pagina. Twee zoekvelden op dezelfde pagina kunnen elkaar in de weg zitten.

Live zoeken aanzetten

Ga naar Algemene opties en klik op Zoeken. Zet Live zoeken inschakelen aan. Vanaf dan toont elk zoekveld met [lef_search] resultaten in een lijst onder het veld, zodra een bezoeker drie letters heeft getypt. Wil je op één plek toch een gewoon zoekveld, gebruik daar dan [lef_search ajax=false].

Zoeken in

Bij Zoeken in kies je wat er in de live resultaten mag verschijnen: Producten, Berichten en Pagina’s. Producten zie je alleen als je website een webshop heeft.

Meer resultaten laden

Bij Meer resultaten laden kies je wat er gebeurt als een bezoeker onderaan de resultaten komt: Automatisch meer laden bij scrollen of Een ‘Toon meer’-knop tonen. Klik op Updaten.

De zoekresultatenpagina en zijbalk

Drukt een bezoeker op Enter of klikt hij op het vergrootglas, dan komt hij op de pagina met zoekresultaten. Wil je daar een zijbalk, bijvoorbeeld met je populairste pagina’s? Zet Search pagina sidebar aan in Algemene opties, tabblad Footer, en vul het gebied Zoek pagina zijbalk in Widget’s. Zie widgets gebruiken.

Lukt het niet?

• In je menu staat de tekst [Search]. Dat zie je alleen in het beheer. Op je website is het een vergrootglas. Verander de naam niet.
• Er verschijnen geen live resultaten. Zet Live zoeken inschakelen aan en typ minstens drie letters. Staat er ajax=false in de shortcode, haal dat dan weg.
• Producten of pagina’s komen niet in de resultaten. Vink ze aan bij Zoeken in.
• Het zoekveld is weg op je telefoon. Het staat in de menubalk of topbar, en die zijn op mobiel verborgen. Voeg het Zoek item toe aan het mobiele menu.
• Kom je er niet uit? Neem contact met ons op.