user experience (ux) best practice - images-na.ssl …€¦ · user experience (ux) best practices...
TRANSCRIPT
User Experience (UX) Best Practice
Intro
Using Buttons
Site Navigation
Contact Us
-------guide-------
Login and Pay with Amazon
23
6
15
The purpose of this guide is to provide recommendations for the optimal user experience (UX) for Login and Pay with Amazon. It includes UX guidance on button size, button placement, navigation, and checkout flow. These recommendations reflect years of Amazon eCommerce knowledge and experience and are designed to improve your site conversion, increase your number of registered customers, and help grow your business.
-------
User Experience (UX) Best Practices Guide | payments.amazon.com 2
How to grow your business
with Login and Pay with Amazon
Implementing Login and Pay with Amazon
More than payments processing,
a commerce identity solution
Login and Pay with Amazon Delivers
Your Customers
can create an account with you
using their familiar Amazon username and password—no
new username or password for them to remember.
Your Customers
have instant access to the shipping and payment
information they already have stored in their Amazon
account.
You as a merchant get their name, zip code, and
email address
You can personalize their onsite experience and re-engage customers that abandon without
completing a purchase.
You can also link their information to your CRM
system and add their email to your newsletter or marketing campaigns.
Customers have entrusted Amazon with their payment information, their shipping address, and often the addresses of friends and family. What if they could take their Amazon identity with them to other online sites? With Login and Pay with Amazon, they can.
When you add Login and Pay to your site you can recognize Amazon customers right when they login, personalize their experience, and then when it comes time for them to checkout, their payment and shipping information is automatically displayed. No forms to fill-out. No new account to create. The result is a streamlined experience, more registered customers, higher customer satisfaction, and more sales for you.
Adding Login and Pay with Amazon to your site is the key to offering the best shopping experience, by providing customers with an intuitive, personalized site experience and streamlined checkout. If you’re like most merchants, you spend a lot of time and energy to bring people to your site. To keep them there and ensure they make a purchase, you need to provide a checkout experience that is fast, easy, and secure.
With Login and Pay with Amazon, you can take advantage of Amazon’s technology and know-how to give your customers a buying experience that is trusted and familiar. In this guide you will find recommendations for how best to implement Login and Pay with Amazon so that you maximize customer satisfaction and your business results.
----------------
------
----------
----------------
Intro
3
Using Buttons
Note: Buttons used in retina displays are @2x
the sizes provided in this
document. For a full list
of Login and Pay button
options, please visit:
http://login.amazon.com/button-guide
Tip! We recommend
sizing the Login and Pay
with Amazon buttons to
match the size of other
call to action buttons that
you have on your site.
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 296 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Dark Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Pay - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Pay with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Gold Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Light Grey Sandbox
@1x - 72 x 30
Desktop
@2x - 144 x 60
@1x - 90 x 45
Touch
@2x - 180 x 90
Login - Dark Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Gold Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Light Grey Sandbox
@1x - 148 x 30
Desktop
@2x - 196 x 60
@1x - 200 x 45
Touch
@2x - 400 x 90
Login with Amazon - Dark Grey Sandbox
We recommend Gold because it aligns with the Amazon brand and the color provides a nice contrast to most sites.
We offer three color variations:
Gold Grey Ink
User Experience (UX) Best Practices Guide | payments.amazon.com
4
Button Placement
Example placementsHomepage- top bar
To increase the number of recognized users, use the Login with Amazon button and request customers’ information to create an account on your site. The button should be placed wherever a login is offered on your site or app. This includes where you sign up new customers as well as the login prompt for existing customers (for example, during checkout). We also recommend that you display the Login button right on your home page or navigation to encourage customers to log in for a personalized experience.
----------------
Using Buttons Continued
Tip! Avoid placing login
options below the fold. Users
won’t see them and won’t
take advantage of them.
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Checkout pageLogin screen
User Experience (UX) Best Practices Guide | payments.amazon.com
5
Adding context for buttons Adding a hover message
We recommend adding a simple line of text under the button that explains the benefit of using Login with Amazon. Merchants who have done this have seen an increase in the number customers choosing Login with Amazon, leading to more registered customers and more opportunities to personalize the site experience and contact these customers in the future. Some merchants have chosen to replace other sign-on options and only feature Login with Amazon because of the association with commerce that Amazon brings and the trust that users have with the Amazon brand.
Amazon recommends adding a hover message when customers scroll over any Login and Pay button to reinforce the benefits of using Login and Pay with Amazon.
Suggested messages
“Sign up and sign in using your Amazon
account on <Your site’s name>.”
“Access your Amazon Payments information
and checkout faster.”
“Protect your purchases with Amazon’s A-to-z
Guarantee.”
Suggested messages
“Access your shipping and payment information stored in your Amazon payments account to shop quickly and safely. Your payment information is not shared and your purchases are protected with Amazon’s A-to-z Guarantee.”
“Speed through checkout using your shipping and payment information stored in your Amazon account.”
“Shop safely, don’t share your payment information and protect your purchase with Amazon’s A-to-z Guarantee.”
---------------- ---------------
Using Buttons Continued
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
User Experience (UX) Best Practices Guide | payments.amazon.com
6
Every website has a unique navigation and check out flow. We have identified what we see as the most frequent user flows to help guide your user experience. Please select the option below that best fits the description of your website so that you can provide the best buying experience for your customers.
For best results, we recommend you implement all the flows under your chosen navigation structure.
Choose the structure that best represents your site and jump to that section now.
Site Navigation
Navigation 1
Page 7 Page 8 Page 10 Page 13 Page 14
Navigation 2 Navigation 3 Navigation 4 Navigation 5
You require all customers to
create an account upfront to access
your content
You require all customers to
create an account before making a
purchase
You don’t offer customers the opportunity to
create an account on your site
You offer subscriptions that require a recurring
payment
You allow customers to create an account prior to purchase, but also checkout without creating an account
(sometimes called Guest Checkout)
User Experience (UX) Best Practices Guide | payments.amazon.com
Flow 1b)
7
Navigation 1 You require all customers to create an account upfront to access your contentSample Merchants: SecretSales, The Clymb and other flash sale sites
Give customers the option to Login with Amazon right from the start and breeze through checkout using their Amazon shipping and payments information by default.
Customers that want to sign in with your native login process can still avoid entering their shipping and payment information with Pay with Amazon and checkout in two clicks.
Customers sign in/sign up
at your home page using
Login with Amazon
Customers select Pay with
Amazon to checkout.
Recognized customers
select a product
Recognized customers
select a product
Customers continue with
your existing checkout flow
Customers authenticate using
their Amazon credentials.
Customers don’t share any data
before finalizing the transaction.
Customers select the shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction.
Customers select the shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction (Place Order)
Customers authenticate using
their Amazon credentials. The first
time they will consent to share
their information to create an
account with your site.
Customers sign in/sign up at
your home page using their
existing (native) username and
password, or other login
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 1a)
User Experience (UX) Best Practices Guide | payments.amazon.com
Flow 2a)
8
Navigation 2 You require all customers to create an account before making a purchaseSample Merchants: AllSaints, Woot!
During checkout, customers can use Login with Amazon to create an account and immediately access their Amazon shipping and payment information by default.
Give customers the option to Login with Amazon right from the start and breeze through checkout using their Amazon shipping and payments information by default.
Customers select a
product.
Recognized customers
select a product
Customers decide to use
Login with Amazon to sign
in/sign up on your site.
Customers authenticate using their
Amazon credentials. The first time
they will consent to share their
information to create an account
with your site.
Customers authenticate using
their Amazon credentials. The first
time they will consent to share
their information to create an
account with your site.
Customers continue with your
existing checkout flow
Recognized customers select
the shipping address and
payment instrument stored
in their Amazon account to
complete the transaction.
Customers select the shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction.
Customers continue with your
existing checkout flow
Customers sign in/sign up at
your home page using Login
with Amazon
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 2b)
User Experience (UX) Best Practices Guide | payments.amazon.com
9
Navigation 2 You require all customers to create an account before making a purchaseSample Merchants: AllSaints, Woot!
Blend the payment and login process, by allowing your customers to create an account via the Pay with Amazon button at checkout
Customers select a
product.
Customers authenticate using
their Amazon credentials. The
first time they will consent to
share their information to create
an account with your site.
Recognized customers select the
shipping address and payment
instrument stored in their
Amazon account to complete the
transaction.
Customers select Pay with
Amazon to checkout.
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 2c)
User Experience (UX) Best Practices Guide | payments.amazon.com
10
Navigation 3 You give customers to opportunity to create an account prior to purchase AND also allow customers to checkout without creating an account (sometimes called Guest Checkout) Sample merchants: Cymax, Flint&Tinder.
Give customers the option to Login with Amazon right from the start and breeze through checkout using their Amazon shipping and payments information by default.
During checkout, customers can use Login with Amazon to create an account and immediately access their Amazon shipping and payment information by default, creating a two-click checkout experience.
Customers sign in/sign up
at your home page using
Login with Amazon
Customers decide to use Login
with Amazon to sign in/sign up
on your site rather than skipping
and proceeding to checkout as
a guest.
Recognized customers
select a product
Customers continue with
your existing checkout flow
Customers continue with your
existing checkout flow
Customers authenticate using
their Amazon credentials. The first
time they will consent to share
their information to create an
account with your site.
Customers automatically
select the shipping address
and payment instrument
stored in their Amazon account
to complete the transaction.
Recognized customers select
the shipping address and
payment instrument stored
in their Amazon account to
complete the transaction.
Customers authenticate using
their Amazon credentials. The first
time they will consent to share
their information to create an
account with your site.
Customers select a product.
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 3a)
Flow 3b)
User Experience (UX) Best Practices Guide | payments.amazon.com
11
Navigation 3 You give customers to opportunity to create an account prior to purchase AND also allow customers to checkout without creating an account (sometimes called Guest Checkout) Sample merchants: Cymax, Flint&Tinder.
Allow customers to checkout as a guest in two-clicks using Pay with Amazon off the checkout page, customers don’t need to link their Amazon account to your site
Streamline purchases by using the Pay with Amazon button on the product page to enable checkout in two-clicks.
Customers select a
product.
Customers select the shipping
address and payment
instrument stored in their
Amazon account to complete the
transaction.
Customers authenticate using
their Amazon credentials.
Customers don’t share any data
before finalizing the transaction.
Customers authenticate using
their Amazon credentials.
Customers don’t share any data
before finalizing the transaction.
Customers select the shipping
address and payment instrument
stored in their Amazon account to
complete the transaction.
Customers select Pay with
Amazon to checkout.
Customers select Pay with
Amazon to checkout.
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 3c)
Flow 3d)
Tip! Use the Pay
with Amazon button
(Guest checkout)
described in the
integration guide.
User Experience (UX) Best Practices Guide | payments.amazon.com
12
Navigation 3 You give customers to opportunity to create an account prior to purchase AND also allow customers to checkout without creating an account (sometimes called Guest Checkout) Sample merchants: Cymax, Flint&Tinder.
Customers that are using your native checkout can still avoid entering their shipping and payment information with Pay with Amazon and checkout in two clicks.
Customers select a
product.
Customers sign in/sign on
to your website with your
native account pool.
When presented with the options
to fill shipping and payment
information. Customer selects Pay
with Amazon.
Customers authenticate using
their Amazon credentials.
Customers don’t share any
data before finalizing the
transaction.
Customers select the shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction.
Customers continue with
your existing checkout flow
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 3e)
User Experience (UX) Best Practices Guide | payments.amazon.com
13
Navigation 4 You don’t offer customers the opportunity to create an account with your site
Allow customers to checkout as a guest in two-clicks using Pay with Amazon on the checkout page
Allow customers to checkout as a guest in two-clicks using Pay with Amazon on the product detail page
Customers select a
product.
Customers select the shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction.
Customers authenticate using
their Amazon credentials.
Customers don’t share any data
before finalizing the transaction.
Customers authenticate using
their Amazon credentials.
Customers don’t share any
date before finalizing the
transaction.
Customers select the shipping
address and payment instrument
stored in their Amazon account to
complete the transaction.
At checkout, customers select
Pay with Amazon to checkout.
At the product detail page,
customers select Pay with
Amazon to checkout.
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 4a)
Flow 4b)
User Experience (UX) Best Practices Guide | payments.amazon.com
14
Navigation 5 You offer subscriptions that require a recurring payment Sample merchants: Peachdish.
Give customers the option to Login with Amazon right from the start and streamline their checkout experience using their Amazon shipping and payments information by default.
Customers that want to sign in with your native login process can still avoid entering their shipping and payment information with Pay with Amazon and checkout in two clicks.
Customers select Login
with Amazon to sign in/
sign up at your home page.
Customers select Pay with
Amazon to complete the
checkout process.
Recognized customers select
the subscription package.
Recognized customers
select subscription package
and proceeds to cart.
Customers continue with
your checkout process and
select “Pay with Amazon”
Customers authenticate using
their Amazon credentials.
Customers don’t share any
data before finalizing the
transaction.
Customers select shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction.
Customers select shipping
address and payment
instrument stored in their
Amazon account to complete
the transaction.
Customers authenticate using
their Amazon credentials. The
first time they will consent to
share their information to create
an account with your site.
Customers sign in/sign up
using your native account
pool.
---
Site Navigation
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Homepage Flow 1
homepage
Homepage Flow 2
homepage
Cart
cart
$100
Sign inProduct Page
Product
$100
Checkout
Product Page
Product
$100
Cart
Cart
$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Login
login
Sign in
Sign in
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Checkout
Sign in CheckoutProduct Page
Product$100
CheckoutProduct Page
Product
$100
Cart
cart
$100
Sign in Login
login
Login
login
Sign in Subscription Page
subscriptions
Login
login
Cart
cart
$100
Flow 3
Flow 4
Flow 5
Flow 6
Flow 7
Flow 8
Flow 9
Checkout
Checkout
Checkout
Checkout
Product Page
Product
$100
Cart
cart
$100
Sign in Thank YouFlow 10
Address
Wallet
Button Hover State
cart
$100
log in
**********
sign in
add buy checkout
log in
add
sign in
**********
CheckoutAddress
Wallet
checkout
add buy
**********
sign in
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
add
sign in
**********
CheckoutAddress
Wallet
checkout
sign in
**********
CheckoutAddress
Wallet
checkout
add buy log in
**********
sign in
CheckoutAddress
Wallet
checkout
Sign in
**********
sign in
log in
sign in
**********
Checkout
CheckoutAddress
Wallet
checkout
Checkout
CheckoutAddress
Wallet
checkout
add
**********
sign in
CheckoutAddress
Wallet
checkout
Subscription Page
subscriptions
continue
Cart
cart
$100buy
continue
Flow 5a)
Flow 5b)
User Experience (UX) Best Practices Guide | payments.amazon.com
15
Contact Sales
http://payments.amazon.com/contactsales
http://payments.amazon.com/contact
Contact Us
Contact our Support Team
--------
For existing merchants, contact our support team for questions concerning this guide, implementation, and other inquiries.For new merchants contact sales.
User Experience (UX) Best Practices Guide | payments.amazon.com