De PersonaCart Journey, bericht 17 van 21 - 21-27 september 2026
Een productpagina die je kunt indelen | PersonaCart Journey
In de week van 21-27 september bouwden we de bloklijst voor de hero van de productpagina en winkelkaarten die het producttype volgen. Een uitgeschreven terugblik.
Vinod Morya
Co-founder, PersonaCart • 12 oktober 2026
Dit is een uitgeschreven terugblik op 21 tot 27 september 2026. Ik schrijf het op 12 oktober op basis van onze commitgeschiedenis, niet als live dagboek. Behandelde periode: 21-27 september 2026.
Kort samengevat
- De productpagina kreeg nieuwe hero-lay-outs en een bloklijst, zodat jij bepaalt wat boven de vouw staat.
- Winkelkaarten passen zich nu aan het type product aan dat ze tonen.
- "Make video" rendert nu op je eigen apparaat, vanuit een korte begeleide set vragen.
Het belangrijkste: een productpagina die je kunt indelen
De productpagina is waar de meeste kopers beslissen. Tot deze week had het bovenste deel, de hero, één vaste vorm. In de app op onze staging-branch komt de hero nu in meerdere lay-outs en kan elk onderdeel zelfstandig worden geschaald.
De grote verandering is de bloklijst van de hero. De hero is een verzameling onderdelen: titel, prijs, beschrijving, optiekiezer, aantal, koopknop, kenmerkregels en meer. Een nieuwe bediening "What shows" is de ene plek om elk onderdeel aan of uit te zetten. Een product kan de standaardlijst van het thema volgen, of je kunt hem voor dat product aanpassen, met een knop Reset die je terugbrengt naar de standaard. De standaardlijst tekent de pagina precies zoals die eerder eruitzag, dus bestaande pagina's veranderen niet.
Ander werk aan de hero:
- Een rij detailchips onder de titel (bijvoorbeeld "Online", "Geschikt voor beginners").
- Een optionele waarde bij elke kenmerkregel, zoals wat een bonus waard is.
- Aantal, een knop Nu kopen, een keuze in optiestijl en miniaturen voor telefoons, naar het voorbeeld van de bedieningen die Shopify's productsectie zijn verkopers geeft.
- Op een telefoon zweeft de knop Delen in de hoek van de foto.
- Miniaturen op desktop staan in gelijke kolommen.
Een koper die het product al kocht, ziet nu een dunne strook boven de hero: "Je kocht dit op een datum, Bestelling bekijken". Bij een boeking staat er wanneer de volgende sessie is, met een link om die te beheren. Bij een event staat er hoeveel tickets hij heeft, met links ernaartoe.
Winkelkaarten die weten wat ze verkopen
De winkelpagina toont producten in kaarten. We bouwden vijf gedeelde kaartontwerpen: Compact, Cover, Spotlight, Ticket en Headline. Elk past zich aan het producttype aan, zodat een cursus, een dienst en een event niet dezelfde feiten tonen. De woorden op de knop veranderen ook per type, uit een vertaalde lijst, met een optie Eigen. In de editor zijn de onderdelen van de winkel afzonderlijk te selecteren, en klikken op een productfoto op het canvas opent een klein venster om hem uit te snijden. Een koper die zo filtert dat er niets overblijft, komt nu ergens nuttig terecht in plaats van op een lege pagina.
Make video, op je eigen apparaat
De tool "Make video" rendert de video nu in je browser in plaats van op onze server. Hij begint met een begeleide set vragen, vult een sjabloon en laat je het daarna bijstellen. Sjablonen renderen in vierkante, staande, hoge-telefoon- en breedbeeldvormen. Vaste woorden in een video volgen de taal die je kiest. Het product staat vanaf het eerste beeld in beeld en elke foto verschijnt één keer.
Andere dingen die deze week zijn gebouwd
- Trainerpagina's: elke trainer kan een publieke pagina met eigen aanbod hebben, en een maker kan titel, afbeeldingen en naam in één keer opslaan.
- Boeken: je Google-agenda blokkeert nu boekingsmomenten. Je kunt een aanbetaling vragen bij een boekingsproduct. Een trainer krijgt bericht wanneer zijn moment wordt bevestigd, geannuleerd of verplaatst.
- Live chat: de afbeelding van de chatknop kan worden ingepast en uitgesneden. Bezoekers tonen de dichtstbijzijnde grote stad en een vlag. Je kunt een chat hernoemen zonder de naam van de koper aan te raken. De widget kan beginvraagchips aanbieden.
- Themabouwer: de zijpanelen gebruiken nu gewone labels en een tooltip bij elke bediening.
- Support en campagnes: een aantal kleine verbeteringen, die ik niet een voor een opsom.
Wat het betekent voor een coach of academy-eigenaar
Een coach die een kamp, een cursus en een één-op-één sessie verkoopt, kan elk nu een eigen vorm van productpagina geven. Jij beslist of de pagina opent met de prijs, het rooster of de foto. Geef je sessies met meerdere coaches, dan kan elk een pagina hebben en houdt je agenda dubbele boekingen buiten. Een ouder die al heeft geboekt, ziet zijn boeking terug wanneer hij terugkomt, wat berichten als "waar is mijn ticket" vermindert.
Kijk bij de Academy voor de teamkant en bij prijzen voor wat elk abonnement bevat.
Wat volgt
De volgende week gaat over AI: externe AI-assistenten koppelen aan je winkel, waarbij jij goedkeurt wat ze wijzigen.
Wil je even praten? Ik ben een van de medeoprichters van PersonaCart. Heb je een vraag, een idee of iets wat je door ons gebouwd wilt hebben, schrijf me dan rechtstreeks: [email protected].
Vinod Morya, Co-founder, PersonaCart
Frequently asked questions
Veranderen bestaande productpagina's?
Nee. De standaardbloklijst tekent de pagina precies zoals die eerder eruitzag. Een nieuwe lay-out of aangepaste lijst geldt alleen wanneer je die kiest, en Reset brengt een product terug naar de standaard van het thema.
Wat zijn de vijf ontwerpen voor winkelkaarten?
Compact, Cover, Spotlight, Ticket en Headline. Elk past zich aan het producttype aan, zodat een cursus, een dienst en een event niet dezelfde feiten tonen.
Waar rendert Make video?
In je eigen browser, op je apparaat, in plaats van op onze server. Het begint met een paar begeleide vragen en een ingevuld sjabloon dat je kunt bijstellen.
Written by Vinod Morya
Co-founder, PersonaCart
Helping creators build successful online businesses with practical tips and strategies.
Subscribe to our newsletter
Get the latest creator tips and strategies delivered to your inbox.