Menu

Ecommerce plugins > WooCommerce

Setup instructions

Step-by-step setup video: Integrating Amazon Pay with WooCommerce


video length- 3:08

On the settings page, fill in your settings:

  1. Locate the following details for your Amazon Pay account on Seller Central:
    • Seller ID
    • MWS Access Key
    • Secret Key
  2. Use Sandbox — Check this box to use the Sandbox environment for testing. Note: When testing in Sandbox mode, no live payments are processed.
  3. Payment Capture — Choose how payments should be handled for new orders:
    • Authorize and capture — After placing the order, the payment is automatically captured.
    • Authorize — After placing the order, the payment is automatically authorized, and you will be able to capture it later.
    • Don’t authorize — After placing the order, you need to manually capture and authorize payment. This method is useful for pre-orders.
  4. Cart login button display — This option lets you choose how the login widget is displayed, either as a button or as a banner above the cart contents.
  5. Wallet widget width / height — The Wallet widget is where the customer selects payment details. Choose a width that fits your checkout page.
  6. Address Book widget width / height — The Address Book widget is where the customer selects shipping details. Choose a width that fits your checkout page.

You can retrieve your account details by logging into Seller Central. Your Seller ID is located under Settings > Integration Settings and your MWS Access and Secret Keys are located under Integration > MWS Access Key.

US: https://sellercentral.amazon.com

EU: https://sellercentral-europe.amazon.com

When configuration is complete, the plugin should be ready to use.

Determining the correct widget width for your theme

The wallet and address book widgets need a pixel width set that will allow them to fit correctly on your checkout pages. The quickest way to determine the ideal width for your widgets is to use Firebug (in Firefox) or Chrome’s developer tools. Right-click your checkout page, choose inspect element, and highlight/inspect the col-1 div which contains billing fields. In the example below, 300px would be the ideal width:

setup instructions chrome dev tools

Alternatively you may prefer trial and error.