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.
De knop 'Kopen op Amazon' is niets anders dan een CTA-knop affiliate marketeers toevoegen aan hun websites. Met deze knop kunnen ze gebruikers naar specifieke productpagina's leiden, zodat ze met één klik producten kunnen kopen.
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: Het standaard blok Knoppen gebruiken |
Methode 2: De ultieme blokken gebruiken |
Methode 3: Het Tableberg tabelblok gebruiken |
Methode 1: Het standaard knoppenblok gebruiken
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.