Workshop: Variabele producten

Via de geïnstalleerde WooCommerce plugin is het mogelijk om producten toe te voegen aan een webshop. Daarbij heb je de keuze tussen een simpel product of een variabel product. Deze handleiding begeleidt je bij het instellen van een variabel product, zodat het op de juiste manier zichtbaar is binnen je webshop.

Er zijn twee manieren waarop je variabele producten kunt instellen: via de productpagina in WordPress of via het sidebar menu “Producten”. Deze zullen achtereenvolgens worden toegelicht.

Variabele producten instellen via de productpagina

Wanneer gebruik ik deze optie?

Variabele producten via de productpagina instellen is handig wanneer je slechts een heel beperkt aantal producten heeft en/of wanneer de producten in je webshop verschillende waardes bij bepaalde eigenschappen hebben. Denk bijvoorbeeld aan kleuropties of maten die per product verschillen.

Hoe gebruik ik deze optie?

Wanneer je in de linker sidebar via de tab “producten” een nieuw product toevoegt verschijnt de productpagina van dit nieuwe product in WordPress. Nadat je de titel van het product en een eventuele omschrijving heeft ingevoerd kunt u in het vak “productgegevens” het variabel product instellen.

  1. Kies in het pijlenmenu de optie “Variabel product” (deze staat nu waarschijnlijk nog op “simpel product”).
  2. Ga naar het tabblad “Eigenschappen”.
  3. Controleer of het pijlenmenu op “Costum producteigenschap” staat en klik op “toevoegen”.
  4. Voer de naam van de eigenschap in, bijvoorbeeld kleur of maat.
  5. Voer in het vak “waarden” de opties in waaruit klanten in uw webshop kunnen kiezen, gescheiden door een |. Bijvoorbeeld: Wanneer je als eigenschap “kleur” hebt ingevoerd vul je onder waarden het volgende in: Rood | Geel | Paars | Roze
  6. Selecteer “Gebruik voor variaties”.
  7. Klik op “Eigenschappen opslaan”.
  8. Ga naar het tabblad “Variaties”.
  9. Kies in het pijlenmenu de optie “Variatie toevoegen” en klik op “ga”.
  10. Klik op het nummer dat de variatie heeft gekregen, bijvoorbeeld: #516
  11. Vul de reguliere prijs in en eventuele andere belangrijke informatie die je aan het product wilt toevoegen.
  12. Klik op “Wijzigingen opslaan”.
  13. Eventueel: Waneer je wilt dat een van de kleuren standaard is geselecteerd wanneer klanten het product in de webshop bekijken kun je dit als volgt instellen: Wanneer je het tabblad “variaties” hebt geopend zie je bovenaan “Standaard formulierwaarden” staan. Selecteer uit het pijlenmenu de kleur (of andere eigenschap) die je als standaard geselecteerde optie wilt weergeven. Klik vervolgens weer op “Wijzigingen opslaan”.
  14. Klik tot slot op “bijwerken” in het rechter sidebar menu.

Variabele producten instellen via het sidebar menu

Wanneer gebruik ik deze optie?

Wanneer de producten in je webshop bestaan uit eigenschappen (bijvoorbeeld kleur en maat) met dezelfde waardes (kleur opties en maat opties) is het instellen van variabele producten via het sidebar menu de eenvoudigste en snelste manier. Denk bijvoorbeeld aan schoenen die allemaal dezelfde maat opties per categorie hebben of theekopjes die allemaal dezelfde kleur optie hebben. Op onderstaande manier kun je eenvoudig overkoepelende eigenschappen met bijbehorende waardes aanmaken in plaats van deze handmatig onder ieder product in te voeren (zoals bovenstaande eerste optie).

Hoe gebruik ik deze optie?

  1. Klik in het linker sidebar menu onder producten op “Eigenschappen”.
  2. Voer de naam van de nieuwe eigenschap in, bijvoorbeeld: Kleur.
  3. Voer de afkorting van de nieuwe eigenschap in, bijvoorbeeld: kleur of klr
  4. Selecteer bij type de optie “selecteer”.
  5. Klik op “Eigenschap toevoegen”. De eigenschap is nu toegevoegd en verschijnt in het overzicht aan de rechterzijde van uw scherm.
  6. Klik op het tandwiel symbool, ofwel instellingen. Hier kun je de waardes van de eigenschap een voor een toevoegen.
  7. Voer de naam van de eerste waarde in, bijvoorbeeld: Rood
  8. Voer de slug van de eerste waarde in, bijvoorbeeld: rood of ro
  9. Klik op “Nieuw(e) .. toevoegen”
  10. Herhaal deze stap totdat je alle gewenste waardes hebt ingevoerd.
  11. Ga vervolgens naar de productpagina van het gewenste product in WordPress.
  12. Kies in het pijlenmenu de optie “Variabel product” (deze staat nu waarschijnlijk nog op “simpel product”).
  13. Ga naar het tabblad “Eigenschappen”.
  14. Selecteer in het pijlenmenu de naam van de zojuist aangemaakte eigenschap, bijvoorbeeld: Kleur. Klik op toevoegen.
  15. Klik op “Alles selecteren”. Alle zojuist ingestelde waardes worden nu aan het product in de webshop gekoppeld. Je kunt waardes die niet (meer) bij dit product horen verwijderen door op het kruisje te klikken.
  16. Selecteer “Gebruik voor variaties”.
  17. Klik op “Eigenschappen opslaan”.
  18. Ga naar het tabblad “Variaties”.
  19. Kies in het pijlenmenu de optie “Variatie toevoegen” en klik op “ga”.
  20. Klik op het nummer dat de variatie heeft gekregen, bijvoorbeeld: #516
  21. Vul de reguliere prijs in en eventuele andere belangrijke informatie die je aan het product wilt toevoegen.
  22. Klik op “Wijzigingen opslaan”.
  23. Eventueel: Waneer je wilt dat een van de kleuren standaard is geselecteerd wanneer klanten het product in de webshop bekijken kun je dit als volgt instellen: Wanneer je het tabblad “variaties” hebt geopend zie je bovenaan “Standaard formulierwaarden” staan. Selecteer uit het pijlenmenu de kleur (of andere eigenschap) die je als standaard geselecteerde optie wilt weergeven. Klik vervolgens weer op “Wijzigingen opslaan”.
  24. Klik tot slot op “bijwerken” in het rechter sidebar menu.

Je hebt nu succesvol een variabel product aangemaakt.

 

Contact

contact@anotherconcept.nl
0481 74 50 96

Bezoekadres

Celsiusweg 18G
6662PX, Elst

* indicates required