Cart Floating button

The Buy with Prime cart floating button provides shoppers with a persistent visual indicator of their cart. Display it to enable quick Prime cart access and to allow shoppers to keep track of the number of items in their cart.

UI options

Cart floating button with active cart Active cart: Indicates there are Prime items in the shopper’s cart
Cart floating button with active cart and message Active cart with message: Highlights both cart activity and reminds shoppers about their Prime items.

Placement

Displayed on all pages, except for Cart

Category page Bottom right (floating): Position 24px from bottom, 24px from right.

Popover positioning: Opens centered horizontally, and 6px above the floating button.
Product detail page Bottom left (floating): Position 24px from bottom, 24px from right.

Popover positioning: Opens centered horizontally, and 6px above the floating button.

Dos and don'ts

Dos and don'ts for the Cart floating button

Design guidelines

Customization

There are no customizations.