Skip to main content

(Simply) Provide PayAndShip to existing member buyers without choice

Most recommended by Amazon Pay

Flow diagram

Below diagram shows website screen transitioning togehter with merchant and Amazon Pay processes involved. Diagram is horizontal, and flows from left to right. Scroll the diagram to the right to see all flow.

Merchant site to show Amazon Pay button on cartAmazon Pay Hosted pageMerchant processingMerchant site
This is an example of cart page.
The buyer clicks "Amazon Pay" button on cart page (regardless of new or existing member buyer).
productType is set to PayAndShip.
● ● ●
Cart page
Item
Price
Quant.
Total
Coffee Beans
Cofee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

Amazon Pay
▶︎
Screen and processing are same with General flow - Amazon Pay Hosted page in general.
▶︎
Merchant then call Get Checkout Session API with amazonCheckoutSessionId.
Merchant receives shipping address, payment instruments as API response
Ref: Get Checkout Session response
▶︎
Merchant shows (overwrites) information received in API response (shipping address, payment instrument and etc) on merchant order review page, and implement bindChangeAction to "Change" button.
● ● ●
Order review page
Shipping address
〒153-0064
Shimomeguro 1-8-1, Meguro, Tokyo
Amazon Taro

Payment instrument
VISA 1111xxxx (Amazon Pay)

Order detail
Item
Proce
Quant.
Total
Coffee Beans
Coffee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

About shipping address and name
Same with General flow - About shipping address and name
About payment instrument
Same with General flow - About payment instrument
Change button for shipping address and payment instrument
For buyer to change shipping address or payment instrument on Amazon Pay Hosted page, merchant put "change" button on the site, and implement bindChangeAction to "change" button.
Same with General flow - bindChangeAction.
▶︎
The buyer clicks "Place Order" button.
● ● ●
Order review page
Shipping address
〒153-0064
Shimomeguro 1-8-1, Meguro, Tokyo
Amazon Taro

Payment instrument
VISA 1111xxxx (Amazon Pay)

Order detail
Item
Proce
Quant.
Total
Coffee Beans
Coffee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

▶︎

Merchant site to choose Amazon Pay as payment methodAmazon Pay Hosted pageMerchant processingMerchant site
This is an example of order review page.
The buyer clicks "Change" button on order review page
● ● ●
Order review page
Shipping address
〒123-4567
Shinjuku 1-2-3, Shinjuku, Tokyo
Jigyosha Taro

Payment method
Bank transfer

Order detail
Item
Price
Quant.
Total
Coffee Beans
Coffee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

▶︎
Merchant shows other payment method.
The buyer choose "Amazon Pay" and click "Next" button.
● ● ●
Payment instrument
○ Credit Card
◉ Amazon Pay
○ B Pay
○ C Pay
○ Convenient Store Payment

▶︎
Merchant shows order review page.
Order review page is updated as below.
・Show "Amazon Pay" as payment instrument
・Replace "Place Order" button with Amazon Pay button(productType=PayAndShip)
The buyer clicks Amazon Pay button.
● ● ●
Order review page
Shipping address
〒123-4567
Shinjuku 1-2-3, Shinjuku, Tokyo
Jigyosha Taro

Payment instrument
Amazon Pay

Order detail
Item
Price
Quant.
Total
Coffee Beans
Coffee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

Amazon Pay
▶︎
Screen and processing are same with General flow - Amazon Pay Hosted page in general.
▶︎
Merchant then call Get Checkout Session API with amazonCheckoutSessionId.
Merchant receives shipping address, payment instruments as API response
Ref: Get Checkout Session response
▶︎
Merchant shows (overwrites) information received in API response (shipping address, payment instrument and etc) on merchant order review page, and implement bindChangeAction to "Change" button.
● ● ●
Order review page
Shipping address
〒153-0064
Shimomeguro 1-8-1, Meguro, Tokyo
Amazon Taro

Payment instrument
VISA 1111xxxx (Amazon Pay)

Order detail
Item
Proce
Quant.
Total
Coffee Beans
Coffee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

About shipping address and name
Same with General flow - About shipping address and name
About payment instrument
Same with General flow - About payment instrument
Change button for shipping address and payment instrument
For buyer to change shipping address or payment instrument on Amazon Pay Hosted page, merchant put "change" button on the site, and implement bindChangeAction to "change" button.
Same with General flow - bindChangeAction.
▶︎
The buyer clicks "Place Order" button.
● ● ●
Order review page
Shipping address
〒153-0064
Shimomeguro 1-8-1, Meguro, Tokyo
Amazon Taro

Payment instrument
VISA 1111xxxx (Amazon Pay)

Order detail
Item
Proce
Quant.
Total
Coffee Beans
Coffee beans
¥2,000
1
¥2,000
Coffee Beans
Coffee cup
¥500
1
¥500
Total
¥2,500

▶︎

Pros and Cons

ProsCons
Keep Amazon Pay integration scope minimum as merchant can use PayAndShip for both new and existing buyers.In case a buyer wishes to use shipping address saved at merchant site but not on Amazon account, a buyer has to add new shipping address on Amazon Pay Hosted page before proceeding to checkout, which is additional task to the buyer.