Stel je verkoopt kleding in je webshop. Die kleding is er in verschillende kleuren en maten. In je webshop moet de bezoeker duidelijke keuzes gepresenteerd krijgen om een kleur of maat selectie te kunnen maken. De eigenschappen (bijv. kleur of maat) die aangemaakt worden voor het product kun je dus gaan gebruiken om productvariaties mee te maken. Per variatie kun je verschillende opties selecteren zoals een andere prijs voor bijvoorbeeld de kleur geel in M. Per variatie is het ook mogelijk om voor elke kleur een andere productfoto toe te voegen. Laten we beginnen!
Variabel product
Een variabel product is een producttype binnen WooCommerce waarmee je een aantal variaties op een product kunt aanbieden, met controle over prijzen, voorraad, afbeeldingen en meer voor elke variant. Je kunt ze gebruiken voor een product zoals een T-shirt, waar je een S, M en L van hebt en deze ook in verschillende kleuren wilt aanbieden.
Een variabel product toevoegen
Stap 1. Stel het producttype in
Om een variabel product toe te voegen, maak je een nieuw product aan of bewerk je een bestaand product.
- Ga naar: WooCommerce> Producten.
- Selecteer Product toevoegen of Bewerk een bestaand product.
- Selecteer Variabel product uit de dropdown onder Productgegevens.
Stap 2. Voeg eigenschappen toe om te gebruiken voor variaties
Voeg in het gedeelte Eigenschappen, producteigenschappen toe voordat je variaties aanmaakt – gebruik globale eigenschappen die je van te voren hebt ingesteld en die je overal in de shop kunt gebruiken of definieer aangepaste eigenschappen die specifiek zijn voor een product.
Eigenschappen
Op het tabblad Eigenschappen kun je specifieke details aan een product geven. Je ziet een selectiekader met globale product eigenschappen die je al eerder hebt gemaakt (bijvoorbeeld; Kleur en Maat). Hoe stel je deze globale eigenschappen in?
- Ga naar WooCommerce > Producten > Eigenschappen.
- Vul eigenschappen in zoals kleur en maat.
[tm_message_box style=”warning” icon_type=”linea_svg” icon_linea_svg=”linea-arrows-info”]Globale eigenschappen kun je in de webshop op verschillende producten toepassen.[/tm_message_box]
Globale eigenschappen
Om een globale eigenschap te gebruiken:
- Selecteer er een uit de dropdown
- Kies Alles selecteren om alle eigenschappen aan het variabel product toe te voegen (indien van toepassing).
- Vink het vakje Gebruikt voor variaties aan om WooCommerce te vertellen dat het voor je product variaties is.
Aangepaste eigenschappen die specifiek zijn voor het product
Je kunt ook eigenschappen toevoegen die specifiek zijn voor dit product:
- Selecteer Custom producteigenschap en Toevoegen.
- Geef de eigenschap een naam (bijvoorbeeld kleur),
- Stel waarden in gescheiden door een pipe teken (bijv. Rood|Grijs|Zwart)
- Schakel het selectie vakje Gebruikt voor variaties in.
- Sla de eigenschappen op.
Stap 3. Variaties toevoegen
Als je een productvariatie wil toevoegen, ga je naar het gedeelte Variaties van de Productgegevens.
Handmatig een variatie toevoegen
- Selecteer Variatie toevoegen in de dropdown en klik op Ga
- Selecteer eigenschappen voor je variatie. Als je aanvullende gegevens wilt wijzigen, klik je op het driehoekje om de variant uit te vouwen.
- Bewerk alle beschikbare gegevens. Het enige vereiste veld is Reguliere prijs.
- Wijzigingen opslaan.
Standaardwaarden instellen
We raden je aan standaardwaarden in te stellen voor productvariaties. In het voorbeeld hebben we geen standaardinstellingen ingesteld, zodat gebruikers direct vanaf de productpagina elke kleur en grootte kunnen kiezen.
Standaard instellingen
Als je wil dat een bepaalde variatie al is geselecteerd wanneer een gebruiker de productpagina bezoekt, kun je deze instellen. Hierdoor wordt de knop “Toevoegen aan winkelwagen” ook automatisch op variabele productpagina’s weergegeven.
Je kunt alleen standaardwaarden instellen nadat er ten minste één variatie is gemaakt.
Voeg een afbeelding toe voor de productvariatie
- Klap de variatie uit.
- Klik op de standaard afbeelding voor de productafbeelding.
- Selecteer de afbeelding die je wil gebruiken.
- Opslaan.
Het koppelen van alle mogelijke variaties
je kunt alle eigenschappen selecteren om WooCommerce elke mogelijke combinatie van de productvariaties te laten maken. Dit scheelt tijd en is in de meeste gevallen aan te raden. Natuurlijk kan het zo zijn dat dit voor jouw toepassing niet geld.
Wat klanten zien
Aan de voorkant van de webshop krijgt de gebruiker bij het bekijken van een variabel product dropdowns te zien om variatieopties te selecteren. Door opties te selecteren, wordt informatie over de variatie weergegeven, inclusief beschikbare voorraad en prijzen.
Tot slot
Alle velden ingevuld? Mooi zo. Je bent nu klaar om het product te Publiceren! Na publicatie komt deze direct in je webshop te staan.
Heb je vragen over deze handleiding? Stuur een mail naar support@eskamedia.nl of start een chat.