De productpagina is een dynamische pagina waarop gedetailleerde informatie over elk van je producten wordt weergegeven.
Het ontwerp van de pagina is altijd hetzelfde, maar de inhoud (productafbeeldingen en tekst) verandert afhankelijk van het product dat wordt weergegeven.
Alle aanpassingen die je in de Editor aanbrengt op de productpagina, zoals het wijzigen van de achtergrondkleur of knoptekst, zijn van invloed op alle producten. Wijzigingen die aan een product zijn aangebracht op het 'Webshop producten'-tabblad op het dashboard van je website, zijn alleen van invloed op dat product.
Laat me zien hoe ik toegang krijg tot de productpagina in de Wix Editor
- Klik links in de Editor op Pagina's
. - Klik op Winkelpagina's.
- Selecteer de Productpagina.
- Klik op de Productpagina in de Editor.
- Klik op Instellingen.
Laat me zien hoe ik toegang krijg tot de Productpagina in Editor X
- Klik in de bovenste balk van Editor X op het Pagina's-pictogram
. - Scrol omlaag en selecteer de Productpagina.
- Klik op de Productpagina in de Editor.
- Klik op Instellingen.
In dit artikel lees je hoe je:
De indeling en afbeeldingsweergave aanpassen
Klik op het Indeling-tabblad om de beste indeling voor de productpagina voor je webshop te selecteren. Pas vervolgens aan hoe afbeeldingen worden weergegeven.
- Selecteer een indeling voor de productpagina.
- Klik op de Volledige breedte-schakelaar om deze in te schakelen.
- Selecteer hoe je thumbnailafbeeldingen wilt weergeven.
- Stel in hoe afbeeldingen worden weergegeven. Lees meer
- Selecteer een afbeeldingsverhouding in de dropdownlijst (beschikbaar voor sommige indelingen).
- Selecteer hoe de afbeelding wordt verkleind:
- Bijsnijden: Snijdt alle afbeeldingen bij tot dezelfde grootte.
- Passend: Behoudt de beeldverhouding van de afbeeldingen.
- Klik op de Zoom bij aanwijzen-schakelaar om deze in te schakelen (beschikbaar voor sommige indelingen).
Let op: Ga naar je live website om een voorbeeld van de zoom te bekijken.
Weergave-instellingen aanpassen
Klik op het Instellingen-tabblad om te selecteren welke elementen je op de productpagina wilt weergeven of verbergen en om de knoppen aan te passen.
De productpagina wordt standaard geleverd met de Toevoegen aan winkelwagen-knop. Je kunt ook het Verlanglijstje-pictogram en de Nu kopen-knop inschakelen.
Bovendien kun je klanten de beste betaalmethode voor hen laten zien (in plaats van de Kopen-knop) op basis van de locatie van de klant, zijn betaalgeschiedenis en meer. Deze optie werkt als je relevante betaalmethoden hebt gekoppeld (zoals PayPal, Apple Pay).
- Onder Wat wordt weergegeven?, schakel je het selectievakje uit naast elementen die je niet wilt laten zien.
- Pas de Toevoegen aan winkelwagen-knop aan:
- Klik op de knop Toon knop om deze in of uit te schakelen.
- Indien ingeschakeld, selecteer je waar de klant naartoe wordt geleid wanneer op de knop wordt geklikt:
- Succes pop-up tonen: Er wordt een pop-upmelding weergegeven.
- Mini-winkelwagen openen: De mini-winkelwagen opent aan de zijkant van het scherm.
- Naar winkelwagenpagina: Klanten worden direct naar de winkelwagenpagina geleid.
- Blijf op de productpagina: Klanten blijven op de productpagina. De knop laat een vinkje zien om aan te geven dat het product succesvol is toegevoegd.
- Pas de Nu kopen-knop aan:
- Klik op de Nu kopen-schakelaar om deze in te schakelen.
Let op: Wanneer erop wordt geklikt, gaat de klant direct naar de betaalpagina. Producten die eerder aan de winkelwagen zijn toegevoegd, verschijnen niet in de betaalpagina. - Indien ingeschakeld, klik je op de Automatisch wijzigen op betaalmethoden-schakelaar om de Nu kopen-knop te vervangen door relevante betaalopties (zoals PayPal, Apple Pay).
- Pas de pictogrammen voor delen op social media aan:
- Alle pictogrammen verbergen: Klik op de pictogrammen voor delen om deze uit te schakelen.
- Enkele of alle pictogrammen weergeven: Als de pictogrammen voor delen zijn ingeschakeld, klik je op de selectievakjes naast pictogrammen die je niet wilt weergeven om ze te deselecteren.
Tekst productpaginaknop bewerken
Klik op het Tekst-tabblad om een van de tekstopties te bewerken die op de productpaginaknoppen kunnen verschijnen.
- Toevoegen aan winkelwagen: Bewerk de tekst van de hoofdaankoopknop.
- Nu kopen: Bewerk de tekst van de Nu kopen-knop.
- Nu abonneren: Bewerk de tekst van de Nu abonneren-knop. Deze knop wordt weergegeven aan klanten als je productabonnementen verkoopt. Lees meer
- Niet op voorraad: De tekst van de Toevoegen aan winkelwagen-knop verandert automatisch in Niet op voorraad als er geen voorraad is. Het lettertype en de kleur kunnen niet worden aangepast.
- Terug op voorraad: De tekst van de Toevoegen aan winkelwagen-knop verandert automatisch in Melden wanneer beschikbaar wanneer er geen voorraad is als 'Terug op voorraad'-meldingen zijn ingeschakeld. Lees meer
Een verlanglijstje toevoegen
Een verlanglijst is een goede manier om klanten te laten bijhouden welke producten ze leuk vinden. Klanten klikken op het Verlanglijstje-pictogram om een item aan hun persoonlijke lijst toe te voegen.
Klik op Verlanglijst toevoegen om te beginnen. Het Verlanglijstje-pictogram wordt toegevoegd aan de productpagina naast de Toevoegen aan winkelwagen-knop. Er verschijnt een persoonlijke verlanglijstpagina in het persoonlijke ledengedeelte van de klant.
Klik
hier voor volledige instructies voor het toevoegen en aanpassen van het verlanglijstje.
Het ontwerp van de productpagina aanpassen
Je kunt de kleuren, lettertypen, knopstijlen en meer aanpassen om een look te creëren die past bij de sfeer van je webshop. Klik op het Ontwerp-tabblad om aan de slag te gaan.
Pas ontwerpopties aan:
Selecteer een kleur voor elk van de beschikbare opties en sleep de schuifregelaar om de dekking te wijzigen.
- Lijn productdetails (zoals de productnaam) uit: links, rechts of in het midden.
- Selecteer een tekstkleur en lettertype voor de tekstopties:
- Productnaam
- SKU
- Productprijs
- Selecteer een uiterlijk voor de betalingsoptie: Relevant voor bepaalde betalingsopties zoals Laybuy.
- Selecteer een tekstkleur en lettertype voor de tekstopties:
- Pas de productbeschrijving aan:
- Selecteer een lettertype en kleur.
- Lijn de productbeschrijvingstekst links, rechts of in het midden uit.
- Beperk het aantal rijen dat verschijnt en voeg een Meer weergeven-knop toe waarop klanten kunnen klikken om de volledige tekst te zien. Indien aangevinkt, selecteer je het maximum aantal weer te geven rijen voordat je op Meer weergeven klikt.
- Pas de Toevoegen aan winkelwagen-knop aan:
- Klik om een knopstijl te selecteren.
- Selecteer een vulkleur en sleep de schuifregelaar om de dekking te wijzigen.
- Selecteer een randkleur en sleep de schuifregelaar om de randbreedte te wijzigen.
Tip: Randen zijn beschikbaar bij sommige indelingen. - Sleep de schuifregelaar om de knop ronder of hoekiger te maken.
- Selecteer een lettertype en tekstkleur.
- Herhaal de stappen voor de Nu kopen/abonneren-knop.
- Selecteer een knopstijl voor de Betaalmethode-knop (zoals PayPal, Apple Pay)
Wanneer je een product maakt, kun je
info-onderdelen toevoegen om aanvullende informatie te verstrekken (zoals productspecificaties of een maattabel).
- Selecteer een indeling voor je informatiegedeeltes.
- Pas de indeling die je hebt geselecteerd aan. De beschikbare opties zijn afhankelijk van de indeling die je hebt gekozen.
- Een tabel met informatiegedeeltes aanpassen:
- Selecteer de kleur van de tabelrand en sleep de schuifregelaar om de dekking te wijzigen.
- Selecteer de achtergrondkleur van de tabel en sleep de schuifregelaar om de dekking te wijzigen.
- Selecteer de kleur van de even rijen en sleep de schuifregelaar om de dekking te wijzigen.
- Prijsplaatsing: als je zowel een abonnement als een eenmalige aankoop aanbiedt, selecteer je welke optie als eerste wordt weergegeven.
- Selecteer de kleur van een abonnementsvak en sleep de schuifregelaar om de dekking te wijzigen.
