Je Shopify-quiz openen met een knop of link

De makkelijkste manier om klanten naar een quiz te leiden, is een link op iets waar ze toch al op klikken: een banner op je homepage, een knop of een menu-item. In Shopify plak je een quizlink in elk van die onderdelen, of je voegt een van de kant-en-klare quizknoppen van de app toe.

Voordat je begint

• De bluebarry-app is geïnstalleerd en Bluebarry Core Script staat aan onder App embeds. Zie De bluebarry Shopify-app installeren.
• Je quiz is gepubliceerd.

Kopieer je quizlink

1. Ga in bluebarry naar Quiz funnels en open je quiz.
2. Klik op de publiceerknop rechtsboven. Bij een nieuwe quiz staat daar Publish quiz. Bij een gepubliceerde quiz zonder wijzigingen staat er No changes, view implementations.
3. Open de Implementation-tab en kies Shopify onder Showing instructions for.
4. Klik onder Quiz link op Copy link. De link ziet eruit als #bluebarry: gevolgd door je quiz-ID.

Nieuwe webshops zien deze link ook als Quiz trigger link aan het einde van de installatiewizard in de Shopify-app.

Zet de link op een banner, knop of menu

1. Ga in Shopify naar Online Store → Themes en klik op Customize.
2. Selecteer de banner, afbeelding of knop die de quiz moet openen.
3. Plak de quizlink in het linkveld en klik op Save.

Voor een menu-item ga je naar Online Store → Navigation, open je het menu en plak je de quizlink als link van het item. Klikt een klant erop, dan opent de quiz boven op de pagina, zonder dat de pagina opnieuw laadt.

Of gebruik een blok met een quizknop

Liever een opgemaakte knop zonder met links te werken? De app voegt twee knopblokken toe aan je thema-editor.

Bluebarry Quiz Button (elke pagina)

1. Klik in de thema-editor op Add block of Add section, open Apps en kies Bluebarry Quiz Button.
2. Plak je quiz-ID in Advisor ID. Dat is het deel van de quizlink na #bluebarry:.
3. Stel de Button text in en, als je wilt, de kleuren, het lettertype, de hoekafronding en de padding. Full width maakt de knop zo breed als de sectie.
4. Klik op Save.

Quiz Button (collectiepagina's)

Dit blok staat in je collectietemplate en verschijnt alleen op de collecties die je in bluebarry kiest. Je voegt het één keer toe en regelt de rest vanuit bluebarry.

1. Open in de thema-editor een collectiepagina en voeg het app-blok Quiz Button toe. Pas de opmaak aan en klik op Save.
2. Open in bluebarry de quiz en ga naar de Launch-tab.
3. Zet in de kaart Quiz button de collecties aan waar de knop moet verschijnen. Een collectie die al een andere quiz toont, krijgt het label Enabled for another quiz.

Hoe de quiz opent

Hoe de quiz verschijnt, bepaal je op de Launch-tab onder Choose your preferred display type: Pop-up, Side panel, Embedded of Full page. De link en de knopblokken volgen die keuze.

Volgende stappen

• Je quiz tonen als pop-up
• Product check toevoegen aan productpagina's
• Een quiz starten met een knop op andere platforms