Skip to content
Help Center

Add a floating cart button

Keep the cart one tap away on every page with a corner button that shows the item count.

Attravo TeamUpdated 1 min read
On this page

A floating cart button stays in the corner of every page and shows how many items are in the cart, so a shopper deep in your store can always get back to it. It is on for a new store.

Turn it on and pick a style

  1. On Cart settings, open Sticky cart.
  2. Turn on Floating sticky cart button.
  3. Under Button style, choose Circle, Rounded square, Pill, Pill with text or Side tab. Side tab sits flush with the edge of the screen, clear of chat widgets.
Floating sticky cart button turned on, with the five button styles
  1. With Pill with text, set Button text. Narrow phones show only the icon and count.
The Button text field for the Pill with text style

Choose the icon

  1. Under Button icon, pick an icon.
  2. Or paste a link to your own square image into Or use your own image, ideally a PNG or SVG about 64 pixels across. Your image replaces the icon until you clear the link.
Button icon choices and Or use your own image
  1. Select Save.

On your store, the button opens the drawer:

The button takes the cart's Accent color and Text on buttons. See Match the cart to your brand colors.

Was this helpful?