Pay with Amazon

• Overview
• The Setup

Overview

AmeriCommerce Store owners have the capability to allow their customers to pay with Amazon. 

Prerequisites:

• A Seller Central Account - Click Here to Sign Up
• Your MWS Merchant ID, Access Key, and Secret Key if setting up Pay With Amazon

The Setup

In your store's admin panel go to "Settings" > "Payments" > "Payment Methods" then click on "Set Up" for "Amazon Pay and Sign-in" on the resulting screen.

In another tab go to the application screen in your Seller Central account, go to "Menu" > "Integration" > "Integration Central".

You should see the following screen upon selecting "Integration Central" menu item:

From above screen, click on "View client ID/store ID(s)" button. You should see the following screen:

Click on "Edit" button from above screen and you should see the following screen, where you can edit the Amazon Pay Client/Store ID configuration, add or remove any allowed return URLs and allowed JavaScript origins:

In your Admin Panel, you should see the following text box.

Copy the URL in that text box and add to "Allowed return URLs" in your Seller Central Edit Amazon Pay Client/Store ID configuration screen.

Add your store's URL in to the "Allowed Javascript origins." Example: https://www.yourstore.com, in your Seller Central Edit Amazon Pay Client/Store ID configuration screen.

From your Seller Central account, go to "Menu" > "Integration" > "MWS Access Key".

You should see the following screen upon selecting "Integration Central" menu item:

Copy IDs and Keys from your Seller Central to your admin panel as per below mapping:

Once you will select the required services from Admin Panel, the Amazon Pay button will be available on One Page Checkout page:

Make sure payment method merge code is in your theme

<ac:visibilityarea id="AmazonWalletArea">
  <div class="payment-method">
    <div class="panel pad-20">
     <div data-payment-name="PayWithAmazon" class="payment-name h4 bold">
     <span>Select Payment</span>
    </div>
    <div class="pad-t-20">
      $$AMAZONWALLET$$
    </div>
  </div>
</div>
</ac:visibilityarea>

Also make sure the following code is included at the end of the OnePageCheckoutBillingAddressArea layoutarea:

<ac:visibilityarea id="AmazonEmailArea">
Email Address:$$AMAZONEMAILTEXTBOX$$ <br>
</ac:visibilityarea>

$$AMAZONADDRESSWIDGET$$

And here's and example of how that would look on the checkout page:

Back to Top