Een knop is de eenvoudigste manier om je quiz aan te bieden: "Vind jouw perfecte match" op een collectiepagina, in het menu of op de homepage. Klanten klikken erop en de quiz opent over de pagina, in de weergave die je op de Launch-tab hebt gekozen. Er laadt niets tot ze klikken, dus de knop maakt je pagina niet trager.
Op Shopify: gebruik de app-blokken
Een knop op collectiepagina's, alleen zichtbaar waar de quiz past:
- Ga in de zijbalk naar Quizzes en klik op Edit bij je quiz.
- Open de Launch-tab. Met een gekoppelde Shopify-webshop zie je Quiz button.
- Zet de collecties aan waar de knop moet verschijnen.
- Voeg in je Shopify-thema-editor één keer het app-blok Quiz Button toe aan je collectietemplate en pas daar de opmaak aan.
Het blok kan gewoon in je template blijven staan. bluebarry toont het alleen op de collecties die je hebt aangezet en opent voor elke collectie de juiste quiz.
Een knop ergens anders, zoals op de homepage of in een landingssectie: voeg in de thema-editor het app-blok Bluebarry Quiz Button toe en vul bij Advisor ID de ID van je quiz in. Die ID vind je in de quizlink op de Implementation-tab (het deel na #bluebarry:). Zie ook Je Shopify-quiz openen met een knop of link.
In elke andere webshop: een link of een snippet
- Publiceer je quiz, klik daarna op de publiceerknop rechtsboven in de editor en open de Implementation-tab.
- Kopieer de Quiz link. Die ziet eruit als
#bluebarry:gevolgd door je quiz-ID. - Gebruik hem als link van een knop, tekstlink of menu-item in de editor van je webshop. Geen code nodig.
Liever een kant-en-klare knop? Klap Button open en kopieer de HTML. Developers kunnen met Custom trigger de quiz vanuit hun eigen code openen. Voor allebei moet het bluebarry-script op de pagina staan. Zie Je quizfunnels aan je webshop toevoegen.
Tips
- Zeg wat klanten krijgen, niet wat ze doen: "Vind je maat" werkt beter dan "Start de quiz".
- Zet de knop waar mensen twijfelen, bijvoorbeeld boven een lang productoverzicht.
- Wil je dat de quiz zonder klik opent? Zie Starten als pop-up.