Menu

Set Up Express Lane Checkout

Customers browsing a site often leave without trying to buy an item. And of those that stay around, many simply abandon their carts. So what can you do to make customers buy on your website?

One easy way to convert customers from browsers to buyers is to enable Express Lane Checkout on your website. With this feature, your customers can buy from your website with a minimal number of clicks without leaving your website. This ease of use reduces the friction for buying products, because users can quickly access their shipping and payment information and checkout on the same web page on your website.

Enabling Express Lane Checkout for a Buy Now button

It's easy to enable Express Lane Checkout for purchases using Checkout by Amazon -- just make sure that your button code contains the following two lines of code, before the <form> tag:

<script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/cba/js/jquery.js"></script>
<script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/cba/js/widget/widget.js"></script>

For example, your complete code might look like this:

<script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/cba/js/jquery.js"></script>
<script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/cba/js/widget/widget.js"></script>


<form method=post action="https://payments.amazon.com/checkout/AEIOU1234AEIOU">

<input name="item_merchant_id_1" value="AEIOU1234AEIOU" type=hidden />
<input name="item_title_1" value="Red Fish" type=hidden />
<input name="item_price_1" value="19.99" type=hidden />
<input name="item_quantity_1" value="1" type=hidden />

<input name="currency_code" value="USD" type=hidden />

<input name="merchant_signature" value="VWXYZ12345VWXYZ12345" type=hidden />

<input alt="Checkout with Amazon Payments" src="https://payments.amazon.com/gp/cba/button?ie=UTF8
&color=orange&background=white&cartOwnerId=AEIOU1234AEIOU&size=medium" type="image">

</form>

Note that in this example "AEIOU1234AEIOU" stands for your Merchant ID, and "VWXYZ12345VWXYZ" stands for the computed signature.

Enabling Express Lane Checkout for a Server-side Transaction

If you are a merchant who currently integrates with Amazon using server-side posting (that is, the XML you post to Amazon Payments originates from your web server rather than from your customer's browser), you can also enable Express Lane Checkout on your website.

For example, suppose you send the form value to "/merchantWebServer/processOrder.php" rather than to the default "https://payments.amazon.com/checkout/[your_merchant_id]". You can simply modify your form to do the following:

  1. Include the 2 lines of JavaScript code as mentioned above.
  2. Add the special identifier id="cbaOneClickForm" to your <form>...</form> section to mark it as a Checkout by Amazon form (that is, to differentiate the Checkout by Amazon form from other forms that reside on your website).

For example, suppose this is your existing HTML form content (the text in red, below, shows that this is a server-side posting of the form rather than a client-side posting):

<form method=post action="/merchantWebServer/processOrder.php">

<input type="hidden" name="order" value="someEncryptedOrderInformation">
<input alt="Checkout with Amazon Payments" src="https://payments.amazon.com/gp/cba/button?ie=UTF8
&color=orange&background=white&cartOwnerId=AEIOU1234AEIOU&size=medium" type="image">

</form>

To enable Express Lane Checkout, you simply modify the code as shown below:

<script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/cba/js/jquery.js"></script>
<script type="text/javascript" src="https://images-na.ssl-images-amazon.com/images/G/01/cba/js/widget/widget.js"></script>


<form method=post id="cbaOneClickForm" action="/merchantWebServer/processOrder.php">

<input type="hidden" name="order" value="someEncryptedOrderInformation">
<input alt="Checkout with Amazon Payments" src="https://payments.amazon.com/gp/cba/button?ie=UTF8
&color=orange&background=white&cartOwnerId=AEIOU1234AEIOU&size=medium" type="image">

</form>

That's all there is to it. By adding this information to your <form>...</form> section, Checkout by Amazon will enable all appropriately marked forms to provide your customers with the Express Lane Checkout experience.

For Safari Users

Customers who use Safari as their web browser must enable cookies for Express Checkout to function correctly.

Here are the steps to enable cookies in Safari in Windows:

  1. Open Safari.
  2. Click the Safari menu button (in the top right corner of the Safari browser window), and click Preferences.
  3. On the Preferences dialog box, click Security.
  4. On the Security tab, next to Accept cookies, click Always.
  5. Click the Close box.