Amazon Pay FAQ

ボタン種類と見た目に関する主要なパラメータについて

1. ボタン種類

Amazon Payには サインイン用のボタンと決済用のボタンの2種類があります。
それぞれのボタンの出し分けは ボタンレンダリング時のjavascriptに設定するproductTypeを使用します。

サインイン用のボタン(productType=SignIn)

サインイン用ボタン画像

なお、サインイン用のボタンを表示するjavascriptにはsingInConfigを入れます

決済用のボタン(productType=PayAndShip または PayOnly)

決済用ボタン画像

なお、決済用のボタンを表示するjavascriptにはcreateCheckoutSessionConfigを入れます

2. ボタンの色

それぞれのボタンは以下の3種類の色から選択いただけます。
色の出し分けは、ボタンレンダリング時のjavascriptに設定するbuttonColorを使用します。

buttonColor=Gold

サインインボタンGold画像

決済ボタンGold画像

buttonColor=LightGray

サインインボタンLightGray画像

決済ボタンLightGray画像

buttonColor=DarkGray

サインインボタンDarkGray画像

決済ボタンDarkGray画像

指定しない場合はGoldが選択されます。

3. ボタン設置場所

ボタンを表示するjavascriptには、placement (Amazon Payボタンの配置場所)を適切に設定します。

placementとしてサポートされている値:

  • Home - 初期ページまたはメインページ
  • Product - 商品詳細ページ
  • Cart - 購入者が決済を開始する前のカート確認ページ
  • Checkout - 購入者が決済を開始した後の任意のページ
  • Other - 上記説明に当てはまらないページ

参考) 関数パラメータ

Amazon Payボタンを追加する - 関数パラメータ

参考) コードサンプル

Amazonサインインのコードサンプル

Amazon Pay決済のコードサンプル