# Amazon Pay

### Step 1: Login and navigate to the funnel on which to add Amazon Pay <a href="#amazonpay-checkoutchamp-step1-loginandnavigatetothefunnelonwhichtoaddamazonpay" id="amazonpay-checkoutchamp-step1-loginandnavigatetothefunnelonwhichtoaddamazonpay"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FoaK6RjqxAWU252PdWYe3%2Fimage.png?alt=media&#x26;token=87c885cf-b2af-4306-bbdb-819732f02e7c" alt=""><figcaption></figcaption></figure>

***

### Step 2: Click the gear button on the top left to open the funnel settings <a href="#amazonpay-checkoutchamp-step2-clickthegearbuttononthetoplefttoopenthefunnelsettings" id="amazonpay-checkoutchamp-step2-clickthegearbuttononthetoplefttoopenthefunnelsettings"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FW0VLhhzU3G2bcdpMdDly%2Fimage.png?alt=media&#x26;token=ede842f6-5150-4d3d-a99c-7709c7682b59" alt=""><figcaption></figcaption></figure>

***

### Step 3: Open the Payments section <a href="#amazonpay-checkoutchamp-step3-openthepaymentssection" id="amazonpay-checkoutchamp-step3-openthepaymentssection"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FGjfJku7Q4k7caVNUG1y3%2Fimage.png?alt=media&#x26;token=c4a84f86-96cb-470c-9c22-299bd3418a32" alt=""><figcaption></figcaption></figure>

***

### Step 4: Add Amazon Pay credentials <a href="#amazonpay-checkoutchamp-step4-addamazonpaycredentials" id="amazonpay-checkoutchamp-step4-addamazonpaycredentials"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FcesXFU8d9kmWRSrGRJP1%2Fimage.png?alt=media&#x26;token=159efce0-311f-4425-ab7b-282917fe1557" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

* Select or add an Amazon Pay merchant account.
* Client ID, Seller ID, and Access Key values can be found in the **Amazon SellerCentral Portal** by logging into <https://sellercentral.amazon.com/> and going to Integration → MWS Access Key.
* The **Enable Recurring** checkbox determines whether to use Amazon billing agreements to enable recurring purchases. If checked, the customer will be required to check the “Use my selected payment method for future purchases and payments to this merchant” box in the Amazon-generated consent widget to complete the purchase. If unchecked, the order will be processed as a one-time payment.
  {% endhint %}

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FitJrBpuTljGUdiixAX6O%2Fimage.png?alt=media&#x26;token=4db6089f-d668-4cd0-b1c8-583dd39143c3" alt=""><figcaption></figcaption></figure>

***

### Step 5: Save and Continue <a href="#amazonpay-checkoutchamp-step5-saveandcontinue" id="amazonpay-checkoutchamp-step5-saveandcontinue"></a>

***

### Step 6: Edit Checkout page and add Amazon Pay button <a href="#amazonpay-checkoutchamp-step6-editcheckoutpageandaddamazonpaybutton" id="amazonpay-checkoutchamp-step6-editcheckoutpageandaddamazonpaybutton"></a>

You can choose a gold, light, or dark Amazon Pay button. The difference is color only. Add only one button to the page.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FDQeCaRXmi7muDcCGun0l%2Fimage.png?alt=media&#x26;token=c9dd03f5-a57f-47c3-bfb8-8ef7d92f09bf" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FFKDJpRLIhRgJ54fCum5A%2Fimage.png?alt=media&#x26;token=d0f5fbb3-3476-4aab-9474-9be2e5c32b2d" alt=""><figcaption></figcaption></figure>

***

### Step 7: Save the page and exit the page builder <a href="#amazonpay-checkoutchamp-step7-savethepageandexitthepagebuilder" id="amazonpay-checkoutchamp-step7-savethepageandexitthepagebuilder"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FdwsbsRMHz2IsxoFglmsK%2Fimage.png?alt=media&#x26;token=b121d275-e7c8-43a7-8f58-9b66d1da0821" alt=""><figcaption></figcaption></figure>

***

### Step 8: On the arrow leaving the checkout page, choose the Amazon Pay button for navigation. <a href="#amazonpay-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosetheamazonpaybuttonfornavigation" id="amazonpay-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosetheamazonpaybuttonfornavigation"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FYTgSfw113hwBr1etMpZ4%2Fimage.png?alt=media&#x26;token=3d05f7d2-6ea3-4545-bccf-97943e23d16b" alt=""><figcaption></figcaption></figure>

### Step 9: Publish the funnel. You’re done and ready to test! <a href="#amazonpay-checkoutchamp-step9-publishthefunnel.youredoneandreadytotest" id="amazonpay-checkoutchamp-step9-publishthefunnel.youredoneandreadytotest"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FONZesghPfrTjl2IxInc0%2Fimage.png?alt=media&#x26;token=244aaa74-6e14-4809-a10b-e128fc74fa96" alt=""><figcaption></figcaption></figure>

***

## Creating Amazon Pay App And Adding Your Domain <a href="#amazonpay-checkoutchamp-creatingamazonpayappandaddingyourdomain" id="amazonpay-checkoutchamp-creatingamazonpayappandaddingyourdomain"></a>

1. Log in to <https://sellercentral.amazon.com>
2. Go to **Integration → Integration Central**
3. Go to **Manage client ID/store ID(s)** section at the bottom of the page and click “**Create new client ID/store ID**” or click “**View client ID/store ID(s)**” and “**Edit**” to update existing app.
4. Add “**<https://funnels-build.Checkout> Champ.com**“ and “**<https://funnels.Checkout> Champ.com**“ or your custom funnel domain to **JavaScript origins** and **return URLs** and create or update.

Upon clicking the Amazon Pay button on your checkout page, you will get the message “We’re sorry The payment method that you chose isn\['t available for this purchase. Please choose another. Integration error summary” in the login popup window if your funnel domain is not added to your Amazon Pay client ID configuration.

***

## Transaction Flow <a href="#amazonpay-checkoutchamp-transactionflow" id="amazonpay-checkoutchamp-transactionflow"></a>

### The Customer will click the Amazon-generated Amazon Pay button <a href="#amazonpay-checkoutchamp-thecustomerwillclicktheamazon-generatedamazonpaybutton" id="amazonpay-checkoutchamp-thecustomerwillclicktheamazon-generatedamazonpaybutton"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FSDTojGRPp7Ljevqhu6GW%2Fimage.png?alt=media&#x26;token=8cf3cc3e-cd57-410a-88ba-583eb36dc9d7" alt=""><figcaption></figcaption></figure>

### A window will popup for the customer to sign into Amazon <a href="#amazonpay-checkoutchamp-awindowwillpopupforthecustomertosignintoamazon" id="amazonpay-checkoutchamp-awindowwillpopupforthecustomertosignintoamazon"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FgqZz5i1I1BFBvnHHfda6%2Fimage.png?alt=media&#x26;token=2316bb6f-7858-4732-ae15-ab8007df2197" alt=""><figcaption></figcaption></figure>

### The customer will return to your checkout page, select shipping address and payment method from the Amazon-generated widgets, and click the Amazon Pay button to complete the purchase. <a href="#amazonpay-checkoutchamp-thecustomerwillreturntoyourcheckoutpage-selectshippingaddressandpaymentmetho" id="amazonpay-checkoutchamp-thecustomerwillreturntoyourcheckoutpage-selectshippingaddressandpaymentmetho"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fj00aY5ShB0bpf6jjtJNG%2Fimage.png?alt=media&#x26;token=7a1ad6df-e729-4cee-b959-b4a53210386b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FoQwbTTG08dazFsB08WSQ%2Fimage.png?alt=media&#x26;token=a1b2f190-b4ab-41d0-ae9d-bb98d39fa47b" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Customer info fields are required for this alternate payment method.
{% endhint %}
