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.
アマゾンで購入する」ボタンは、「アマゾンで購入する」ボタンに過ぎない。 CTA button アフィリエイトマーケティング担当者は、自分のウェブサイトに追加する。このボタンを使えば、ユーザーを特定の商品ページに誘導し、ワンクリックで商品を購入させることができる。
In this article, we’ll show you three easy methods of how to add ‘Buy on Amazon’ button in WordPress. Get ready to explore.
方法1: デフォルトのボタンブロックを使う |
方法2: アルティメット・ブロックの使用 |
方法3: Tablebergテーブルブロックの使用 |
方法1：デフォルトのボタンブロックを使う
The Gutenberg editor comes with a default button block. With this block, you can create and add a well-functional button on your site.
Step 01: Add the Default Button Block to Your Site
Open a post or page where you want to add this CTA button. Click the プラス（＋）ボタン on the editor. Find the Buttons block by typing it in the search box. Add it to a suitable place in the editor.
The Buttons block is added. By default, it has no text, and it’s left-aligned. Next, we’ll add a CTA copy with a link and align it centrally.
Step 02: Add a CTA Copy and Link to the Button
Place your cursor on the button and type Buy on Amazon. You can bold the text by pressing the Bold option on the toolbar. After that, centrally align the button. You may align it on the left or right as well.
Add a link to the CTA button by clicking the Link option をクリックしてください。
Step 03: Customize and Stylize the Buttons Block
You’ll get the 設定 そして Styles tabs on the right sidebar. The Settings tab will let you increase the width of the button block as you need.
より スタイルタブ, you can change the text そして background color of the button. After that, you you can change the typography, font size, padding, border, そして radius of the button block.
Hope you can do them yourself. Thus, you can create the Buy On Amazon button with this default block.
Method Two: Using the Button (Improved) Block
There are many button plugins online, allowing you to add more features and functionalities to your CTA buttons. アルティメット・ブロック is one of them. It lets you add animation effects to the button and display it whether in horizontal or vertical orientations.
こちらへ プラグイン > 新しいプラグインの追加. Type アルティメット・ブロック in the search box. インストール そして アクティブ化 the plugin. Then follow the steps outlined below.
Step 01: Find and Add the Button (Improved) Block
The button block Ultimate Blocks comes up with is named as Button (Improved). Find and add it to the editor.
Step 02: Add Copy and Link to the Button (Improved) Block
Add the CTA copy ‘Buy on Amazon‘ and a link to the button following the same method described above.
Step 03: Configure Settings of the Button (Improved) Block
について 設定タブ on the right sidebar will offer you many options. You can justify the block’s alignment, define its orientation, and choose the size そして width of the button.
Step 04: Add an Icon to the Button
Scroll down the tab a bit. You’ll get the option to add an icon to the button. You can also change the button’s position, including its size. You can see below we have added the cart icon to the button.
Step 05: Add Animation to the Button (Improved) Block
Scroll down the tab again a bit more. The Pro option is reserved only for premium users. Once you upgrade to the premium version, you can add animation effects to the button.
After that, you can set to hide this block for specific devices using the レスポンシブ・コントロール・オプション.
