bluebarry.
ReviewsPrijzenResources
LoginBoek demoBoek een demo van 15 min
Helpcentrum/Zoeken/De zoekfunctie live zetten in je webshop

De zoekfunctie live zetten in je webshop

Martijn Douma
Martijn Douma · Medeoprichter bluebarry
Bijgewerkt op 26 september 2026

Ziet je configuratie er in de preview goed uit, dan zet je hem in de stap Launch voor je klanten live. Op Shopify en CCV Shop is dat één schakelaar. Op andere platforms kies je hem in een plugin of plak je een korte snippet. Tot die tijd houdt je webshop zijn eigen zoekfunctie.

Open de configuratie onder Merchandising → Search en klik bovenaan op Launch. Wat je ziet, hangt af van het platform waarop je webshop draait.

Shopify en CCV Shop

Je koppeling laadt bluebarry al in je webshop, dus je hoeft niets te plakken.

  1. Zet onder Search on your storede schakelaar aan. De regel ernaast verandert in "On. Your store's search box uses this configuration."
  2. Open je webshop in een nieuw venster en zoek iets. De bluebarry-dropdown opent vanuit je bestaande zoekbalk.

Wil je terug naar de eigen zoekfunctie van je webshop, zet de schakelaar dan uit.

Op Shopify draait de zoekfunctie via de bluebarry app embed in je thema. Zet je de zoekfunctie aan en verandert er niets in je webshop, controleer dan of de embed is ingeschakeld. Lees de Shopify app embed instellen. Heb je meerdere CCV Shop-webshops, dan gebruikt elke gekoppelde webshop dezelfde configuratie.

De stap Launch voor een Shopify-webshop met de zoekfunctie aangezet en de volledige resultatenpagina ingeschakeld

Eén configuratie tegelijk

De zoekbalk van je webshop kan één configuratie tegelijk gebruiken. Staat er al een andere configuratie aan, dan waarschuwt Studio dat deze hem vervangt. Zo wissel je makkelijk: bereid een duplicaat voor, controleer het met de previewlink en zet het hier aan.

De zoekfunctie beperken tot bepaalde Shopify-markten

Op Shopify kies je onder Which markets run searchin welke markten de zoekfunctie van bluebarry draait. Vul de handles van de markten in zoals ze in Shopify staan, onder Instellingen, Markten, gescheiden door komma's, bijvoorbeeld nl. Laat het leeg om de zoekfunctie in elke markt te laten draaien. Markten die je weglaat, houden de eigen zoekfunctie van je thema. Dat is handig als je zoekfunctie in één taal is ingericht en je webshop in meerdere talen verkoopt. Je kunt dit al instellen voordat je de zoekfunctie aanzet.

WooCommerce

De bluebarry-plugin laadt de zoekfunctie in je webshop. Je kiest de configuratie in WordPress, niet in Studio.

  1. Open in je WordPress-beheer Bluebarry in de zijbalk.
  2. Zorg dat je API-sleutel is ingevuld en opgeslagen. De lijst met configuraties wordt daarmee geladen.
  3. Kies onder On-site search je configuratie en klik op Save Settings.

Wil je de zoekfunctie weer uitzetten, kies dan Disabled. Nieuw met de plugin? Lees WooCommerce koppelen.

Andere platforms

Op Magento, Lightspeed of een maatwerkwebshop toont de stap Launch twee snippets waarin je eigen ID's al zijn ingevuld. Kopieer ze met de kopieerknop en plak ze allebei in de <head> van je webshop.

  1. Add the bluebarry SDK laadt bluebarry in je webshop. Gebruik je daar al quizzen van bluebarry, dan staat deze er waarschijnlijk al.
  2. Initialize this configuration vertelt bluebarry welke configuratie het moet gebruiken.

De zoekfunctie koppelt zich vanzelf aan de bestaande zoekbalk van je webshop. Gebruikt je thema een ongebruikelijk zoekveld, dan kan je developer de zoekfunctie daarop richten met de optie searchSelector die onder de snippet staat. Omdat de configuratie in de snippet staat, kun je een tweede webshop een andere configuratie geven.

Heb je naast een Shopify-, CCV Shop- of WooCommerce-webshop nog een tweede webshop? Open in de stap Launch Adding this to another storefront too? Install it manually voor dezelfde snippets.

De volledige resultatenpagina

De dropdown handelt de meeste zoekopdrachten af. Op de volledige zoekresultatenpagina komen klanten als ze op Enter drukken of op View all results klikken, met filters, sortering en alle passende producten. Je stelt hem in onder Full results page in de stap Launch.

Op Shopify en CCV Shop

Klik op Turn on. De resultaten van bluebarry verschijnen nu op de eigen zoekpagina van je webshop (/search op Shopify). Er wordt niets in je thema geschreven. Klik op Turn off en je oorspronkelijke zoekpagina is terug zoals hij was.

De resultatenpagina toont altijd de configuratie die voor je webshop aanstaat. Zet hem aan vanuit de stap Launch van die configuratie.

Op WooCommerce en andere platforms

  1. Maak in je webshop een pagina voor zoekresultaten aan, of gebruik een bestaande.
  2. Vul het adres ervan in het veld in, bijvoorbeeld /search.
  3. Plak deze regel op die pagina, op de plek waar de resultaten moeten verschijnen:
<div data-bluebarry-serp></div>

Zodra het adres is opgeslagen, biedt de dropdown View all results aan en brengt Enter klanten naar die pagina.

Wat de status betekent

De kaart bovenaan de stap Launch vertelt je of klanten deze configuratie gebruiken.

Statusmeldingen in Launch
StatusWat het betekent
Search is live and receiving searchesJe webshop gebruikt deze configuratie en er komen zoekopdrachten binnen.
Waiting for the first search…De zoekfunctie staat aan, of is met een snippet geïnstalleerd, maar nog geen klant heeft gezocht. Bij de eerste zoekopdracht wordt hij live. Blijft hij hier hangen, zoek dan zelf in je webshop en controleer de installatie.
Search is turned offDe zoekbalk van je webshop gebruikt deze configuratie niet. Zet hem aan onder Search on your store. Deze status verschijnt op Shopify en CCV Shop.

Op de pagina Configurations toont een kaart Live als die configuratie de afgelopen 30 dagen zoekopdrachten heeft ontvangen.

Volgende stappen

  • Wacht een week en bekijk dan de zoekanalyses op zoekopdrachten die niets vinden.
  • Bepaal wat de resultatenpagina toont in zoekresultaten en filters instellen.

Gerelateerde artikelen

Zoeken instellen

Voeg een zoekconfiguratie toe, doorloop de begeleide setup van Start tot Preview, bekijk hem in je eigen webshop en start hem later opnieuw of dupliceer hem.

Artikel lezen →

WooCommerce koppelen

Installeer de bluebarry-plugin voor WordPress, vul je Tenant ID en API-sleutel in, kies hoe producten synchroniseren en zet zoeken aan voor je WooCommerce-webshop.

Artikel lezen →

Zoekanalyses lezen

Begrijp elke zoekstatistiek, los zoekopdrachten zonder resultaat op met synoniemen en redirects, vind je populairste zoekopdrachten en meet je segmentregels.

Artikel lezen →

Kom je er niet uit? Wij helpen je verder.

Onze handleidingen zijn geschreven door de mensen die het product bouwen. Blijft er een vraag over, neem dan contact op. We helpen je verder en verbeteren de handleiding.

Neem contact opPraat mee op Discord, altijd gratis
bluebarry.

We helpen beauty-, health- en outdoormerken hun droom-AOV te bereiken

[email protected]+31 6 57 16 10 87De Ried 10, 9285KK Buitenpost (Nederland)
Martijn DoumaStan van RooyAnco PostmaJelmer Reitsma

Wij verhogen jouw AOV.

Platform
Quiz funnelsLandingspagina'sProduct QuizProductaanbevelingenSearchIntegratiesPrijzen
Resources
CasesHelp centerVeelgestelde vragenVergelijk
Bedrijf
Neem contact opPartners & affiliateReviewsDemo aanvragen
Boek een demo van 15 min
© 2026 bluebarry. Alle rechten voorbehouden.
PrivacybeleidCookiebeleidAlgemene voorwaardenSNN
English/Nederlands/Deutsch
bluebarry