(Simply) Provide PayAndShip to existing member buyers without choice
Most recommended by Amazon PayFlow 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 cart | Amazon Pay Hosted page | Merchant processing | Merchant 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 Cofee beans ¥2,000 1 ¥2,000 Coffee cup ¥500 1 ¥500 Total ¥2,500 | ▶︎ | 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 responseRef: 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 Change 〒153-0064 Shimomeguro 1-8-1, Meguro, Tokyo Amazon Taro Payment instrument Change VISA 1111xxxx (Amazon Pay) Order detail Item Proce Quant. Total Coffee beans ¥2,000 1 ¥2,000 Coffee cup ¥500 1 ¥500 Total ¥2,500 About shipping address and name Same with General flow - About shipping address and nameAbout payment instrument Same with General flow - About payment instrumentChange 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 Change 〒153-0064 Shimomeguro 1-8-1, Meguro, Tokyo Amazon Taro Payment instrument Change VISA 1111xxxx (Amazon Pay) Order detail Item Proce Quant. Total Coffee beans ¥2,000 1 ¥2,000 Coffee cup ¥500 1 ¥500 Total ¥2,500 | ▶︎ | Flow continues as General flow - Merchant processing after "Place Order" |
Merchant site to choose Amazon Pay as payment method | Amazon Pay Hosted page | Merchant processing | Merchant site | |||||||||||
This is an example of order review page. The buyer clicks "Change" button on order review page ● ● ● Order review page Shipping address Change 〒123-4567 Shinjuku 1-2-3, Shinjuku, Tokyo Jigyosha Taro Payment method Change Bank transfer Order detail Item Price Quant. Total Coffee beans ¥2,000 1 ¥2,000 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 Change 〒123-4567 Shinjuku 1-2-3, Shinjuku, Tokyo Jigyosha Taro Payment instrument Change Amazon Pay Order detail Item Price Quant. Total Coffee beans ¥2,000 1 ¥2,000 Coffee cup ¥500 1 ¥500 Total ¥2,500 | ▶︎ | 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 responseRef: 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 Change 〒153-0064 Shimomeguro 1-8-1, Meguro, Tokyo Amazon Taro Payment instrument Change VISA 1111xxxx (Amazon Pay) Order detail Item Proce Quant. Total Coffee beans ¥2,000 1 ¥2,000 Coffee cup ¥500 1 ¥500 Total ¥2,500 About shipping address and name Same with General flow - About shipping address and nameAbout payment instrument Same with General flow - About payment instrumentChange 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 Change 〒153-0064 Shimomeguro 1-8-1, Meguro, Tokyo Amazon Taro Payment instrument Change VISA 1111xxxx (Amazon Pay) Order detail Item Proce Quant. Total Coffee beans ¥2,000 1 ¥2,000 Coffee cup ¥500 1 ¥500 Total ¥2,500 | ▶︎ | Flow continues as General flow - Merchant processing after "Place Order" |
Pros and Cons
Pros | Cons |
---|---|
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. |