---
title: Amazon Payボタンを追加する
url: ja/amazon-pay-buy-now-checkout/ja-add-the-amazon-pay-button.html
---

**[Step 2 of 7]** 購入者がAmazon Payボタンをクリックすると、Amazon Pay決済エクスペリエンスが始まります。OneTimeチェックアウトフローとは異なり、購入者はAmazon Payボタンをクリックした後、Amazon PayのBuy Nowでホストされたチェックアウトページで決済を完了します。

このステップでは Amazon Payチェックアウトセッションオブジェクトを設定し、Amazon Payボタンをレンダリングします。このステップの最後に購入者をAmazon PayのBuy Nowページにリダイレクトすることができます。購入者はこのページで 配送先住所と支払い方法を選択し、配送オプションを確認・変更および注文の詳細を確認し、チェックアウトを完了することができます。

購入者はこのページで配送オプションを確認・変更および注文の詳細を確認し、チェックアウトを完了することができます。

Amazon Payボタンが表示されるドメインをセラーセントラルに追加する必要があります。詳しくは、[セラーセントラルにドメインを追加する](../amazon-pay-apb-checkout/get-set-up-for-integration.html#2-add-domains-to-seller-central){:target="\_blank"} をご覧ください。

* TOC
{:toc}
{::options toc_levels="3" /}

---

### 1. Amazon Payスクリプトを追加します

Amazon PayスクリプトをHTMLファイルに追加します。必ず正しいリージョンを選択してください。

<ul id="profileTabs" class="nav nav-tabs">
  <li class="nav-item"><a class="nav-link noExtIcon" href="#ustab" data-toggle="tab">US</a></li>
  <li class="nav-item"><a class="nav-link noExtIcon" href="#eutab" data-toggle="tab">EU / UK</a></li>
  <li class="nav-item"><a class="active nav-link noExtIcon" href="#jptab" data-toggle="tab">JP</a></li>
</ul>
<div class="tab-content">
  <div role="tabpanel" class="tab-pane" id="ustab">   
<div markdown="block">
```html
<script src="https://static-na.payments-amazon.com/checkout.js"></script>
```
</div>
  </div>
  <div role="tabpanel" class="tab-pane" id="eutab">
<div markdown="block">
```html
<script src="https://static-eu.payments-amazon.com/checkout.js"></script>
```
</div>
  </div>
  <div role="tabpanel" class="tab-pane active" id="jptab">
<div markdown="block">
```html
<script src="https://static-fe.payments-amazon.com/checkout.js"></script>
```
</div>
  </div>
</div>

---

### 2. ペイロードを生成します

Amazon Payボタンをレンダリングするには、Amazon Payがチェックアウトを開始するために使用するペイロードを提供する必要があります。

ペイロードは[Create Checkout Session](../amazon-pay-api-v2/checkout-session.html#create-checkout-session) APIのリクエストボディと同じ構造です。ボタンの一部としてペイロードを提供することで、このAPIを呼び出す必要がなくなります。

ペイロードを作成するには、購入者がチェックアウトを完了するために必要なすべての詳細を提供する必要があります。OneTimeインテグレーションとの大きな違いとして、`webCheckoutDetails`を渡す必要はありません。

**ボタンペイロードを生成するための手順:**

* `scopes` パラメータを使用して、チェックアウトを完了するために必要な購入者情報を指定します。この値を設定しない場合、onInitCheckoutコールバックの一部として、請求先住所以外のすべての購入者情報が要求されます。
* (EU/UKのみ) バイヤーから追加情報を収集する必要がある場合は一致するscopesパラメータを指定することにより、[BuyerAdditionalInfo](../amazon-pay-api-v2/buy-now-checkout.html#type-buyeraddtionalinfo)を要求することができます。リクエストされると、買い手はチェックアウトを完了する前にデータを提供する必要があります。情報は`onCompleteCheckout`コールバックの一部として共有されます（近日公開予定）。

**オプションのインテグレーション手順:**
* `deliverySpecifications` パラメータを使用して、住所制限を指定し、購入者がAmazon Hosted Pageのお届け先からサポートされていない住所を選択できないようにします。 一般的なユースケースの処理のついては、<a href="../amazon-pay-checkout/address-restriction-samples.md" target="_blank" rel="noopener noreferrer">アドレス制限のサンプル</a>を参照してください。
* (EU/UKのみ) `presentmentCurrency` パラメータを使用して、 他の<a href="../amazon-pay-checkout/multi-currency-integration.md#サポートされている通貨" target="_blank" rel="noopener noreferrer">サポートされている通貨</a>を使用して購入者に請求できます。詳細については、<a href="../amazon-pay-checkout/multi-currency-integration.md" target="_blank" rel="noopener noreferrer">こちら</a> を参照してください。
* 配送先住所の検証される場合は、[onInitCheckout および onShippingAddressSelection callback](./provide-event-handlers.html) をご利用ください。

#### ペイロード の例


```
{
    "storeId": "amzn1.application-oa2-client.8b5e45312b5248b69eeaStoreId",
    "scopes": ["name", "email", "phoneNumber", "billingAddress"],
    "paymentDetails": {
        "paymentIntent": "Authorize",
        "canHandlePendingAuthorization":false
    },

    "deliverySpecifications": {
        "addressRestrictions": {
            "type": "Allowed",
            "restrictions": {
                "JP": {}
            }
        }
    },
}
```

<table width="100%" border="1">
    <tbody>
        <tr id='SPI9CAupGTX'>
            <td id='s:SPI9CAupGTX;SPI9CAPMpxx' style='vertical-align: top; font-weight: bold; width: 30%' class='bold'>名前
                <br /></td>
            <td id='s:SPI9CAupGTX;SPI9CAm9zzw' style='vertical-align: top; font-weight: bold; width: 20%' class='bold'>ロケーション
                <br /></td>
            <td id='s:SPI9CAupGTX;SPI9CAMemY9' style='vertical-align: top; font-weight:bold;  width: 50%' class='bold'>説明
                <br /></td>
        </tr>
        <tr>
            <td style='vertical-align: top;'>paymentDetails<br><b>(必須)</b><br><br>Type: <a href="../amazon-pay-api-v2/checkout-session.md#type-paymentdetails" target="_blank" rel="noopener noreferrer">paymentDetails</a><br></td>
            <td style='text-align: left;vertical-align: top;'>Body<br></td>
            <td style='vertical-align: top;'><code>paymentIntent</code>`paymentIntent`や購入者への請求金額など、事業者が指定する支払い内容の情報。<br> NOTE: Buy Nowインテグレーションでは、`paymentDetails`オブジェクトから`paymentIntent`と`canHandlePendingAuthorization`のみがサポートされます。<br></td>
        </tr>
        <tr id='SPI9CAQrHNB'>
            <td id='s:SPI9CAQrHNB;SPI9CAPMpxx' style='vertical-align: top;'>storeId<br><b>(必須)</b><br><br>Type: string
                <br /></td>
            <td id='s:SPI9CAQrHNB;SPI9CAm9zzw' style='vertical-align: top;'>Body
                <br /></td>
            <td id='s:SPI9CAQrHNB;SPI9CAMemY9' style='vertical-align: top;'>Amazon Pay Store ID。 Amazon Pay インテグレーションセントラルからこの値を取得します: <a href="https://sellercentral.amazon.com/gp/pyop/seller/integrationcentral/" target="_blank" rel="noopener noreferrer">US</a>, <a href="https://sellercentral-europe.amazon.com/gp/pyop/seller/integrationcentral/" target="_blank" rel="noopener noreferrer">EU</a>, <a href="https://sellercentral-japan.amazon.com/gp/pyop/seller/integrationcentral/" target="_blank" rel="noopener noreferrer">JP</a>
                <br /></td>
        </tr>
	    <tr id=''>		 
            <td id='' style='vertical-align: top;'>scopes<br /><br />Type: list &lt;scope&gt;		 
                <br /></td>		 
            <td id='' style='text-align: left;vertical-align: top;'>Body		 
                <br /></td>		 
            <td id='' style='vertical-align: top;'>リクエストする購入者の詳細情報。手順4のボタンパラメータ<code>productType</code>を使用して、配送先住所が必要かどうかを指定します。<br><br>サポートされている値:
                    <ul>		 
                      <li>'name' - 購入者の氏名</li>		 
                      <li>'email' - 購入者のメールアドレス</li>		 
                      <li>'phoneNumber' - 既定の請求先住所に紐づく電話番号</li>		 
                      <li>'billingAddress' - 既定の請求先住所</li>	
                      <li>'shippingAddress' - 規定の配送先住所</li>	 
                    </ul>		 
            デフォルト値: <code>scopes</code>パラメータが設定されていない場合、請求先住所以外のすべての購入者情報をリクエストしたことになります
                <br /></td>  		 
        </tr>
        <tr id=''>
            <td id='' style='vertical-align: top;'>chargePermissionType<br /><br />Type: string
                <br /></td>
            <td id='' style='text-align: left;vertical-align: top;'>Body
                <br /></td>
            <td id='' style='vertical-align: top;'>リクエストされたCharge PermissionのType<br><br>サポートされている値:
                    <ul>
                      <li>'OneTime' - このCharge Permissionは単発の注文に使用できます</li>
                      <!-- <li>'Recurring' - このCharge Permissionは定期的な注文に使用できます</li> -->
                    </ul>
            デフォルト値: 'OneTime'
                <br /></td>
        </tr>
        <tr id=''>
            <td id='' style='vertical-align: top;'>deliverySpecifications<br /><br />Type: <a href="../amazon-pay-api-v2/checkout-session.md#type-deliveryspecifications" target="_blank" rel="noopener noreferrer">deliverySpecifications</a>
                <br /></td>
            <td id='' style='text-align: left;vertical-align: top;'>Body
                <br /></td>
            <td id='' style='vertical-align: top;'>配送先の制限を指定して、購入者がAmazonアドレス帳からサポートされていないアドレスを選択できないようにします
                <br /></td>
        </tr>   
        <tr id=''>
            <td id='' style='vertical-align: top;'>merchantMetadata<br><br>Type: <a href="../amazon-pay-api-v2/checkout-session.md#type-merchantmetadata" target="_blank" rel="noopener noreferrer">merchantMetadata</a>
                <br /></td>
            <td id='' style='vertical-align: top;'>Body
                <br /></td>
            <td id='' style='vertical-align: top;'>事業者が提供する注文の詳細情報
                <br /></td>
        </tr>
        <tr id=''>
            <td id='' style='vertical-align: top;'>platformId<br><br>Type: string
                <br /></td>
            <td id='' style='vertical-align: top;'>Body
                <br /></td>
            <td id='' style='vertical-align: top;'>ソリューションプロバイダー（SP）の事業者識別子。SPのみがこのフィールドを使用してください。変更可能: 購入者が<code>amazonPayReturnUrl</code>にリダイレクトされる前に複数回変更可能
                <br /></td>
        </tr>
        <tr id=''>
            <td id='' style='vertical-align: top;'>providerMetadata<br><br>Type: <a href="../amazon-pay-api-v2/checkout-session.md#type-providermetadata" target="_blank" rel="noopener noreferrer">providerMetadata</a>
                <br /></td>
            <td id='' style='vertical-align: top;'>Body
                <br /></td>
            <td id='' style='vertical-align: top;'> 決済サービスプロバイダー（PSP）が提供する注文の詳細情報。PSPのみがこのフィールドを使用してください。<br /></td>
        </tr>
    </tbody>
</table>


---

### 3. ボタンのレンダー

前のステップで作成した値を使用して、Amazon PayボタンをHTMLコンテナ要素にレンダリングします。ボタンはレスポンシブになり、コンテナ要素のサイズを継承します。詳細は <a href="../amazon-pay-checkout/amazon-pay-script.md#responsive-button-logic" target="_blank" rel="noopener noreferrer">レスポンシブボタンロジック</a> を参照してください。

以下のコードは、ボタンをクリックするとすぐにAmazon Payのチェックアウトを開始します。チェックアウトページでレンダリングされるカートレベルの詳細をAmazon Payに受信し、通信するために、イベントハンドラを登録し、ボタンのJavaScriptコードで定義する必要があります。イベントハンドラの実装は、[イベントハンドラを提供](./provide-event-handlers.html)するステップで詳しく説明します。

#### コードサンプル

<div>
  <ul id="profileTabs" class="nav nav-tabs">
    <li class="nav-item"><a class="nav-link noExtIcon" href="#usButtonTabNESK" data-toggle="tab">US</a></li>
    <li class="nav-item"><a class="nav-link noExtIcon" href="#euButtonTabNESK" data-toggle="tab">EU</a></li>
    <li class="nav-item"><a class="nav-link noExtIcon" href="#ukButtonTabNESK" data-toggle="tab">UK</a></li>
    <li class="nav-item"><a class="active nav-link noExtIcon" href="#jpButtonTabNESK" data-toggle="tab">JP</a></li>
  </ul>
  <div class="tab-content">

    <div role="tabpanel" class="tab-pane" id="usButtonTabNESK">

  <div markdown="block">
  ```html
<body>
    <div id="AmazonPayButton"></div>
    <script src="https://static-na.payments-amazon.com/checkout.js"></script>
    <script type="text/javascript" charset="utf-8">
        amazon.Pay.renderJSButton('#AmazonPayButton', {
            // set checkout environment
            merchantId: 'merchant_id',
            ledgerCurrency: 'USD',
            sandbox: 'true',
            // customize the buyer experience
            checkoutLanguage: 'en_US',
            productType: 'PayAndShip',
            placement: 'Cart',
            buttonColor: 'Gold',
            estimatedOrderAmount: {"amount": "109.99", "currencyCode": "USD"},
            // provide checkout configuration generated in previous step
            checkoutSessionConfig: {
                "storeId": "store_id",
                "scopes": ["name", "email", "phoneNumber", "billingAddress"],
                "paymentDetails": {
                    "paymentIntent": "AuthorizeWithCapture",
                    "canHandlePendingAuthorization": "false"
                },
            },
            // add placeholders for event handlers for user interaction
            /** Invokes when initiated checkout and authenticated **/
            onInitCheckout: function (event) {
                // return initial cart details, total amount, tax, delivery options
            },
            /** Invokes when customer has selected different shipping address **/
            onShippingAddressSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer clicks Pay Now **/
            onCompleteCheckout: function (event) {
                // Amazon Pay provides checkout session id, final billing address and payment descriptor.
            },
            /** Invokes when customer has selected different shipping Method **/
            onDeliveryOptionSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer abandons the checkout **/
            onCancel: function (event) {
                // take customer back to cart page or product details page based on merchant checkout
            }
        });
    </script>
</body>
```
  </div>
    </div>

    <div role="tabpanel" class="tab-pane" id="euButtonTabNESK">

  <div markdown="block">
  ```html
<body>
    <div id="AmazonPayButton"></div>
    <script src="https://static-eu.payments-amazon.com/checkout.js"></script>
    <script type="text/javascript" charset="utf-8">
        amazon.Pay.renderJSButton('#AmazonPayButton', {
            // set checkout environment
            merchantId: 'merchant_id',
            ledgerCurrency: 'EUR',
            sandbox: 'true',
            // customize the buyer experience
            checkoutLanguage: 'de_DE',
            productType: 'PayAndShip',
            placement: 'Cart',
            buttonColor: 'Gold',
            estimatedOrderAmount: {"amount": "109.99", "currencyCode": "EUR"},
            // provide checkout configuration generated in previous step
            checkoutSessionConfig: {
                "storeId": "store_id",
                "scopes": ["name", "email", "phoneNumber", "billingAddress"],
                "paymentDetails": {
                    "paymentIntent": "AuthorizeWithCapture",
                    "canHandlePendingAuthorization": "false"
                },
            },
            // add placeholders for event handlers for user interaction
            /** Invokes when initiated checkout and authenticated **/
            onInitCheckout: function (event) {
                // return initial cart details, total amount, tax, delivery options
            },
            /** Invokes when customer has selected different shipping address **/
            onShippingAddressSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer clicks Pay Now **/
            onCompleteCheckout: function (event) {
                // Amazon Pay provides checkout session id, final billing address and payment descriptor.
            },
            /** Invokes when customer has selected different shipping Method **/
            onDeliveryOptionSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer abandons the checkout **/
            onCancel: function (event) {
                // take customer back to cart page or product details page based on merchant checkout
            }
        });
    </script>
</body>
  ```
  </div>
    </div>

  <div role="tabpanel" class="tab-pane" id="ukButtonTabNESK">
  <div markdown="block">
  ```html
<body>
    <div id="AmazonPayButton"></div>
    <script src="https://static-eu.payments-amazon.com/checkout.js"></script>
    <script type="text/javascript" charset="utf-8">
        amazon.Pay.renderJSButton('#AmazonPayButton', {
            // set checkout environment
            merchantId: 'merchant_id',
            ledgerCurrency: 'GBP',
            sandbox: 'true',
            // customize the buyer experience
            checkoutLanguage: 'en_GB',
            productType: 'PayAndShip',
            placement: 'Cart',
            buttonColor: 'Gold',
            estimatedOrderAmount: {"amount": "109.99", "currencyCode": "GBP"},
            // provide checkout configuration generated in previous step
            checkoutSessionConfig: {
                "storeId": "store_id",
                "scopes": ["name", "email", "phoneNumber", "billingAddress"],
                "paymentDetails": {
                    "paymentIntent": "AuthorizeWithCapture",
                    "canHandlePendingAuthorization": "false"
                },
            },
            // add placeholders for event handlers for user interaction
            /** Invokes when initiated checkout and authenticated **/
            onInitCheckout: function (event) {
                // return initial cart details, total amount, tax, delivery options
            },
            /** Invokes when customer has selected different shipping address **/
            onShippingAddressSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer clicks Pay Now **/
            onCompleteCheckout: function (event) {
                // Amazon Pay provides checkout session id, final billing address and payment descriptor.
            },
            /** Invokes when customer has selected different shipping Method **/
            onDeliveryOptionSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer abandons the checkout **/
            onCancel: function (event) {
                // take customer back to cart page or product details page based on merchant checkout
            }
        });
    </script>
</body>
  ```
  </div>
    </div>

    <div role="tabpanel" class="tab-pane active" id="jpButtonTabNESK">

  <div markdown="block">
  ```html
<body>
    <div id="AmazonPayButton"></div>
    <script src="https://static-fe.payments-amazon.com/checkout.js"></script>
    <script type="text/javascript" charset="utf-8">
        amazon.Pay.renderJSButton('#AmazonPayButton', {
            // set checkout environment
            merchantId: 'merchant_id',
            ledgerCurrency: 'JPY',
            sandbox: 'true',
            // customize the buyer experience
            checkoutLanguage: 'ja_JP',
            productType: 'PayAndShip',
            placement: 'Cart',
            buttonColor: 'Gold',
            // provide checkout configuration generated in previous step
            checkoutSessionConfig: {
                "storeId": "store_id",
                "scopes": ["name", "email", "phoneNumber", "billingAddress"],
                "paymentDetails": {
                    "paymentIntent": "AuthorizeWithCapture",
                    "canHandlePendingAuthorization": "false"
                },
            },
            // add placeholders for event handlers for user interaction
            /** Invokes when initiated checkout and authenticated **/
            onInitCheckout: function (event) {
                // return initial cart details, total amount, tax, delivery options
            },
            /** Invokes when customer has selected different shipping address **/
            onShippingAddressSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer clicks Pay Now **/
            onCompleteCheckout: function (event) {
                // Amazon Pay provides checkout session id, final billing address and payment descriptor.
            },
            /** Invokes when customer has selected different shipping Method **/
            onDeliveryOptionSelection: function (event) {
                // return updated cart details, total amount, tax, delivery options
            },
            /** Invokes when customer abandons the checkout **/
            onCancel: function (event) {
                // take customer back to cart page or product details page based on merchant checkout
            }
        });
    </script>
</body>
  ```
  </div>
    </div>
  </div>
</div>

#### Function parameters
<table width="100%" border="1">
<tbody>
        <tr id="SPI9CAvz30I">
            <td id="s:SPI9CAvz30I;SPI9CAwqfh9" style="vertical-align: top; font-weight: bold ; width: 35%" class="bold">パラメータ
                <br></td>
            <td id="s:SPI9CAvz30I;SPI9CAy6rIp" style="vertical-align: top; font-weight: bold; width: 65%" class="bold">説明
                <br></td>
        </tr>
        <tr id="SPI9CAIyYS4">
            <td id="s:SPI9CAIyYS4;SPI9CAwqfh9" style="vertical-align: top;">merchantId<br><b>(必須)</b><br><br>Type: string
                <br></td>
            <td id="s:SPI9CAIyYS4;SPI9CAy6rIp" style="text-align: left;vertical-align: top;">Amazon Pay 事業者アカウント識別子
                <br></td>
        </tr>
        <!--<tr id='' style="display:none;" class="environmentSpecificKeys">
            <td id='' style='vertical-align: top;'>publicKeyId<br>(<b>required</b>)<br><br>Type: string
                <br /></td>
            <td id='' style='text-align: left;vertical-align: top;'>Credential provided by Amazon Pay. See <a href="../amazon-pay-checkout/get-set-up-for-integration.md#4-get-your-publickeyid" target="_blank" rel="noopener noreferrer">Get you publicKeyId</a> for more info<br><br>
            You must also set the <code>sandbox</code> parameter if your <code>publicKeyId</code> does not have an environment prefix
                <br /></td> 
        </tr>-->
        <tr id="SPI9CAw52Yq">
            <td id="s:SPI9CAw52Yq;SPI9CAwqfh9" style="vertical-align: top;">checkoutSessionConfig<br><b>(必須)</b><br><br>Type: <a href="../amazon-pay-checkout/amazon-pay-script.md#type-buttonconfig">buttonConfig</a>
                <br></td>
            <td id="s:SPI9CAw52Yq;SPI9CAy6rIp" style="text-align: left;vertical-align: top;">Checkout Session構成を作成します。<code>productType</code>をPayAndShipかPayOnlyで利用する場合、これは必須フィールドです</td>
        </tr>
         <tr id="SPI9CAf8yEh">
                    <td id="s:SPI9CAf8yEh;SPI9CAwqfh9" style="text-align: left;vertical-align: top;">placement<br><b>(必須)</b><br><br>Type: string
                        <br></td>
                    <td id="s:SPI9CAf8yEh;SPI9CAy6rIp" style="text-align: left;vertical-align: top;">ウェブサイトへのAmazon Payボタンの配置場所<br><br>サポートされている値:
                    <ul>
                      <li>'Home' - 初期ページまたはメインページ</li>
                      <li>'Product' - 商品詳細ページ</li>
                      <li>'Cart' - 購入者が決済を開始する前のカート確認ページ</li>
                      <li>'Checkout' - 購入者が決済を開始した後の任意のページ</li>
                      <li>'Other' - 上記説明に当てはまらないページ</li>
                    </ul>
                  </td>
                </tr>
        <tr id="IXV9CAD2lCG">
            <td id="s:IXV9CAD2lCG;IXV9CAYD3dl" style="text-align: left;vertical-align: top;">ledgerCurrency<br><b>(必須)</b><br><br>Type: string
                <br></td>
            <td id="s:IXV9CAD2lCG;IXV9CAsibgY" style="text-align: left;vertical-align: top;">指定された出品者IDの登録時に提供された通貨<br><br>サポートされている値: 
            <ul>
                <li>US事業者 - 'USD'</li>
                <li>EU事業者 - 'EUR'</li>
                <li>UK事業者 - 'GBP'</li>
                <li>JP事業者 - 'JPY'</li>
              </ul>
            </td>
        </tr>
        <tr id="IXV9CAD2lCG">
            <td id="s:IXV9CAD2lCG;IXV9CAYD3dl" style="text-align: left;vertical-align: top;">estimatedOrderAmount<br><br>Type:  <a href="../amazon-pay-api-v2/checkout-session.md#type-price" target="_blank" rel="noopener noreferrer">price</a>
                <br></td>
            <td id="s:IXV9CAD2lCG;IXV9CAsibgY" style="text-align: left;vertical-align: top;">チェックアウトの推定注文金額です。購入者がチェックアウト開始後に注文を更新した場合、最終的な注文金額と一致する必要はありません。Amazon Payはこの値を使用してトランザクションリスクを評価し、注文を処理できない支払い方法を購入者が選択できないようにします。
            </td>
        </tr>
        <tr id="SPI9CAcT2N8">
            <td id="s:SPI9CAcT2N8;SPI9CAwqfh9" style="vertical-align: top;">productType<br><br>Type: string
                <br></td>
            <td id="s:SPI9CAcT2N8;SPI9CAy6rIp" style="text-align: left;vertical-align: top;">決済用に選択されたProduct type<br><br>サポートされている値:<br>
                    <ul>
                      <li>'PayAndShip' - 購入者のお届け先と支払い方法を使用した決済を提供します。購入者のお届け先情報が必要な場合は、このproduct typeを選択してください</li>
                      <!-- <li>'PayOnly' - 購入者の支払い方法のみを使用した決済を提供します。購入者のお届け先情報が必要ない場合は、このproduct typeを選択してください</li>
                      <li>'SignIn' - サインイン機能を提供します。購入者がAmazon Payの決済を開始する前に購入者の詳細情報が必要な場合は、このproduct typeを選択してください。詳細については、<a href="../amazon-pay-checkout/amazon-sign-in.md" target="_blank" rel="noopener noreferrer">Amazon サインイン</a>を参照してください。</li> -->
                    </ul>
              デフォルト値: 'PayAndShip'
                <br></td>
        </tr>
        <tr>
            <td style="vertical-align: top;">buttonColor<br><br>Type: string
                <br></td>
            <td style="text-align: left;vertical-align: top;">Amazon Payボタンの色<br><br>サポートされている値: 'Gold', 'LightGray', 'DarkGray'<br>
              デフォルト値: 'Gold'
                <br></td>
        </tr>
        <tr id="SPI9CAUKjWp">
            <td id="s:SPI9CAUKjWp;SPI9CAwqfh9" style="vertical-align: top;">checkoutLanguage<br><br>Type: string
                <br></td>
            <td id="s:SPI9CAUKjWp;SPI9CAy6rIp" style="text-align: left;vertical-align: top;">Amazon Pay Hosted pageでボタンとテキストをレンダリングするために使用される言語。サポートされている言語は、Amazon Payアカウントの申し込みを行った地域によって異なることに注意してください。<br><br>サポートされている値:&nbsp;
              <ul>
                <li>US事業者 - 'en_US'</li>
                <li>EU/UK事業者 - 'en_GB', de_DE', 'fr_FR', 'it_IT', 'es_ES'</li>
                <li>JP事業者 - 'ja_JP'</li>
              </ul>
            </td>
        </tr>
        <tr id="SPI9CAvGRow">
            <td id="s:SPI9CAvGRow;SPI9CAwqfh9" style="vertical-align: top;">sandbox<br><br>Type: boolean
                <br></td>
            <td id="s:SPI9CAvGRow;SPI9CAy6rIp" style="text-align: left;vertical-align: top;">ボタンをSANDBOXに設定します
            <!-- <br><br>You do not have to set this parameter if your <code>publicKeyId</code> has an environment prefix (for example: SANDBOX-AFVX7ULWSGBZ5535PCUQOY7B)-->
            <br><br>デフォルト値: false
                <br></td>
        </tr>
    </tbody>
</table>