Customers save items, leave your store, and often forget what they liked. Keeping a wishlist shortcut visible on every page reminds them to come back and finish the purchase. Wishlist gives you two ways to show that shortcut: a floating icon in the corner of the page, and a header icon alongside your cart. You can use one, both, or neither — whichever fits your storefront best.
Floating icon
The floating icon is the round button that sits in the bottom corner of every page. You manage it from your theme editor.
To turn it on or off, go to Online Store > Themes > Customize > App embeds > Wishlist, then check or uncheck Enable floating icon. Save the theme to apply.
While you’re there, you can also customize:
Position — Bottom right or bottom left
Icon style — Heart, Star, Bookmark, or Gift
Size and padding — Separate sliders for desktop and mobile
Colors — Default, hover, saved state, and the badge background
Stroke width — For a thicker or thinner outline
Clicking the floating icon opens a slide-in drawer with the customer’s saved items, so they can peek at their wishlist without losing their place on the page.
Header icon
The header icon sits next to your cart and account icons. It’s a separate block called Wishlist Icon, so you add it directly to your header instead of toggling it on in the embed.
To add it:
In the theme editor, click your header section
Click Add block and choose Wishlist Icon from the Apps section
Drag it into place next to your cart icon
Each block has its own icon style, size, stroke width, color, and spacing settings — handy if you want it to feel different from the floating icon. Clicking it takes the customer to their full wishlist page.
To remove it later, open the header section, select the Wishlist Icon block, and click Remove block.
Which one should you use?
It depends on what feels right for your storefront:
Floating icon only — The quickest setup. Visible everywhere without editing your header. Great when you don’t want to fiddle with the header layout.
Header icon only — A cleaner, more native look that matches your other navigation icons. Great if a floating button would compete with a chat widget or promo bar.
Both — Maximum visibility. The header icon takes shoppers to the full wishlist page; the floating icon gives a quick peek via the drawer.
Neither — Skip both if you’d rather keep wishlist access only on the product page button. Customers can still reach their list from their customer account.