[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける
Amazonアソシエイトパーツを貼り付けることで、Amazonの商品をアフィリエイトパーツとしてサイトに表示させることができます。
設定するには、あらかじめAmazonアソシエイトに登録し、アソシエイトIDを取得する必要があります。アソシエイトIDの取得や、アフィリエイトの詳細については、Amazonアソシエイトでご確認ください。
Amazonアソシエイトパーツは、現在ベータ版としての提供となります。
パーツを選ぶ
ブロックエディタの「ウェブサービス系パーツ」から〈Amazon〉を選びます。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://support-info.jp/toppinghp/wp-content/uploads/sites/13/images/03030717m-01-1.png)
商品を設定する
AmazonアソシエイトIDを入力し、〈次へ〉をクリックします。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://bindup.jp/support/wp-content/images/03030717m-02-1.jpg)
設定したい商品を検索し[1]、検索結果より商品を選択し[2]、〈次へ〉をクリックします[3]。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://support-info.jp/wp-content/uploads/images/03030717m-03-n.png)
「標準」「画像のみ」「画像+商品名」の3つの表示デザインのから形式を選択し、〈次へ〉をクリックします。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://support-info.jp/wp-content/uploads/images/03030717m-04-n.jpg)
設定を確認する
設定内容を確認し、〈適用〉をクリックします。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://support-info.jp/wp-content/uploads/images/03030717m-05-n.jpg)
ブロックエディタにパーツが貼り付けられるので、〈適用〉をクリックします。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://support-info.jp/toppinghp/wp-content/uploads/sites/13/images/03030717m-06-1.png)
表示を確認する
サイトエディタに戻り、〈プレビュー〉をクリックしてパーツが正しく表示されるかどうかを確認します。
![[ウェブサービス系パーツ]Amazonアソシエイトパーツを貼り付ける](https://support-info.jp/wp-content/uploads/images/03030717m-070n.png)
