Navigation

Rendering a "Pay with Amazon" Button on the Cart Page

Usually the checkout page includes information for the buyer to review, items in the cart, prices, total price information and some other order related details.

From this page, the buyer can proceed to checkout by clicking a related GUI element (for example hyperlink or button).

Amazon Pay provides its own GUI element, a button which renders by Amazon javascript code snippet and looks as follows:

Amazon Pay

If the buyer is a registered Amazon customer, clicking the button prompts to enter their Amazon login and password.

If correct, Amazon creates an order reference and passes it to the shop.

Using this reference and Amazon Pay credentials it is possible to run Amazon Pay API queries.

To insert the Amazon Pay button in your shop:

Add the following widget on your page::

{{ render(path('amazonpay_paybutton')) }}
        

Configuration is used from your current settings profile.

Results:

If everything was done properly, the clickable button will be displayed and by clicking it, the user will see a popup window with Amazon prompt to login.

The Popup looks as follows:

Amazon Popup

 

See also:

 

Last review date: Nov. 13th, 2017