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.
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.
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.
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.
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.
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.
# 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.
# 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.
# 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
# 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.
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.
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.
