Goedkoopste Webdesign

Alle berichten door goedkoopstewebdesign.nl

Toevoegen producten en productcategorieën

Toevoegen producten en productcategorieën toe in WooCommerce.

Een productcategorie toevoegen in WooCommerce

Productcategorieën zijn bedoeld om je webshop overzichtelijk te kunnen verdelen in verschillende groepen. Deze groepen kan je zelf instellen.

Om productcategorieen toe te voegen, moeten we naar het dashboard van WordPress. Zodra je op je website inlogt, word je daar automatisch naar geleid. En anders kan je altijd links bovenin op de naam van je website klikken, naast het icoontje van een huisje.

Nu we in het dashboard zijn, kunnen we aan de slag met productcategorieën. Deze kan je bekijken, aanpassen en toevoegen bij ‘Categories’ onder ‘Products’.

Wanneer je op ‘Categories’ klikt, krijg je rechts een overzicht van alle bestaande categorieën (in onderstaande afbeelding het rechterblok dat gemarkeerd is). Links staan de mogelijkheid om nieuwe categorieën aan te maken (in onderstaande afbeelding het linkerblok dat gemarkeerd is).

Producten toevoegen in WooCommerce

Producten toevoegen aan een WooCommerce-webshop doe je eveneens via het WordPress-dashboard. Klik helemaal links op ‘Products’. Wanneer je daarop klikt, krijg je een overzicht van alle producten die in de webshop zitten.

Om een nieuw product toe te voegen, klik je op ‘Add new’. Om een product aan te passen klik je op de titel van het product.

Nieuw product toevoegen

Wanneer je op ‘Add New’ hebt geklikt, krijg je enkele invulvelden te zien. Als eerste zie je de titel en de productomschrijving.

Daaronder zie je de productgegevens. Je moet eerst aanduiden om welk soort product het gaat. De meest gebruikte zijn ‘single product’ of ‘variabel product’. Een single product is een simpel product dat maar in 1 formaten beschikbaar is. Een variabel product is een product dat verkrijgbaar is in meerdere formaten, kleuren, materialen, enzovoort. Denk aan bijvoorbeeld een trui die je in S, M en L kan kopen, maar ook in groen, blauw en rood. Wanneer een product een tiental variabelen heeft, zijn er misschien wel honderden combinaties mogelijk. Het is mogelijk om elke combinatie een andere prijs te geven.

Stel de prijs, voorraad, verzendmethoden, gerelateerde producten en eigenschappen in.

Bij de eigenschappen kan je bijvoorbeeld afmetingen en gewicht toevoegen.

Wanneer je voor variabel product kiest, staat er een extra tabje met ‘Variations’. Hier kan je de variaties waardes meegeven. Het is belangrijk dat je eerst de variaties toevoegt bij de eigenschappen.

In onderstaand voorbeeld heb ik het product de variatie ‘Size’ meegegeven met de waardes S, M en L.

Door de checkbox ‘Used for variations’ aan te vinken, kan ik deze nu koppelen.

Bij het tabje variaties kies ik nu voor ‘Create variations from all attributes’.

Wanneer je op de balk van de variaties klikt (bijvoorbeeld naast S), klapt dit veldje open en kan je per variatie enkele waardes meegeven.

Rechts zien we nog enkele belangrijke opties:

  • Product categories
  • Products tags
  • Product image
  • Product gallery

De productafbeelding is de afbeelding die je op de shoppagina ziet en de eerste afbeelding die je ziet wanneer je op een product klikt. In de productgalerij staan de extra afbeeldingen die meestal onder de hoofdafbeelding staan.

Ook de gepaste productcategorieën kan je hier aanduiden. Wanneer de gewenste categorie er nog niet tussen staat, kan je op ‘Add new category’ klikken.

De tags zijn afhankelijk per website. Deze worden eerlijk gezegd zelden gebruikt, en ik laat ze daarom verder buiten beschouwing.

Wanneer je alles wat van toepassing is hebt ingevuld, kan je het product publiceren of opslaan als concept.

Wanneer je als concept opslaat, is het product nog niet voor de websitebezoeker zichtbaar in de shop. Wanneer je op publiceren klikt wél.

Afbeeldingen toevoegen in WordPress

Afbeeldingen toevoegen in WordPress

Het gebruik van een visueel element zoals een afbeelding of foto is een geweldige manier om uw bericht of pagina-inhoud op te fleuren.
Afbeeldingen toevoegen in WordPress

  1. Bepaal waar je je afbeelding in je bericht wilt plaatsen.
  2. Boven de werkbalk van de berichteditor ziet u een knop Media toevoegen. Klik op de knop Media toevoegen en u ziet het vak Media invoegen.
  3. Uw WordPress-site gebruikt een mediabibliotheek om al uw media zoals afbeeldingen en video’s op te slaan. Vanuit dit vak kunt u ervoor kiezen om een ​​nieuw bestand te uploaden of een bestaand bestand uit de mediabibliotheek te gebruiken. Klik op de knop Bestanden selecteren om een ​​afbeelding te uploaden. Zoek de afbeelding die je wilt gebruiken en klik op openen.
  4. Nu uw afbeelding is geüpload, ziet u dat deze is toegevoegd aan de mediabibliotheek. Aan de rechterkant van dit vak ziet u de bijlagedetails voor deze pagina. Hier kunt u de Titel, Bijschrift, Alt-tekst en Beschrijving wijzigen. U kunt ook de uitlijning van de afbeelding kiezen (zoals in het midden, links of rechts), waar de ingevoegde afbeelding naartoe moet linken, de daadwerkelijke URL van de afbeelding en de grootte van de afbeelding.
  5. Zorg ervoor dat de afbeelding een selectievakje heeft en klik op de knop Invoegen in bericht. Nu zie je dat je afbeelding is toegevoegd aan je bericht.
  1. Als u op deze afbeelding klikt, ziet u twee vakken verschijnen in de linkerbovenhoek van de afbeelding. De eerste is het afbeeldingspictogram. Als u op dat pictogram klikt, ziet u nu een ander vak geopend voor het bewerken van de details van de afbeelding. Hier kunt u de grootte van de afbeelding wijzigen op basis van percentages (wat een handig hulpmiddel kan zijn bij het wijzigen van de grootte) of u kunt de titel, alternatieve tekst, het bijschrift en de link-URL bijwerken. U kunt deze afbeelding ook selecteren om nergens naar te linken, of om naar het eigenlijke afbeeldingsbestand te linken.
  2. Als u op het tabblad Geavanceerde instellingen klikt, ziet u de URL van waar het afbeeldingsbestand op uw site wordt gehost, de werkelijke breedte en hoogte van de afbeelding in pixels, de CSS-klasse, stijlen en afbeeldingseigenschappen die opvulling toevoegen rond De afbeelding.
  3. Keer terug naar de afbeelding in je bericht. Het volgende pictogram in de linkerbovenhoek verwijdert de afbeelding uit het bericht.
  4. Als u nogmaals op de knop Media toevoegen klikt, ziet u hetzelfde vak Media invoegen. Aan de linkerkant van dit vak ziet u opties om een ​​galerij te maken en de uitgelichte afbeelding in te stellen. Zodra je meer afbeeldingen in onze mediabibliotheek hebt, kun je een hele galerij met afbeeldingen aan het bericht toevoegen.

De uitgelichte afbeelding van het bericht wordt soms gebruikt door uw WordPress-thema. Ga je gang en kies deze afbeelding als onze uitgelichte afbeelding en ga terug naar de berichteditor. Nu kunt u een voorbeeld van het bericht bekijken en zien dat onze afbeelding is toegevoegd.