Amazon productboxen zijn ontworpen om producten die beschikbaar zijn op het Amazon platform op een visueel aantrekkelijke manier te tonen. Ze bevatten afbeeldingen, functies, beschrijvingen, prijzen en directe links zodat mensen de producten kunnen kopen.
Het belangrijkste doel van deze box is om klanten in één oogopslag te informeren over de eigenschappen en voordelen van het product en ze te prikkelen om het direct te kopen. Met de Tableberg plugin kun je prachtige Amazon product boxen maken in de WordPress editor.
In dit artikel beschrijven we hoe je Amazon productboxen toevoegt in WordPress.
Stap 01: Voeg het Tableberg-blok toe aan de editor
De plugin wordt geleverd met een aangepast blok met de naam Tableberg. Klik op de plus (+) pictogram. Voeg de Tafelberg blok aan de redactie.
Stel het aantal kolommen en rijen in dat je nodig hebt volgens je inhoud. Voor deze tutorial stellen we 2*1 in.
De basisversie van de tabel is klaar. Vervolgens voegen we inhoud toe aan de kolommen en rijen.
Stap 02: Een afbeelding van het Amazoneproduct toevoegen
Met Tableberg kun je meerdere aangepaste blokken toevoegen aan de tabelcellen, net als in de Gutenberg-editor. Voeg de Beeldblok naar een cel voor het weergeven van de Amazon productafbeelding.
We hebben een Amazon productafbeelding toegevoegd. Je kunt de afbeelding groter maken door het cirkelvormige pictogram te slepen terwijl je het tegelijkertijd ingedrukt houdt.
Stap 03: De productgegevens toevoegen
In de rechterkolom voegen we de naam, kenmerken, prijs en een korte beschrijving van het product toe. Je kunt dit allemaal doen met de Paragraaf blok.
Schrijf de naam van het product
Standaard wordt de Paragraaf blok wordt automatisch geselecteerd. Schrijf gewoon de naam van je product erop.
Vergroot de productnaam van de Typografie op de rechterzijbalk. Deze tekst moet er namelijk groter uitzien dan de andere teksten.
Voeg de prijs van het product toe
Een nieuwe toevoegen Paragraaf blok om de prijs van je product op te schrijven.
Stel een andere pakkende kleur in voor de prijs zodat het de ogen van mensen kan trekken.
Het is altijd goed om een gereduceerde prijs te tonen om mensen enthousiast te maken. Je kunt dit doen door een verhoogde prijs toe te voegen met een strikethough.
Schrijf dus een verhoogde prijs. Met de opties Markeren en Doorhalen kun je een andere kleur instellen en doorhalen.
Schrijf een beschrijving over het product
Schrijf met behulp van een ander Alinea blok een beschrijving voor het Amazon product.
Stap 04: Een CTA-knop toevoegen
Zoek en voeg de Knopblok onder de beschrijving.
Schrijf een tekst voor de knop. Ga vervolgens naar de Tabblad Instellingen.
Van Breedte-instellingenSelecteer een optie om de knop breder maken zoals je wilt.
Ga vervolgens naar de Tabblad Stijlen. Geschikte opties gebruiken, inkleuren en formaat van de knop wijzigen kopiëren.
Stap 05: Voeg ruimte toe tussen de blokken
Selecteer de hele kolom door op de rand ervan te klikken. Ga naar de Tabblad Stijlen. Kom naar de Blokafstand sectie door naar beneden te scrollen op het tabblad. Plaats een waarde om ruimte toe te voegen tussen de blokken in de kolom.
Stap 06: Een lint toevoegen aan de Amazon Product Box
Met linten kun je een korte reclameboodschap weergeven die gebruikers direct aanspoort om je product te kopen. Voeg de Lint blok naar de kolom die je wilt weergeven.
Toevoegen Lintkopie, lintstijl, positie, en kleur met opties op het tabblad Instellingen en stijlen.
Stap 07: De rand van de Amazon Product Box aanpassen
Door de rand van de doos aan te passen, kun je de esthetiek verfraaien. Kom naar de Tabel Randsectie door naar beneden te scrollen in de Tabblad Stijlen.
Binnenrand uitschakelen. Daarna, verander de kleur en breedte van de buitenste rand.
Zo, je Amazon Product box is klaar. Je kunt het verder aanpassen zoals je wilt.
Bonuspunt: Gebruik een kant-en-klaar sjabloon voor productdozen
Tableberg plugin wordt geleverd met een uitgebreide sjabloonbibliotheek waar je een goede verzameling kant-en-klare tabellen vindt waarmee je direct je vele websecties kunt voorbereiden. Het bevat ook veel kant-en-klare feature boxes die je kunt gebruiken om Amazon producttabellen te maken.
In deze volgende videoclips hebben we laten zien hoe je de feature boxes kunt vinden en ze kunt toevoegen aan de editor. Vervolgens kun je, door alleen de inhoud te wijzigen, je Amazon productbox klaarmaken.
Conclusie
We hebben de tutorial in het kort behandeld. Je kunt je Amazon Product box uitgebreid maken door veel meer informatie toe te voegen. Je kunt zelfs meerdere afbeeldingen en CTA-knoppen toevoegen. In dit artikel hebben we geprobeerd een inspirerende handleiding te geven die je kunt gebruiken om interessantere ontwerpen te maken.
Bijvoorbeeld, voordat je weggaat, neem nog een paar minuten de tijd om de post te bekijken hoe processtappen weergeven in WordPress met de plugin.
