Amazon is een van de grootste e-commerce marktplaatsen voor zowel verkopers als groothandelaren. Niet alleen verkopers en klanten, maar ook veel affiliate marketeers sluiten zich aan bij Amazon om commissies te verdienen door producten en diensten op dit platform te promoten.
The ‘Buy on Amazon’ button is nothing but a CTA-knop affiliate marketers add to their websites. Using this button, they can direct users to specific product pages, enabling them to buy products with a single click.
In dit artikel laten we je drie eenvoudige methodes zien voor het toevoegen van Kopen op Amazon knop in WordPress. Maak je klaar om te ontdekken.
 Methode 1: Using the default Buttons Block |
 Methode 2: Using the Ultimate Blocks |
 Methode 3: Using the Tableberg Table Block |
Method 1: Using the Default Buttons Block
De Gutenberg-editor wordt geleverd met een standaard knopblok. Met dit blok kun je een goed werkende knop maken en toevoegen aan je site.
Stap 01: Het standaardknopblok toevoegen aan uw site
Open een bericht of pagina waar je deze CTA-knop wilt toevoegen. Klik op de plus (+) knop op de editor. Zoek de Knoppen blok door het in te typen in het zoekvak. Voeg het toe aan een geschikte plaats in de editor.
Het blok Knoppen is toegevoegd. Standaard heeft het geen tekst en is het links uitgelijnd. Vervolgens voegen we een CTA-kopie met een link toe en lijnen deze centraal uit.
Stap 02: Voeg een CTA-kopie en link toe aan de knop
Plaats je cursor op de knop en typ Kopen bij Amazon. U kunt de tekst vet maken door op de Vetgedrukte optie op de werkbalk. Lijn de knop daarna centraal uit. Je kunt hem ook links of rechts uitlijnen.
Voeg een link toe aan de CTA-knop door op de knop Link optie op de Gutenberg-werkbalk.
Stap 03: Het knoppenblok aanpassen en stylen
Je krijgt de Instellingen en Tabbladen stijlen op de rechterzijbalk. Op het tabblad Instellingen kunt u de breedte vergroten van het knoppenblok zoals je nodig hebt.
Van de Tabblad Stijlenkunt u de tekst en achtergrondkleur van de knop. Daarna kun je de typografie, lettergrootte, opvulling, rand, en radius van het knoppenblok.
Hopelijk kun je ze zelf maken. Zo kun je de Kopen op Amazon met dit standaardblok.
Methode twee: het (verbeterde) Button-blok gebruiken
Er zijn veel knop-plugins online, waarmee je meer functies en mogelijkheden aan je CTA-knoppen kunt toevoegen. Ultieme Blokken is er daar één van. Hiermee kun je animatie-effecten toevoegen aan de knop en deze horizontaal of verticaal weergeven.
Ga naar Plugins > Nieuwe plugins toevoegen. Type Ultieme Blokken in het zoekvak. Installeer en activeren de plugin. Volg dan de onderstaande stappen.
Stap 01: Zoek en voeg het blok Knop (verbeterd) toe
Het knoppenblok waar Ultimate Blocks mee komt heet Knop (Verbeterd). Zoek en voeg het toe aan de editor.
Stap 02: Kopiëren en linken toevoegen aan het blok Knop (Verbeterd)
De CTA-tekst toevoegen 'Kopen bij Amazon' en een link naar de knop volgens dezelfde methode die hierboven is beschreven.
Stap 03: Instellingen van het blok Knop (Verbeterd) configureren
De Tabblad Instellingen op de rechter zijbalk biedt je vele opties. U kunt het blok uitlijningdefinieer zijn oriëntatieen kies de maat en breedte van de knop.
Stap 04: Een pictogram aan de knop toevoegen
Scroll een beetje naar beneden. Je krijgt de optie om een pictogram toevoegen naar de knop. Je kunt ook de positie van de knop wijzigen, inclusief de grootte. Hieronder zie je dat we het winkelwagenpictogram aan de knop hebben toegevoegd.
Stap 05: Animatie toevoegen aan het blok Knop (Verbeterd)
Scroll nog een beetje verder naar beneden. De Pro-optie is alleen gereserveerd voor premium gebruikers. Zodra je upgrade naar de premium versie, kun je animatie-effecten toevoegen naar de knop.
Daarna kun je instellen om dit blok te verbergen voor specifieke apparaten met de optie Responsieve besturingsoptie.
Stap 06: Het Button (verbeterd) blok stylen
Ga naar de Tabblad Stijlen. U kunt de knopkleur, tekstkleur, hoverkleur, knopradius, en lay-outstijl.
Als je nog iets verder naar beneden scrollt, krijg je opties om het volgende toe te voegen Knopstyling en Maatinstellingen. Doe deze styliseringen zelf. Zo kun je een aantrekkelijke CTA-knop maken met de plugin.
Method Three: Using the Tableberg Plugin
Tafelberg is een plugin voor het maken van tabellen. Er zijn veel affiliate marketeers die producten willen promoten door middel van vergelijkingen en productspecificatietabellen. TableBerg zou een ideale plugin voor hen kunnen zijn. Hiermee kun je CTA-knoppen toevoegen aan de tabel.
Installeer en activeren de TableBerg plugin.
Step 01: Find and Add the Tableberg Block
De TableBerg plugin wordt geleverd met een tabel-bouwer blok. Net als elk ander blok moet je de TafelBerg blok en voeg het toe aan de editor.
Stap 02: Maak uw tabel en voeg er inhoud aan toe
Elke cel van de tabel heeft ook de Gutenberg plus (+) knop. Door op de knop te klikken kun je verschillende soorten blokken aan de tabel toevoegen, zodat je verschillende soorten inhoud kunt toevoegen. Ga op onderzoek uit en doe het zelf.
Je kunt zien dat we een voorbeeldtabel hebben gemaakt met de plugin.
Stap 03: CTA-knoppen toevoegen aan de tabel
Voeg de Knopblok een voor een naar alle respectieve cellen in de tabel.
Voeg vervolgens de kopie 'Kopen bij Amazon' en pas de knoppen aan. We laten het proces hier niet opnieuw zien, omdat we het al hebben uitgelegd in de bovenstaande twee methoden.
Leer hoe maak je een productspecificatietabel in WordPress.
Conclusie
CTA knoppen toevoegen om Amazon affiliate producten te verkopen is niet moeilijk als je de juiste tools hebt. Terwijl je met het standaardblok middelmatige knoppen kunt maken, kun je met de andere twee plugins hierboven aantrekkelijkere CTA-knoppen maken.
Hiermee kun je de winkelervaring verbeteren, conversies verhogen en inkomsten genereren voor je site. Als dit artikel je bevalt, laat het ons dan weten via het commentaarvak. En als je vragen hebt, vermeld ze dan hieronder zodat we je kunnen voorzien van informatieve antwoorden.
