Met collectiepagina's krijgen je Shopify-collecties de look van je zoekresultaten. Je maakt één paginatemplate in bluebarry, past die toe op zoveel collecties als je wilt en publiceert hem in je thema. Je producten blijven precies waar ze staan. Alleen de pagina eromheen verandert.
Wat het voor je klanten doet
Een collectiepagina is vaak de drukst bezochte pagina van een webshop, en in veel thema's ook de kaalste. Met een bluebarry-template kun je:
- elke collectie dezelfde look geven als je zoekresultaten, zonder themacode aan te raken. Pas je je zoekontwerp aan, dan veranderen je collectiepagina's mee.
- twijfelende klanten helpen met een quizbanner, of met een banner tussen de productrijen die een quiz opent.
- terugkerende klanten boven de producten een rij met keuzes voor hen tonen, uit hun quizresultaten en wat ze bekeken.
- de producten die verkopen vooraan zetten, met Smart order.
Waar je het vindt
Ga in de zijbalk van Studio onder Live on your store naar Collection pages. Staat het nog niet in de zijbalk? Een module verschijnt pas onder Live on your store als hij live is of een concept heeft. Klik op + Add a module en dan op Add naast Collection pages, en Barry zet het samen met je op. Elke kaart is één template. Je ziet aan welke collecties hij gekoppeld is, wanneer hij voor het laatst is bijgewerkt en de status: Draft (nog niet in je webshop) of Published (live op de gekoppelde collecties). Met Search templates... en het filter Status vind je snel de juiste. Via het menu op elke kaart kun je hem hernoemen (Rename), kopiëren (Duplicate) of verwijderen (Delete).
Zo werkt het
Elke template doorloopt in de editor dezelfde drie tabbladen:
- Design: secties ordenen en vormgeven, zelf of met Barry. Het canvas toont een van je echte collecties.
- Assign: kiezen welke Shopify-collecties de template gebruiken. Een collectie gebruikt één template tegelijk.
- Launch: de pagina bekijken in je echte webshop en publiceren. Tot die tijd verandert er niets in je webshop.
Bij het publiceren komt de template in je live Shopify-thema, en elke gekoppelde collectie schakelt erop over. Je thema toont de pagina, dus die laadt als elke andere pagina van je webshop en zoekmachines zien de volledige inhoud. Zet je de publicatie terug, dan krijgt elke collectie haar vorige opmaak terug.
De secties op een pagina
Een nieuwe template begint met de secties Collection hero, Product grid (productraster) en SEO text. Je kunt een Quiz banner en meer van deze secties toevoegen en de volgorde aanpassen.
| Sectie | Wat klanten zien |
|---|---|
| Collection hero | De bovenkant van de pagina. Toont de titel en beschrijving van de collectie uit Shopify, eventueel met kruimelpad, aantal producten, afbeelding en knop. |
| Product grid | Je zoekresultatenpagina, met de producten van je collectie, filters, sorteren en pagina's. Tussen de rijen kunnen banners staan, bijvoorbeeld een die een quiz opent. Elke pagina heeft precies één productraster. |
| Quiz banner | Een uitnodiging voor een van je quizzen. |
| SEO text | De beschrijving van de collectie uit Shopify, als goed leesbaar tekstblok onder de producten, eventueel met een Show more-knop. |
Wat in Shopify blijft
bluebarry verandert het ontwerp, niet je catalogus. Shopify bepaalt nog steeds welke producten in een collectie zitten, de prijzen en voorraad, de sortering van de collectie (tenzij je Smart order aanzet, dat die voor je instelt), de paginering en de filters die je in de Shopify-app Search & Discovery hebt ingesteld. Titels, beschrijvingen en afbeeldingen van collecties komen ook uit Shopify. Elke collectie die een template deelt, toont dus nog steeds haar eigen inhoud.
Voordat je begint
- De bluebarry Shopify-app is geïnstalleerd en je collecties zijn gesynchroniseerd. Je ziet ze onder Store data → Collections.
- Je live thema is een Online Store 2.0-thema. Bijna elk actueel Shopify-thema is dat. Oudere vintage thema's kunnen geen collectiepagina's gebruiken.
- De bluebarry app embed staat aan in je thema. De pagina zelf werkt ook zonder, maar quizbanners en alles voor terugkerende klanten hebben hem nodig.
Hoe het samenhangt met de rest van bluebarry
- Zoeken: het productraster is je zoekresultatenpagina. Het neemt je zoekontwerp, labels en CSS live over.
- Quizzen: quizbanners openen je quizzen, en quizresultaten vullen de rij “Voor jou”.
- Barry: in de editor ontwerpt Barry de pagina met je mee. Vraag om een stijl, een banner of een aanpassing voor mobiel en zie het canvas veranderen.
De collecties die je zoekdropdown voorstelt, zijn een aparte lijst voor je hele webshop, die je beheert bij de zoekfunctie. Die lijst gebruikt dezelfde gesynchroniseerde collecties, maar templates voor collectiepagina's veranderen er niets aan.