Uw producten zijn uniek – de product pagina’s die ze laten zien zouden dat ook moeten zijn. De standaard WooCommerce productpagina sjabloon is een goede pasvorm voor veel online winkels, maar misschien wilt u iets dat de individuele stijl en voordelen van uw producten weerspiegelt.

U hoeft geen ontwikkelaar te zijn om uw eigen stempel op productpagina’s te drukken dankzij een paar extensies van WooCommerce (en één kernfunctie van WooCommerce).

Product Add-Ons

De Product Add-Ons-extensie voegt meer velden toe aan uw productpagina’s, zodat shoppers hun aankopen kunnen aanpassen. Geef opties aan met tekstvakken, selectievakjes of dropdowns en voeg variaties toe met voorbeeldafbeeldingen – voeg ze toe voor afzonderlijke producten of voor uw hele catalogus.

Perfect voor: e-commercewinkels die extra opties bieden, zoals cadeauverpakkingen en monogrammen.

• Als u een kledingwinkel bent die borduurwerk aanbiedt, kunt u klanten de tekst laten invoeren die ze geborduurd willen hebben voordat ze afrekenen, zodat u na de aankoop geen contact meer hoeft op te nemen.
• Als u accentkussens verkoopt, biedt u opties voor stof, grootte of stijl.
• Als u sieraden verkoopt, laat u klanten het citaat kiezen dat ze op het stuk gegraveerd willen hebben.
• Als u cadeauartikelen aanbiedt, biedt u opties voor cadeauverpakking of een bedankbriefje aan.
• Als u elektronica verkoopt, laat shoppers dan een garantie ter bescherming van hun item kopen.
• Als u een non-profit organisatie bent, laat mensen die u steunen een donatie doen bij hun aankoop van merchandise.

Kies ervoor om voor elke add-on kosten in rekening te brengen, of bied aanpassingen gratis aan. Het is een flexibele manier om shoppers de opties te geven die ze nodig hebben.

Lees meer over Product Add-Ons.

Variatiestalen en foto’s

Als uw product kleur- of patroonvariaties heeft, willen shoppers deze in actie zien. De extensie Variatiestalen en foto’s toont variaties – stijlen, maten, patronen, kleuren, enz. – met een afbeelding of kleurstaal om klanten een beter idee te geven van wat ze precies kopen en het ontwerp van uw productpagina’s te verbeteren.

Perfect voor: e-commercewinkels met variabele producten.

• Als u T-shirts verkoopt, toont u kleuropties.
• Als u brillen verkoopt, toont u al uw montuuropties.
• Als u sieraden verkoopt, markeer dan de hangers waaruit klanten kunnen kiezen.
• Als u skateboards verkoopt, neem dan afbeeldingen op van de patronen die u aanbiedt.

Lees meer over Variatie Swatches en Foto’s en zie het in actie.

WooCommerce 360º Image

Met WooCommerce 360º Image, kunt u een dynamische, aangepaste 360º beeldrotatie toevoegen aan productpagina’s zodat shoppers zich kunnen richten op productdetails. Voeg een groep afbeeldingen toe aan een product galerij, en de getoonde afbeelding zal worden vervangen door een prachtige 360º afbeelding die klanten kunnen draaien om alle aspecten van het product te zien. Het is ook volledig responsive, dus shoppers op mobiele apparaten hebben dezelfde geweldige ervaring.

Perfect voor: eCommerce winkels die klanten een ervaring willen geven alsof ze een product fysiek vasthouden.

• Als u meubels verkoopt, kunnen klanten de stijl ervan vanuit alle hoeken begrijpen.
• Als u auto-onderdelen verkoopt, kunnen klanten de close-up details bekijken die voor hen van belang zijn.
• Als u horloges verkoopt, kunnen klanten inzoomen op elke nuance, gravure, en feature.

Lees meer over WooCommerce 360º Image.

Product Video voor WooCommerce

Video’s zijn een krachtige manier om uw producten in actie te laten zien. Gebruik de Product Video voor WooCommerce extensie om video’s toe te voegen aan uw productafbeeldingen galerij, of om uitgelichte afbeeldingen te vervangen door video’s. Upload de video’s naar uw WordPress mediabibliotheek of embed ze van diensten van derden, zoals Vimeo of YouTube.

Perfect voor: e-commerce winkels met producten die het best worden getoond in actie

• Als u elektrisch gereedschap verkoopt, demonstreer dan de grootte van het gereedschap en hoe het werkt.
• Als u kleding verkoopt, laat dan zien hoe een item past bij een verscheidenheid van lichaamstypen en paren met andere stukken.
• Als u speelgoed verkoopt, neem dan clips op van kinderen die met uw producten spelen en getuigenissen van gelukkige ouders.

Lees meer over Product Video for WooCommerce.

Maattabel voor WooCommerce

Als u producten verkoopt die in verschillende maten verkrijgbaar zijn, helpt een tabel klanten te begrijpen welke ze moeten kopen en vermindert dit het aantal retourzendingen. De Size Chart voor WooCommerce extensie voegt maattabellen toe aan productpagina’s – upload uw eigen, of maak er een in uw dashboard. U kunt ervoor kiezen om grafieken weer te geven in de productdetails of als een pop-up.

Perfect voor: e-commercewinkels die producten in meerdere maten verkopen

Voorbeelden:

• Als u T-shirts verkoopt, voeg dan een maattabel toe met schouder-, borst-, en hoogtematen.
• Als u meubels verkoopt, voeg dan een maattabel toe met lengte-, hoogte-, en dieptematen.
• Als u stickers verkoopt, voeg dan een maattabel toe met hoogte- en breedtematen.

Lees meer over maattabellen voor WooCommerce.

Productaanbevelingen

Upsells en cross-sells zijn effectieve manieren om de winkelwagenomvang van klanten en uw totale verkoop te vergroten. Gebruik productaanbevelingen om klanten meer te laten zien van waar ze in geïnteresseerd zijn. Voeg aanbevolen producten toe op basis van wat populair is, wat nieuw is, wat in de aanbieding is, wat een look compleet maakt, en meer. Of geef ze weer op basis van wat er al in het winkelwagentje van uw klant ligt.

Perfect voor: e-commercewinkels met meer dan één product

• Als u schoenen verkoopt, raadt u sokken of veters aan.
• Als u oorbellen verkoopt, raadt u armbanden en kettingen uit dezelfde collectie aan.
• Als u speelgoed verkoopt, raadt u puzzels aan die vergelijkbaar zijn met de puzzels die de klant in zijn winkelwagentje heeft liggen.
• Als u planten verkoopt, beveelt u andere populaire soorten of bodemtoevoegingen aan.

Lees meer over productaanbevelingen.

Eenvoudige CSS-wijzigingen, geen extensie vereist

CSS is een codeertaal die het ontwerp van uw website regelt, van lettertypen en kleuren tot knopgroottes en achtergronden. Als u enige basiskennis van CSS heeft, navigeert u naar Uiterlijk → Aanpassen → Extra CSS in uw dashboard en brengt u de volgende wijzigingen aan:

Verander de lettergrootte van producttitels

Gebruik de onderstaande code om de grootte van uw producttitels te veranderen in 36px. Vervang de “36” door een getal naar keuze.

.woocommerce div.product .product_title {font-size: 36px;}

De kleur van producttitels wijzigen

Een hex code is een zes-cijferige code die online een specifieke kleur weergeeft. Gebruik de onderstaande code om de kleur van uw producttitel te wijzigen in de hexcode #FF5733. Vervang de hex-code door elke kleur die u maar wilt; u kunt de HTML-kleurkiezer gebruiken om de code voor elke gewenste kleur te krijgen.

.woocommerce div.product .product_title {color: #FF5733;}

Variatielabels vet maken

Gebruik onderstaande code om uw variatietitels vetgedrukt weer te geven.

.woocommerce div.product form.cart .variations label { font-weight: bold;}

Variantlabels cursief maken

Gebruik onderstaande code om variantlabels cursief te maken.

.woocommerce div.product form.cart .variations label { font-style: italic;}

De kleuren van de Nu kopen-knop wijzigen:

Gebruik deze code om de achtergrondkleur van uw Nu kopen-knop te wijzigen. Nogmaals, gebruik de HTML-kleurenkiezer om de hex-code te krijgen voor de kleur die u wilt gebruiken.

.woocommerce div.product .button { background: #000000;}

Begin met het aanpassen van uw productpagina’s

WooCommerce draait om flexibiliteit en aanpasbaarheid, en daarom biedt het alle hulpmiddelen die u nodig hebt om het ontwerp en de functionaliteit van productpagina’s te bewerken. Door velden, video’s, maattabellen en meer toe te voegen, kunnen uw pagina’s net zo uniek worden als de producten die ze bevatten.

Zie onze volledige extensiebibliotheek voor nog meer opties.