Share on email
Share on whatsapp
Share on twitter
Share on linkedin

Productpagina WooCommerce aanpassen met Elementor

De productpagina’s van WooCommerce zien er altijd vrij standaard uit. Een productpagina WooCommerce aanpassen kun je op verschillende manieren doen, maar de meest makkelijke manier om dit te doen is met de pagebuilder Elementor Pro. Hiermee kun je eenvoudig zelf een WooCommerce template maken en aanpassen voor je producten of voor specifieke productcategorieën. In dit artikel leg ik je uit hoe je productpagina van WooCommerce kunt aanpassen.

Stap 1: Een template maken voor een productpagina

De productpagina WooCommerce aanpassen kun je dus doen met Elementor Pro. Als je Elementor hebt geïnstalleerd, zie je in het linkermenu ‘Templates’ staan. Klik hier op en kies voor ‘Theme Builder’. Klik vervolgens op de button ‘Nieuwe toevoegen’.

Selecteer bij type template ‘Single product’ en geef het template een naam. Bijvoorbeeld ‘Producten’.

Er opent nu direct een scherm waarin je al een template voor je productpagina kunt uitkiezen. Kies er één uit en voeg toe. Of klik het scherm weg als je liever zelf een template maakt.

Stap 2: WooCommerce productpagina aanpassen / template bewerken

Als je bezig gaat met het aanpassen van het template / productpagina, zie je in het linkermenu een aantal widgets / elementen staan die kunt gebruiken om je productpagina mee te bouwen.

WooCommerce Breadcrumbs:
Hiermee kun je de bezoeker laten zien waar in de webshop hij zich bevindt.

Producttitel:
De naam van het product dat je hebt ingevoerd bij WooCommerce Producten.

Productimages:
De afbeeldingen die hebt ingesteld bij het product

Product Price:
De prijs van het product die je hebt ingevoerd. Als er korting op zit zie je dat ook.

Add to Cart:
Dit is een button waarmee de bezoeker het product aan zijn winkelwagen kan toevoegen.

Productrating:
Beoordeling van het product. Als het product nog geen beoordeling heeft, wordt deze niet op je website getoond.

Product Stock:
Geeft aan of het product op voorraad is of niet (dit moet je dan wel ingesteld hebben).

Product Meta:
Hiermee kun je specifieke informatie weergeven, zoals productcategorie of tags.

Short description:
De korte beschrijving die je in WooCommerce ook kunt invullen bij het product.

Product content:
De volledige informatie over het product (dat wat je invult in de WordPress editor)

Product data tabs:
De tabbladen met extra informatie over dit product, die je zelf hebt ingevoerd.

Additional Information:
Een tabel met daarin extra informatie over je product, als je dit hebt ingevoerd.

Product related
Gerelateerde producten die je bij het product hebt ingevoerd.

Upsells
Laat de upsells zien die je bij het product hebt ingevoerd.

Goed om te weten: alleen de informatie die je hebt ingevuld in je WooCommerce omgeving worden getoond in het template. Je hoeft je dus niet druk te maken om producten waar je bepaalde informatie nog niet hebt gevuld. Als je bijvoorbeeld nog geen voorraad hebt ingesteld, maar de widget ‘Product Stock’ wel in je template plaatst, zie je dit niet terug op de productpagina. 

Andere widgets toevoegen aan de productpagina

Daaronder zie je nog meer widgets voor WooCommerce staan. Deze widgets zijn niet specifiek alleen voor het maken van een single productpage, maar kun je in principe op alle pagina’s van je website toevoegen.

Verder kun je natuurlijk ook gewoon alle andere widgets gebruiken voor het aanpassen van je productpagina. Alles wat je op deze pagina plaatst komt bij AL je producten te staan (tenzij je de publicatie condities aanpast). Plaats dus alleen generieke content / widgets, zoals social media share buttons, contactbutton, informatie over je webshop, link naar faq of een inschrijfformulier voor je nieuwsbrief.

Stap 3: Template publiceren

Als je klaar bent met het aanpassen van de productpagina kun je het template gaan publiceren. Hiervoor heb je een aantal publicatieopties:

  • Alle producten: template wordt toegepast op alle producten
  • Categorie: stel het template alleen in voor een specifieke productcategorie in (kunnen er ook meerdere zijn, voeg dan nog een conditie toe)
  • Child productcategorieën: stel het template alleen in voor een subcategorie
  • Tag: pas het template toe voor producten die bepaalde tags hebben
  • Producten By Author: template toepassen voor producten die door een bepaalde auteur zijn geplaatst.

Productpagina’s uitsluiten

Het is ook mogelijk om productpagina’s uit te sluiten. Klik op de button ‘Add condition’ en selecteer ‘Exclude’.

Succes! (en vergeet je productpagina niet te optimaliseren voor mobiel!)

Deze vind je misschien ook interessant:

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites voor mkb'ers en zzp'ers. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.
Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.