Online Shop: Custom Product Details Pagina

Met aangepaste productdetailpagina's in Voluit Suite geef je elk product een eigen pagina die past bij je merk. Je gebruikt de vertrouwde bouwer om de pagina te ontwerpen en aan producten te koppelen. Zo krijg je meer ruimte voor productinformatie, afbeeldingen en andere inhoud die bezoekers helpt bij hun aankoop.

Klikt een bezoeker op een gekoppeld product vanuit de productlijst, een uitgelichte sectie of een directe link? Dan opent de aangepaste productdetailpagina in plaats van de standaardpagina. Is er geen aangepaste pagina beschikbaar, dan wordt de standaardproductdetailpagina gebruikt.

Wat is een aangepaste productdetailpagina?

Een aangepaste productdetailpagina is een pagina die je in de website- of winkelbouwer maakt en aan specifieke producten koppelt. Je hoeft daardoor niet voor elk product dezelfde standaardindeling te gebruiken. Je kunt per product een eigen ontwerp en tekst maken, terwijl de navigatie in je winkel blijft werken.

Zo kun je de voordelen van een product, aanvullende aanbiedingen en media extra aandacht geven, zonder de gebruikelijke winkelervaring te onderbreken.

Voordelen van aangepaste productdetailpagina's

Meer ruimte voor je productverhaal: voeg voordelen, demonstraties, reviews en veelgestelde vragen toe die bij het product passen.
Een ontwerp dat bij je merk past: gebruik een eigen indeling, media en elementen per product.
Bezoekers komen op de juiste pagina: links vanuit de productlijst, uitgelichte secties en andere productlinks openen de gekoppelde aangepaste pagina.
Eén koppeling per product: een product kan aan één aangepaste productdetailpagina tegelijk gekoppeld zijn. Koppel je het aan een andere pagina, dan wordt de oude koppeling automatisch verwijderd.
Terugvallen op de standaardpagina: verwijder je een aangepaste pagina, dan gebruiken de gekoppelde producten automatisch weer de standaardproductdetailpagina.
Producten beheren: koppel producten tijdens het maken van de pagina of pas de koppeling later aan via de pagina-instellingen of de editor.

Een aangepaste productdetailpagina instellen

Wat heb je nodig?

Minimaal één product dat je hebt aangemaakt via Betalingen (Payments) → Producten (Products) en hebt toegevoegd aan je online shop.
Toegang tot de website- of winkelbouwer in je account.
De juiste winkel of website om in te werken.

Stap 1: voeg een nieuwe pagina toe

Ga naar Sites → Winkels (Stores), selecteer je winkel en klik op Nieuwe pagina toevoegen (Add New Page).

Stap 2: schakel de aangepaste productdetailpagina in

Zet Aangepaste productdetailpagina (Custom Product Details Page) aan. Zoek en selecteer in het venster de producten die je aan de pagina wilt koppelen.

Een nieuwe aangepaste productdetailpagina begint als een eenmalige kopie van je huidige standaardproductdetailpagina. Je werkt dus verder met een bestaande indeling in plaats van met een lege pagina.

De kopie bevat:

De secties en de pagina-indeling.
Winkelelementen, zoals media, titel, prijs, varianten en actieknoppen.
De opmaak, zoals lettertypen, kleuren, afstanden, randen en schaduwen.
De instellingen voor zichtbaarheid op desktop en mobiel.

Let op: dit is een eenmalige kopie. Latere wijzigingen aan de standaardproductdetailpagina worden niet overgenomen op bestaande aangepaste productdetailpagina's.

Stap 3: ontwerp je pagina

Gebruik elementen voor productdetailpagina's, zoals afbeeldingen, productinformatie, actieknoppen en Gerelateerde producten (Related Products).

De bestaande productelementen en algemene tekstinstellingen werken ook op aangepaste productdetailpagina's. Je kunt je eigen indeling dus combineren met de winkelelementen die je al gebruikt.

Tips voor je ontwerp

Voeg passende elementen toe, zoals afbeeldingen, video's, productkenmerken, reviews en gerelateerde producten.
Gebruik Tekstaanpassing (Text Customization) om labels en teksten in productelementen aan te passen aan je taal en boodschap.
Zet belangrijke knoppen, zoals Toevoegen aan winkelwagen (Add to Cart) en Nu kopen (Buy Now), bovenaan in beeld, zodat bezoekers niet eerst hoeven te scrollen. Herhaal actieknoppen op lange pagina's.
Hergebruik blokken en onderdelen om je productpagina's een consistente uitstraling te geven.

Stap 4: sla je pagina op en publiceer deze

Klik op Opslaan (Save) en daarna op Publiceren (Publish).

Voorbeeld van een aangepaste productdetailpagina:

Producten koppelen, opnieuw koppelen en beheren

De koppeling tussen een product en een pagina bepaalt waar bezoekers terechtkomen.

Producten koppelen tijdens het maken van de pagina

Selecteer de producten in het koppelvenster wanneer je een nieuwe aangepaste productdetailpagina maakt.

De productkoppeling later aanpassen

Open de aangepaste productdetailpagina in de bouwer. Selecteer het relevante productelement of open de pagina-instellingen. Pas vervolgens de productkoppeling aan in het paneel Instellingen (Settings).

Eén koppeling per product: koppel je een product aan een nieuwe aangepaste productdetailpagina, dan wordt de koppeling met de vorige pagina automatisch verwijderd.
Navigatie vanuit productlijsten en uitgelichte secties: bezoekers gaan naar de aangepaste productdetailpagina als die is ingesteld. Anders openen ze de standaardproductdetailpagina.

Productmedia op desktop aanpassen

In het element Productdetails (Product Details) kun je instellen hoe productafbeeldingen en productinformatie op desktop naast of onder elkaar staan. Zo stem je de productdetailpagina af op het ontwerp van je winkel.

Je kunt het volgende aanpassen:

De breedte van de media op desktop.
De positie van de media op desktop.
De indeling van de productmedia.

Veelgestelde vragen

V: Kan ik een product aan meerdere aangepaste productdetailpagina's koppelen?

Antwoord: Nee. Een product kan aan één aangepaste productdetailpagina tegelijk gekoppeld zijn. Koppel je het aan een nieuwe pagina, dan wordt de vorige koppeling verwijderd.

V: Wat gebeurt er als ik een aangepaste productdetailpagina verwijder?

Antwoord: Alle gekoppelde producten gebruiken dan automatisch weer de standaardproductdetailpagina.

V: Openen links vanuit de productlijst en uitgelichte secties de aangepaste productdetailpagina?

Antwoord: Ja. Als er een aangepaste productdetailpagina is gekoppeld, opent die pagina. Anders opent de standaardproductdetailpagina.

V: Hoe koppel ik een product aan een andere aangepaste productdetailpagina?

Antwoord: Open de nieuwe pagina en koppel het product via het koppelvenster of de instellingen van de pagina of editor. Sla de pagina op en publiceer deze. De oude koppeling wordt automatisch verwijderd.

V: Verandert dit iets aan SEO of bestaande productlinks?

Antwoord: De aangepaste productdetailpagina heeft een eigen pagina-URL en slug. Als je een product aan die pagina koppelt, komen bezoekers die het product openen via de productlijst, uitgelichte secties of productlinks op de aangepaste pagina terecht.

V: Werken elementen zoals gerelateerde producten ook op een aangepaste productdetailpagina?

Antwoord: Ja. Elementen die geschikt zijn voor productdetailpagina's en de instellingen voor tekstaanpassing werken ook op aangepaste productdetailpagina's.

V: Begint een nieuwe aangepaste productdetailpagina als een lege pagina?

Antwoord: Nee. Een nieuwe aangepaste productdetailpagina begint als een kopie van je huidige standaardproductdetailpagina. Je start dus met een bestaande indeling.

V: Wordt mijn aangepaste productdetailpagina bijgewerkt als ik later de standaardpagina aanpas?

Antwoord: Nee. De standaardpagina wordt alleen gekopieerd wanneer je de aangepaste pagina maakt. Er is geen automatische synchronisatie tussen de standaardpagina en bestaande aangepaste productdetailpagina's.

V: Verandert mijn standaardproductdetailpagina als ik een aangepaste pagina maak?

Antwoord: Nee. Het maken van een aangepaste productdetailpagina verandert niets aan de standaardproductdetailpagina.

V: Heeft deze wijziging gevolgen voor bestaande aangepaste productdetailpagina's?

Antwoord: Nee. Bestaande aangepaste productdetailpagina's behouden hun huidige ontwerp en instellingen.