{"id":953,"date":"2025-01-25T01:18:12","date_gmt":"2025-01-25T01:18:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=953"},"modified":"2025-01-25T01:18:17","modified_gmt":"2025-01-25T01:18:17","slug":"hoe-koop-op-amazon-knop-toevoegen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-buy-on-amazon-button-in-wordpress\/","title":{"rendered":"Hoe 'Koop op Amazon' knoppen toevoegen in WordPress (3 manieren)"},"content":{"rendered":"<p>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.<\/p>\n\n\n\n<p>De knop 'Kopen op Amazon' is niets anders dan een <a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-knop-voor-oproepen-tot-actie-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">CTA-knop<\/a> affiliate marketeers toevoegen aan hun websites. Met deze knop kunnen ze gebruikers naar specifieke productpagina's leiden, zodat ze met \u00e9\u00e9n klik producten kunnen kopen.<\/p>\n\n\n\n<p>In dit artikel laten we je drie eenvoudige methodes zien voor het toevoegen van <strong>Kopen op Amazon<\/strong> knop in WordPress. Maak je klaar om te ontdekken.<\/p>\n\n\n<div class=\"wp-block-tableberg-wrapper wp-block-tableberg-table\" >\n\t\t\t<div class=\"tableberg-table-wrapper\" style=\"border-color: #abb8c3; \">\n\t\t\t\t<table class = \"has-inner-border\" style=\"border-spacing: 0 0; --tableberg-cell-padding-top: var(--wp--preset--spacing--medium); --tableberg-cell-padding-bottom: var(--wp--preset--spacing--medium); --tableberg-inner-border-top: none; --tableberg-inner-border-right: 1px solid #abb8c3; --tableberg-inner-border-bottom: 1px solid #abb8c3; --tableberg-inner-border-left: none; --tableberg-inner-border-top-first: 1px solid #abb8c3; --tableberg-inner-border-left-first: 1px solid #abb8c3; \" data-tableberg-header=\"\" data-tableberg-footer=\"\" data-tableberg-responsive data-tableberg-rows=\"1\" data-tableberg-cols=\"3\" data-tableberg-mobile-width=\"700\" data-tableberg-mobile-mode=\"stack\" data-tableberg-mobile-direction=\"row\" data-tableberg-mobile-count=\"1\" data-tableberg-mobile-header=\"1\" ><colgroup><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><\/colgroup><tbody><tr class=\"tableberg-odd-row\" style=\"\">\n<td data-tableberg-row=\"0\" data-tableberg-col=\"0\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Simple-Buy-on-Amazon-Button.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>Methode 1<\/strong>: <a href=\"#Using-the-default-Buttons-Block\">Het standaard blok Knoppen gebruiken<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"1\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-with-Icon.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>Methode 2<\/strong>: <a href=\"#Using-the-Ultimate-Blocks\">De ultieme blokken gebruiken<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"2\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Buttons-on-Table.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>Methode 3<\/strong>: <a href=\"#Using-the-Tableberg-Table-Block\">Het Tableberg tabelblok gebruiken<\/a><\/p>\n<\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-default-Buttons-Block\">Methode 1: Het standaard knoppenblok gebruiken<\/h2>\n\n\n\n<p>De Gutenberg-editor wordt geleverd met een <strong>standaard knopblok<\/strong>. Met dit blok kun je een goed werkende knop maken en toevoegen aan je site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 01: Het standaardknopblok toevoegen aan uw site<\/h3>\n\n\n\n<p>Open een bericht of pagina waar je deze CTA-knop wilt toevoegen. Klik op de <strong>plus (+) knop<\/strong> op de editor. Zoek de <strong>Knoppen blok<\/strong> door het in te typen in het zoekvak. Voeg het toe aan een geschikte plaats in de editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp\" alt=\"Het knoppenblok toevoegen aan WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-453\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png\" alt=\"Het blok Knoppen is toegevoegd\" class=\"has-border-color has-main-accent-border-color wp-image-954\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 02: Voeg een CTA-kopie en link toe aan de knop<\/h3>\n\n\n\n<p>Plaats je cursor op de knop en typ <strong>Kopen bij Amazon<\/strong>. U kunt de tekst vet maken door op de <strong>Vetgedrukte optie<\/strong> op de werkbalk. Lijn de knop daarna centraal uit. Je kunt hem ook links of rechts uitlijnen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp\" alt=\"Voeg een CTA-kopie toe en lijn de knop centraal uit\" class=\"has-border-color has-main-accent-border-color wp-image-955\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voeg een link toe aan de CTA-knop door op de knop <strong>Link optie<\/strong> op de Gutenberg-werkbalk.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp\" alt=\"Een link toevoegen aan de knop\" class=\"has-border-color has-main-accent-border-color wp-image-956\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 03: Het knoppenblok aanpassen en stylen<\/h3>\n\n\n\n<p>Je krijgt de <strong>Instellingen<\/strong> en <strong>Tabbladen stijlen<\/strong> op de rechterzijbalk. Op het tabblad Instellingen kunt u <strong>de breedte vergroten<\/strong> van het knoppenblok zoals je nodig hebt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp\" alt=\"Wijzig de breedte-instellingen van de CTA-knop\" class=\"has-border-color has-main-accent-border-color wp-image-957\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Van de <strong>Tabblad Stijlen<\/strong>kunt u de <strong>tekst<\/strong> en <strong>achtergrondkleur<\/strong> van de knop. Daarna kun je de <strong>typografie, lettergrootte, opvulling, rand, <\/strong>en <strong>radius<\/strong> van het knoppenblok.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1594\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3081\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-300x189.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1024x644.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-768x483.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1536x965.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-2048x1287.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<p>Hopelijk kun je ze zelf maken. Zo kun je de <strong>Kopen op Amazon<\/strong> met dit standaardblok.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Ultimate-Blocks\">Methode twee: het (verbeterde) Button-blok gebruiken<\/h2>\n\n\n\n<p>Er zijn veel knop-plugins online, waarmee je meer functies en mogelijkheden aan je CTA-knoppen kunt toevoegen. <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultieme Blokken<\/a> is er daar \u00e9\u00e9n van. Hiermee kun je animatie-effecten toevoegen aan de knop en deze horizontaal of verticaal weergeven.<\/p>\n\n\n\n<p>Ga naar <strong>Plugins &gt; Nieuwe plugins toevoegen<\/strong>. Type <strong>Ultieme Blokken<\/strong> in het zoekvak. <strong>Installeer<\/strong> en <strong>activeren<\/strong> de plugin. Volg dan de onderstaande stappen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Installeer en activeer de Ultimate Blocks plugin\" class=\"has-border-color has-main-accent-border-color wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 01: Zoek en voeg het blok Knop (verbeterd) toe<\/h3>\n\n\n\n<p>Het knoppenblok waar Ultimate Blocks mee komt heet <strong>Knop (Verbeterd)<\/strong>. Zoek en voeg het toe aan de editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp\" alt=\"Voeg het blok Button (Improved) toe aan de editor\" class=\"has-border-color has-main-accent-border-color wp-image-959\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 02: Kopi\u00ebren en linken toevoegen aan het blok Knop (Verbeterd)<\/h3>\n\n\n\n<p>De CTA-tekst toevoegen '<strong>Kopen bij Amazon<\/strong>' en een link naar de knop volgens dezelfde methode die hierboven is beschreven.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp\" alt=\"Voeg een kopie en link toe aan de CTA-knop\" class=\"has-border-color has-main-accent-border-color wp-image-960\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 03: Instellingen van het blok Knop (Verbeterd) configureren<\/h3>\n\n\n\n<p>De <strong>Tabblad Instellingen<\/strong> op de rechter zijbalk biedt je vele opties. U kunt het blok <strong>uitlijning<\/strong>definieer zijn <strong>ori\u00ebntatie<\/strong>en kies de <strong>maat<\/strong> en <strong>breedte<\/strong> van de knop.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp\" alt=\"Instellingen configureren van het blok knop (verbeterd)\" class=\"has-border-color has-main-accent-border-color wp-image-961\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 04: Een pictogram aan de knop toevoegen<\/h3>\n\n\n\n<p>Scroll een beetje naar beneden. Je krijgt de optie om <strong>een pictogram toevoegen <\/strong>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.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1386\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3083\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-300x164.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1024x560.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-768x420.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1536x839.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-2048x1119.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-18x10.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 05: Animatie toevoegen aan het blok Knop (Verbeterd)<\/h3>\n\n\n\n<p>Scroll nog een beetje verder naar beneden. De <strong>Pro-optie<\/strong> is alleen gereserveerd voor premium gebruikers. Zodra je upgrade naar de premium versie, kun je <strong>animatie-effecten toevoegen<\/strong> naar de knop.<\/p>\n\n\n\n<p>Daarna kun je instellen om dit blok te verbergen voor specifieke apparaten met de optie <strong>Responsieve besturingsoptie<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp\" alt=\"Animatie-effect toevoegen aan de knop\" class=\"has-border-color has-main-accent-border-color wp-image-963\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 06: Het Button (verbeterd) blok stylen<\/h3>\n\n\n\n<p>Ga naar de <strong>Tabblad Stijlen<\/strong>. U kunt de <strong>knopkleur, tekstkleur, hoverkleur, knopradius, <\/strong>en <strong>lay-outstijl<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp\" alt=\"Stylizeer de knop (verbeterd) blok\" class=\"has-border-color has-main-accent-border-color wp-image-964\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Als je nog iets verder naar beneden scrollt, krijg je opties om het volgende toe te voegen <strong>Knopstyling <\/strong>en<strong> Maatinstellingen<\/strong>. Doe deze styliseringen zelf. Zo kun je een aantrekkelijke CTA-knop maken met de plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp\" alt=\"Knopstijl toevoegen\" class=\"has-border-color has-main-accent-border-color wp-image-965\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Table-Block\">Derde methode: De Tableberg-plugin gebruiken<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tafelberg<\/a> 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.<\/p>\n\n\n\n<p><strong>Installeer<\/strong> en <strong>activeren<\/strong> de <strong>TableBerg plugin<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 01: Zoek en voeg het Tableberg-blok toe<\/h3>\n\n\n\n<p>De TableBerg plugin wordt geleverd met een tabel-bouwer blok. Net als elk ander blok moet je de <strong>TafelBerg<\/strong> blok en voeg het toe aan de editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Zoek en voeg het TableBerg-blok toe aan uw Gutenberg-editor\" class=\"has-border-color has-main-accent-border-color wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 02: Maak uw tabel en voeg er inhoud aan toe<\/h3>\n\n\n\n<p>Elke cel van de tabel heeft ook de Gutenberg <strong>plus (+) knop<\/strong>. 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.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp\" alt=\"TableBerg-blokken gebruiken om een tabel te maken en er inhoud aan toe te voegen\" class=\"has-border-color has-main-accent-border-color wp-image-972\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Je kunt zien dat we een voorbeeldtabel hebben gemaakt met de plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp\" alt=\"Een voorbeeldtabel maken met de TableBerg plugin\" class=\"has-border-color has-main-accent-border-color wp-image-973\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 03: CTA-knoppen toevoegen aan de tabel <\/h3>\n\n\n\n<p>Voeg de <strong>Knopblok<\/strong> een voor een naar alle respectieve cellen in de tabel.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp\" alt=\"Voeg het knoppenblok toe aan alle respectieve cellen van de tabel\" class=\"has-border-color has-main-accent-border-color wp-image-974\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voeg vervolgens de kopie '<strong>Kopen bij Amazon<\/strong>' en pas de knoppen aan. We laten het proces hier niet opnieuw zien, omdat we het al hebben uitgelegd in de bovenstaande twee methoden.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp\" alt=\"CTA-kopie en aanpassingen toevoegen aan het knoppenblok\" class=\"has-border-color has-main-accent-border-color wp-image-975\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Leer <a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-productspecificatie-tabel-in-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"534\" rel=\"noreferrer noopener\">hoe maak je een productspecificatietabel in WordPress<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusie<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>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.<\/p>","protected":false},"excerpt":{"rendered":"<p>Amazon is one of the biggest eCommerce marketplaces both for retailers and wholesalers. Not only vendors and customers but also many affiliate marketers join Amazon to earn commissions by promoting products and services on this platform. The &#8216;Buy on Amazon&#8217; button is nothing but a CTA button affiliate marketers add to their websites. Using this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[36,33,17],"class_list":["post-953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-button-blocks","tag-button-plugins","tag-cta-button"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Add-Buy-on-Amazon-Button-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":7055,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/953\/revisions\/7055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/7053"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}