Zo maak je een productspecificatietabel in WordPress

Een productspecificatietabel toont de belangrijkste kenmerken, specificaties en details van een product. Je kunt productspecificatietabellen maken voor zowel software- als e-commerceproducten.

Het kan je helpen om een gedetailleerd overzicht van het product te geven, zodat mensen meerdere producten kunnen vergelijken en weloverwogen beslissingen kunnen nemen.

In dit artikel laten we je aan de hand van een stap-voor-stap handleiding zien hoe je een productspecificatietabel maakt in WordPress voor Amazon eCommerce producten.

Maak prachtige tafels
Met blok-editor

Stap 01: Installeer en activeer de TableBerg-plugin

De standaard WordPress tabel is niet genoeg om uitgebreide productspecificatie tabellen te maken. Je kunt namelijk geen afbeeldingen, CTA knoppen en nog veel meer toevoegen aan het standaard tabelblok.

TafelBerg is een custom table builder plugin met veel geavanceerde functies. Je kunt het op WordPress net zo gebruiken als het standaard tabelblok. Maar eerst, installeren en activeren de plugin uit de plugin-sectie op je backend.

Installeer en activeer de TableBerg plugin

Stap 02: Voeg het TableBerg-blok toe aan uw bericht- of pagina-editor

Open een nieuw bericht, een nieuwe pagina of een bestaand bericht. Open de Gutenberg blokbibliotheek door te klikken op de knop Plus (+) pictogram. Zoek het blok door TableBerg in het zoekvak te typen.

Het TableBerg-blok toevoegen aan de editor van je bericht of pagina

Definieer het rij- en kolomnummer. Nadat je een eerste getal hebt ingesteld, kun je de rij- en kolomnummers nog aanpassen als dat nodig is. Maar voor nu stellen we de kolom en rij nummer 6*3.

Stel het rij- en kolomnummer in

Stap 03: Inhoud aan de tabel toevoegen

Omdat deze specificatietabel bedoeld is voor e-commerce producten, voegen we onze productafbeeldingen toe op de eerste rij.

# Afbeeldingen toevoegen

Selecteer een cel in de bovenste rij. De Gutenberg plus (+) pictogram verschijnt. Selecteer en voeg de Beeldblok aan de cel. Voeg vervolgens je gewenste afbeelding toe aan de cel en volg dezelfde methode voor de andere cel.

Afbeeldingen toevoegen aan de productspecificatietabel

Je kunt zien dat we twee afbeeldingen van twee van onze producten aan de tabel hebben toegevoegd. Daarna hebben we het product bovenop de afbeeldingen een naam gegeven.

Door op de Pictogram Omlaag verplaatsen op de werkbalk, kun je deze namen onder de afbeelding brengen.

Productafbeelding en -naam toevoegen aan de productspecificatietabel

Misschien wil je de kleur van de productnaam veranderen om de aandacht van bezoekers te trekken. Selecteer de naamtekst en druk op de knop Meer optie op de Gutenberg-werkbalk. Klik op Markeer op de lijst en kies een geschikte kleur voor de tekst.

Je kunt zien dat we de kleurcode #2b7186 op de tekst.

Markeer de productnaam

# Prijs toevoegen

Ga naar een nieuwe kolom hieronder en stel Prijs als naam. Zet de prijzen in de cellen onder de betreffende kolom. We hebben de prijstekst iets groter gemaakt met de optie onder Typografie.

Daarna veranderden we de kleur met de Markeer optie op dezelfde manier als we je een tijdje geleden lieten zien.

Prijzen toevoegen aan de productspecificatietabel

# Beoordeling toevoegen

Kom weer bij een nieuwe kolom en geef het een naam Beoordelingen. TableBerg mist momenteel het blok Rating. Maar vanaf het moment dat je dit bericht leest, is het beoordelingsblok mogelijk beschikbaar.

Controleer of het blok beschikbaar is met de plugin. Anders kun je beoordelingen in platte tekst weergeven. De eerste is het gemiddelde van alle verzamelde beoordelingen. De tekst tussen haakjes is het totale aantal ontvangen beoordelingen.

Beoordeling toevoegen aan de productspecificatietabel

# Lijst Eigenschappen

Tot slot is het tijd om alle kenmerken van de producten (camera) op te sommen. Je kunt voor elke functie aparte rijen gebruiken. Je kunt zien dat we alle productkenmerken in de tabel hebben opgenomen

Vermeld alle productkenmerken in de tabel

# CTA-knoppen toevoegen

CTA-knoppen zijn niet verplicht in de productspecificatietabel. Toch kun je ze toevoegen om te proberen of sommige mensen je producten kopen. Als je op de Plus (+) pictogramvoeg de Knopblok naar de tabel en maak je CTA-knoppen.

CTA-knoppen toevoegen aan de productspecificatietabel in WordPress

Stap 04: Bekijk een voorbeeld van de productspecificatietabel

Je tabel zou nu klaar moeten zijn. Ga naar de voorbeeldmodus en bekijk je tabel nog een laatste keer om te zien of hij klaar is om live te gaan. Als er geen probleem is, kun je de tabel publiceren.

Bekijk een voorbeeld van de productspecificatietabel

Conclusie

Zo kun je productspecificatietabellen maken op je WordPress site. Maar voordat je afsluit, zijn hier enkele essentiële tips voor je. Gebruik eenvoudige taal om de kenmerken van je product te beschrijven.

Organiseer de inhoud op een logische manier, zonder hiaten in de informatie. Zet de belangrijkste informatie bovenaan. Ontwerp de tabel ten slotte mobielvriendelijk voor een maximale gebruikerservaring.

Hier is een gids over hoe maak je een productvergelijkingstabel.



Het Tableberg-team

Early Bird-aanbieding is nu live!
Dit is de standaardtekst voor de meldingsbalk