UX BestPracticesGuide

Login and Pay with Amazon
User Experience (UX) Best Practice

-------guide-------
-------
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.
Intro
Using Buttons
Site Navigation
Contact Us
15
Implementing Login and Pay with Amazon
How to grow your business
More than payments processing,
with Login and Pay with Amazon
a commerce identity solution
----------------
----------------
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 youre 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 Amazons
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.
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 fillout. No new account to create. The result
is a streamlined experience, more registered
customers, higher customer satisfaction, and
more sales for you.
Login and Pay with Amazon Delivers
Your Customers
Your Customers
can create an account with you
have instant access to the

shipping and payment
information they already
have stored in their Amazon
account.
using their familiar Amazon

username and passwordno
new username or password for
them to remember.
User Experience (UX) Best Practices Guide | payments.amazon.com
----------------
Intro
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.
Using Buttons
Pay with Amazon - Light Grey
196
@2x@2x
- 196- x
60 x 60
Pay with Amazon - Gold
Desktop
400
@2x@2x
- 400- x
90 x 90
@1x - 148 x 30
@1x - 200 x 45
Desktop
Login with Amazon - Gold

Login Login
with Amazon
with Amazon
- Gold- Gold
Login
Login
- Gold
- Gold
@1x
- 148 x 30
Desktop
DesktopDesktop
@1x - 148 x 30
@1x - 148 x@1x
30 - 148 x 30
Desktop
Desktop
@1x -@1x
72 x- 30
72 x 30
Touch
Touch
Touch Touch
@1x - 200 x 45
@1x - 200 x@1x
45 - 200 x 45
Touch
Touch
@2x - 196 x 60
@2x -@2x
144 -x144
60 x 60

Pay
- Gold
Pay with
- Gold - GoldPay
PayAmazon
with Amazon
- Gold
Desktop
DesktopDesktop
@1x - 148 x 30
@1x - 148 x@1x
30 - 148 x 30
Desktop
Desktop
@1x@1x
- 72 -x 72
30 x 30
Tip! We recommend
@2x -@2x
180 -x180
90 x 90
Touch
Touch Touch
Touch
Touch
@1x - 200 x 45
@1x - 200 x@1x
45 - 200 x 45
D
Deskt
@
@1x - 14
@2x - 400 x 90
sizing the Login and Pay

with Amazon buttons to
@2x - 400 x 90
@2x - 400 x 90
@2x - 400 x@2x
90 - 400 x 90
L
Login
@1x - 200 x 45
@1x -@1x
90 x- 45
90 x 45
@2x - 296 x 60
@2x - 196 x 60
@2x - 196 x@2x
60 - 196 x 60
Touch
@1x@1x
- 90 -x 90
45 x 45
match the size of other

call to action buttons that
you have on your site.
Note: Buttons used in

retina displays are @2x
the sizes provided in this
@
@2x - 19
P
Pay w
D
Deskto
@
@1x - 148
document. For a full list

of Login and Pay button
@2x - 296 x 60
@2x - 296 x@2x
60 - 296 x 60
144
@2x@2x
- 144- x
60 x 60
We offer three color variations:

options, please visit:
@2x - 400 x 90
@2x - 400 x@2x
90 - 400 x 90
180
@2x@2x
- 180- x
90 x 90
Pay with Amazon - Light Grey Pay with Amazon - Dark Grey
Desktop
Touch
We
recommend Gold because it aligns with
the Amazon brand and the
color provides
a nice contrast to most sites.
Desktop
Touch
Desktop
Login
with
Amazon - LightLogin
Grey
@1x
- 148Grey
x 30Grey
Login
- Light
- Light
@1xAmazon
- with
148 x 30Amazon
Login Login
with
- Light- Grey
Light Grey
Gold
Grey
Desktop
DesktopDesktop
@1x - 148 x 30
@1x - 148 x@1x
30 - 148 x 30
@2x - 296 x 60
@2x - 196 x 60
@2x - 196 x@2x
60 - 196 x 60
Desktop
Desktop
@1x -@1x
72 x- 30
72 x 30
@2x - 196 x 60
@2x -@2x
144 -x144
60 x 60
@1x - 200 x 45
Touch
Touch Touch
@1x - 148 x 30
Ink
@1x - 200 x 45
@1x - 200 x@1x
45 - 200 x 45
@2x - 400 x 90
@2x - 400 x 90
@2x
400 x@2x
90 - 400 x 90
User Experience (UX) Best Practices Guide
| -payments.amazon.com
Touch
Touch
@1x - 200 x 45
@1x -@1x
90 x- 45
90 x 45
@2x - 196 x 60
@2x - 400 x 90
@2x -@2x
180 -x180
90 x 90
http://login.amazon.com/
button-guide
@
@2x - 296
Touch
L
Login
@1x - 200 x 45
D
Deskt
@
@1x - 14
@2x - 400 x 90
3 @2x - 19
checkout
Using Buttons
Continued
Button Placement
Flow ---------------7
To increase the number of recognized
Product
Cart
users,Page
use the Login with Amazon button
Flow 8
Login
Login
Sign in
Login
screen
Flow 1
Homepage
Example placements
Homepage- top bar
and request customers information

to create an account on your site. The
Product
cart
button should be placed wherever a
$100
login is offered on your site or app.
This includes where you sign up new
customers as well as the login prompt for
add
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.
homepage
log in
login
Page Sig
Checkout
SignProduct
in
Checkout page
login
Checkout
Product
john@email.com
john@email.com
**********
**********
$100
$100
buy
add
log in
sign in
sign in
Tip! Avoid placing login

options below the fold. Users
Flow 8
Login
wont see them and wont

take advantage of them.
Flow 9
LoginProduct
Page
Subscription
Page
Flow 2
Sign in Homepage
homepage
login
log in
login
subscriptions
Product
Page
Cart
CartSubscription
cart
cart subscriptions
$100
john@email.com
**********
$100
log in
continue
add
$100
continue
buy
sign in
Using Buttons
Flow
Flow
10 10
Product
Product
Page
Page
Continued
Sign
Sign
in in
Cart
Cart
Product
Product
cart
cart
----------------
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.
Adding a hover message

add
**********
$100 $100
**********
WalletW
sign in
sign in
add
---------------
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.
Button
Button
Hover
Hover
State
State
cart
Checkout
Che
AddreA
john@email.com
john@email.com
$100 $100
Adding context for buttons
Thank
Tha
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 Amazons A-to-z Guarantee.
Speed through checkout using your shipping
and payment information stored in your
Amazon account.
cart
$100 $100
Shop safely, dont share your payment

information and protect your purchase with
Amazons A-to-z Guarantee.
Suggested messages
Sign up and sign in using your Amazon
account on <Your sites name>.
Access your Amazon Payments information
and checkout faster.
Protect your purchases with Amazons A-to-z
Guarantee.
Site Navigation
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.
Navigation 1
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 allow customers

to create an account
prior to purchase, but
also checkout without
creating an account
You dont offer

customers the
opportunity to
create an account
on your site
You offer
subscriptions that
require a recurring
payment
Page 13
Page 14
(sometimes called Guest Checkout)
Page 7
Page 8
Page 10
Choose the
structure that
best represents
your site and
jump to that
section now.
Site Navigation
You require all customers to create an account upfront to access your content
Sample 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.
Flow 1a)
Flow 1
Homepage
homepage
---
Navigation 1
Product Page
Sign in
log in
Product
Flow 1
Homepage
Checkout
Cart
Checkout
Address
Cart
$100
john@email.com
**********
Product Page
Sign in
Cart
$100
homepage
Wallet
Checkout
buy
add
checkout
sign in
log in
Product
Cart
Checkout
Address
Customers sign in/sign up
Customers authenticate using
$100
Recognized customers
Customers continue with
Customers select the shipping
at your home page using
their Amazon credentials. The first
select a product
your existing checkout flow
Wallet
address
and payment
Login with Amazon
time they will consent to share
john@email.com
**********
$100
buy
add
sign in
Flow 2
Homepage
homepage
log in
Flow 2
Homepage
checkout
Amazon account to complete
account with your site.
the transaction.
Product Page
Flow 1b)
instrument stored in their
their information to create an
Cart
Checkout
Sign in
Customers that want to sign in with your native login process can still avoid entering their shipping and payment
ProductPay with Amazon and checkout
Checkout
cart
information with
in two clicks.
$100
Product Page
Address
john@email.com
Cart
**********
Wallet
Checkout
Sign in
sign in
$100
add
homepage
log in
Product
checkout
Checkout
Address
cart
$100
john@email.com
**********
sign in
Wallet
$100
add
checkout
Customers sign in/sign up at
Customers select Pay with
your home page using their
select a product
Amazon to checkout.
their Amazon credentials.
address and payment
Flow 3
password,
other login
Productor Page
Customers dont share any data
existing (native) username and
Cart
Login
cart
login
Sign in
before finalizing the transaction.

Checkout
the transaction (Place Order)
Product
$100
Flow 3
Product Page User
add
Checkout
Address
john@email.com
Experience
Practices Guide
| payments.amazon.com
Login
Cart (UX) Best
$100
**********
Wallet
Checkout
Sign in
buy
checkout
sign in
Flow 2
Homepage
Product Page
Site Navigation
homepage
log in
Product
Cart
Checkout
Sign in
Checkout
Address
cart
$100
john@email.com
**********
sign in
Wallet
$100
add
Flow 2a)
Flow 3
Product Page
---
Navigation 2
checkout
You require all customers to create an account before making a purchase

Sample 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.
Product
Cart
Login
cart
login
Checkout
Sign in
$100
Checkout
Address
john@email.com
**********
Wallet
$100
buy
add
checkout
sign in
Customers select a
Customers continue with your
Customers decide to use
Recognized customers select
product.
existing checkout flow
Login with Amazon to sign
the shipping address and
in/sign up on your site.
payment instrument stored
in their Amazon account to
complete the transaction.
Flow 4
Product Page
Flow 2b)
Product
Flow 1
Homepage
Sign in
Cart
Checkout
Checkout
cart
Amazon shipping
and payments information by default.
Address
$100
john@email.com
Sign in
**********
$100
Product Page
homepage
Checkout
Wallet
Cart
add
checkout
sign in
log in
Product
Checkout
Address
Cart
$100
john@email.com
**********
$100
Wallet
buy
add
checkout
sign in
Customers sign in/sign up at
Customers authenticate using their
your home page using Login
Amazon credentials. The first time
select a product
address and payment
with Amazon
they will consent to share their
Flow 5
Product Page
Cart
information to create an account
Sign in
Checkout
with your site.

Product
Flow 2
Homepage
the transaction.
cart
$100
john@email.com
Checkout
Address
**********
User
add
log in
Product
$100Practices
Experience
(UX)Page
Best
Cart |
Guide
sign in
payments.amazon.com
Checkout
Wallet
Sign
in
checkout
Flow 3
Product Page
Login
Cart
Site Navigation
Product
cart
Checkout
Sign in
login
$100
Checkout
Address
john@email.com
**********
Wallet
$100
buy
add
Flow 2c)
Flow 4
Product Page
---
Navigation 2
checkout
sign in
You require all customers to create an account before making a purchase

Sample 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
Sign in
Cart
Product
Checkout
Checkout
Address
cart
$100
john@email.com
**********
Wallet
$100
add
checkout
sign in
Customers select a
Recognized customers select the
product.
Amazon to checkout.
their Amazon credentials. The
shipping address and payment
first time they will consent to
share their information to create
Amazon account to complete the
an account with your site.
transaction.
Flow 5
Product Page
Sign in
Cart
Product
Checkout
Checkout
Address
cart
$100
john@email.com
**********
sign in
Wallet
$100
add
checkout
Flow 6
Product Page
Sign in
Product
$100
john@email.com
Checkout
Checkout
Address
**********
sign in
User Experience (UX) Best Practices GuideWallet

checkout
Flow 1
Site
Navigation
Homepage
Sign in
homepage
---
log in
Navigation 3
Product Page
Checkout
Cart
Product
You give customers to opportunity
to create an account priorCartto purchase AND also allowCheckout
Address
$100
customers to checkout without creating an account (sometimes called Guest Checkout)
Wallet
$100
Sample merchants: Cymax, Flint&Tinder.
john@email.com
**********
buy
add
checkout
sign in
Amazon shipping and payments information by default.
Flow 3a)
Flow 1
Homepage
homepage
Product Page
Sign in
log in
Product
Flow 2
Homepage
Checkout
Cart
Checkout
Address
Cart
$100
john@email.com
**********
Product Page
Cart
Sign in
$100
homepage
Product
cart
Customers authenticate$100
using
at your home page using
select a product
Login with Amazon
homepage
john@email.com
**********
sign in
$100
log in
Customers automatically
select
the shipping address
Wallet
checkout
stored in their Amazon account
to complete the transaction.
Product Page
Flow 3
Product Page
Checkout
Address
and payment instrument
add
Flow 3b)
checkout
sign in
log in
Flow 2
Homepage
Wallet
Checkout
buy
add
Cart
Checkout
Sign in
During checkout, customers can use Login with Amazon to create an account and immediately access their Amazon
Checkout
cart
shipping and Product
payment information by default,
creating a two-click checkout experience.
$100
Login
Cart
Address
john@email.com
**********
Wallet
Checkout
Sign in
sign in
$100
add
Product
checkout
login
cart
$100
Checkout
Address
john@email.com
**********
Wallet
$100
buy
add
checkout
sign in
Customers select a product.
Flow 3
Product Page
Product
$100
Flow 4
Product Page User
add
Customers decide to use Login
with Amazon to sign in/sign up
the shipping address and
on your site rather than skipping
Login
Cart
Sign in
and proceeding to checkout as
a guest.
login
cart

Checkout
Address
john@email.com
Sign|inpayments.amazon.com
Cart (UX) Best
Experience
$100Practices Guide
payment instrument stored

in their Amazon account to
Checkout
**********
Checkout
10
Wallet
buy
checkout
sign in
Flow 4
Product Page
Sign in
Cart
Flow 4
Site
Navigation
Product Page
Cart
Product
Checkout
Checkout
Address
cart
$100
$100
Navigation 3
Product
$100
---
add
john@email.com
Sign in
Checkout
Wallet
**********
checkout
sign in
You give customers to opportunity to create an account prior to purchase AND also allow
Wallet
$100
Sample merchants:
Cymax, Flint&Tinder.
cart
Checkout
Address
john@email.com
**********
add
checkout
sign in
Flow 3c)
Flow 5
Product Page
Allow customers to checkout as a guest in two-clicks using Pay with Amazon off the
checkout page, customers dont need to link their Amazon account to your site
Sign in
Cart
Product
Flow 5
$100
Product Page
(Guest checkout)
described in the
Checkout
Address
john@email.com
**********
Sign in
integration guide.
Checkout
Wallet
sign in
$100
add
checkout
Product
Checkout
Address
cart
Customers select a $100
product.
Amazon to checkout.
addressWallet
stored in their Amazon account to
$100
add
Flow 6
Product Page
Flow 3d)
Product
with Amazon button
Checkout
cart
Cart
Tip! Use the Pay
Sign in
john@email.com
**********
sign in
checkout
Checkout
Streamline purchases by using the Pay with Amazon button on the product page to enable
checkout in two-clicks.
Checkout
Flow 6
$100
Product Page
Address
john@email.com
**********
Sign in
Checkout
Wallet
sign in
checkout
Checkout
Address
Product
$100
john@email.com
**********
sign in
Wallet
checkout
Amazon to checkout.
address and payment
Flow 7
Product Page
Amazon account to complete the
Product
Flow 7
$100
Product Page User
add
Cart
Login
transaction.
cart
login
Checkout
Checkout
Sign in
Checkout
Checkout
Address
john@email.com
Cart (UX) Best

Login
Experience
$100Practices Guide | payments.amazon.com
buy
Checkout
Checkout
Wallet
**********
Sign in
log in
11
checkout
sign in
Flow 6
Product Page
Sign in
Checkout
Site Navigation
Product
$100
john@email.com
Checkout
Address
**********
sign in
Wallet
checkout
Flow 3e)
Flow 7
Product Page
---
Navigation 3
You give customers to opportunity to create an account prior to purchase AND also allow
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.
Product
Cart
Login
cart
login
Checkout
Checkout
Sign in
Checkout
$100
Checkout
Address
john@email.com
**********
Wallet
$100
buy
add
log in
checkout
sign in
Customers select a
Customers sign in/sign on
When presented with the options
product.
to your website with your
to fill shipping and payment
address and payment
native account pool.
information. Customer selects Pay
Customers dont share any
with Amazon.
data before finalizing the
transaction.
the transaction.
Flow 8
Login
Subscription Page
Sign in
login
subscriptions
Checkout
Cart
Checkout
Address
cart
john@email.com
**********
$100
continue
Wallet
buy
checkout
sign in
Flow 9
Login
login
Subscription Page
subscriptions
Cart
Sign in
cart
john@email.com
Checkout
Checkout
Address
**********
$100
log in
continue
sign in
12
Wallet
checkout
Flow 4
Product Page
Sign in
Cart
Site Navigation
Cart
Product
Checkout
Checkout
Address
cart
$100
Flow 4
Product Page
$100
john@email.com
**********
Sign in
Wallet
Checkout
add
checkout
$100
---
Navigation 4
Product
sign in
You dont offer customers the opportunity to create an account with your site
Checkout
Address
cart
john@email.com
**********
Wallet
$100
add
checkout
sign in
Flow 4a)
Flow 5
Product Page
Allow customers to checkout as a guest in two-clicks using Pay with Amazon on

the checkout page
Sign in
Cart
Product
$100
Flow 5
Product Page
Checkout
Checkout
Address
cart
john@email.com
**********
Cart
Sign in
Wallet
Checkout
sign in
$100
add
checkout
Product
Checkout
Address
cart
Customers select a $100
At checkout, customers select
product.
Pay with Amazon to checkout.
address
Wallet
stored in their Amazon account to
$100
add
Flow 6
Product Page
Flow 4b)
Product
Sign in
john@email.com
**********
sign in
checkout
Checkout
Allow customers to checkout as a guest in two-clicks using Pay with Amazon on

Checkout
the product detail page
$100
Flow 6
Product Page
Address
john@email.com
**********
Sign in
Wallet
Checkout
sign in
checkout
Checkout
Address
Product
$100
john@email.com
**********
sign in
Wallet
checkout
At the product detail page,
customers select Pay with
address and payment
Amazon to checkout.
Flow 7
Product Page
Product
$100
Flow 7
Product Page User
add
Cart
Login
date before finalizing the
transaction.
the transaction.
cart
login
Checkout
Checkout
Sign in
Checkout
Checkout
Address
john@email.com
Cart (UX) Best

Login
$100Practices Guide
Experience
buy
Checkout
**********
Wallet
Checkout
Sign in
log in
13
checkout
sign in
Flow 7
Product Page
Cart
Flow 7
Site
Navigation
Product Page
Cart
Product
Checkout
Login
cart
Checkout
login
$100
$100
buy
add
$100
---
Navigation 5
Product
Checkout
Sign in
Checkout
Address
john@email.com
**********
Checkout
Login
Wallet
Checkout
Sign in
log in
checkout
sign in
You offer subscriptions that require a recurring payment

Sample merchants: Peachdish.
cart
Checkout
login
Checkout
Address
john@email.com
**********
Wallet
$100
buy
add
log in
checkout
sign in
Flow 5a)
Flow 8
Login
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.
Subscription Page
Sign in
login
subscriptions
Flow 8
Login
Checkout
Cart
Checkout
Address
cart
john@email.com
**********
Subscription Page
Sign in
Cart
$100
continue
Wallet
Checkout
buy
checkout
sign in
login
subscriptions
Customers select Login
with Amazon to sign in/
their Amazon credentials. The
sign up at your home page.
first time they will consent to
john@email.com
**********
cart
Customers select shipping
the subscription package.
your checkout process and
addressWallet
and payment
select Pay with Amazon
$100
continue
buy
sign in
Flow 9
Login
Flow 5b)
login
Flow 9
Login
checkout
share their information to create
an account with your site.
the transaction.
Subscription Page
Cart
Sign in
Customers that want to sign in with your native login process can still avoid entering their
shipping andsubscriptions
payment information with Pay
cart with Amazon and checkout in two clicks.
john@email.com
Subscription Page
Cart
**********
Sign in
sign in
$100
Checkout
Checkout
Address
Wallet
Checkout
continue
log in
login
Checkout
Address
checkout
subscriptions
cart
john@email.com
Checkout
Address
**********
sign in
$100

using your native account
pool.
Flow 10
Product Page
Product
$100
Flow 10
User
Product Page
Wallet
continue
log in
checkout
select subscription package
and proceeds to cart.
Customers select shipping
Amazon to complete the
address and payment
checkout process.
data before finalizing the
transaction.
the transaction.
Sign in
Cart
cart
john@email.com
**********
Experience (UX) Best Practices Guide | payments.amazon.com
Cart
$100
Sign in
Thank You
Checkout
Address
Wallet You
Thank
14
Contact Us
----
For existing merchants, contact our support

team for questions concerning this guide,
implementation, and other inquiries.
For new merchants contact sales.
Contact our Support Team

http://payments.amazon.com/contact
----
Contact Sales
http://payments.amazon.com/contactsales
15

UX BestPracticesGuide

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

UX BestPracticesGuide

Hochgeladen von

Copyright:

Verfügbare Formate

Login and Pay with Amazon

User Experience (UX) Best Practice

The purpose of this guide is to provide recommendations for the optimal

Implementing Login and Pay with Amazon

How to grow your business

More than payments processing,

with Login and Pay with Amazon

a commerce identity solution

Adding Login and Pay with Amazon

Customers have entrusted Amazon with

When you add Login and Pay to your site you

Login and Pay with Amazon Delivers

can create an account with you

have instant access to the

using their familiar Amazon

User Experience (UX) Best Practices Guide | payments.amazon.com

You as a merchant get

Pay with Amazon - Light Grey

Pay with Amazon - Gold

Login with Amazon - Gold

Pay with Amazon - Gold

sizing the Login and Pay

match the size of other

Note: Buttons used in

document. For a full list

We offer three color variations:

options, please visit:

and request customers information

Tip! Avoid placing login

wont see them and wont

User Experience (UX) Best Practices Guide | payments.amazon.com

We recommend adding a simple line of text

Adding a hover message

Amazon recommends adding a hover message

Adding context for buttons

Shop safely, dont share your payment

User Experience (UX) Best Practices Guide | payments.amazon.com

You require all

You require all

You allow customers

You dont offer

(sometimes called Guest Checkout)

User Experience (UX) Best Practices Guide | payments.amazon.com

Customers sign in/sign up

Customers authenticate using

Customers continue with

Customers select the shipping

at your home page using

their Amazon credentials. The first

your existing checkout flow

Login with Amazon

time they will consent to share

Amazon account to complete

account with your site.

instrument stored in their

their information to create an

Customers sign in/sign up at

Customers select Pay with

Customers authenticate using

Customers select the shipping

your home page using their

their Amazon credentials.

address and payment

Customers dont share any data