Wishlist

Allows users to save favorite items and buy them later.

Is this for me?

If shoppers regularly browse your store but leave without buying — comparing options, waiting for payday, or shopping for someone else — Wishlist gives them a way to bookmark products and come back. It's especially useful if you sell gift-worthy items, fashion, or higher-consideration products where customers like to think before they buy. Saved lists can also be shared with friends and family, which works well around birthdays and holidays.

Key Features

Heart icon on product cards

A heart icon appears on product cards across your collection pages, search results, and home page. Shoppers can save a product with one tap, without opening the product page. You choose where the icons appear and what they look like.

Add to Wishlist button on product pages

A full "Add to Wishlist" button can sit below the Add to Cart button on product pages. It's clearer than the heart icon alone — useful if your audience skews less tech-savvy or if you want the wishlist to feel like a first-class action.

When to use this: Turn the button on if you want the wishlist to feel prominent. Stick with just the heart icon on the product image if you want a cleaner product page.

Dedicated wishlist page

Every store gets a wishlist page that lists everything a shopper has saved — with images, titles, variants, prices, sale tags, and an Add to Cart button on each item.

Add All to Cart

Once a wishlist has 3 or more in-stock items, an "Add All to Cart" button appears at the top. One click moves the whole list into the cart. Out-of-stock items and subscription products are skipped.

Wishlist sharing

Shoppers can share their wishlist by copying a link or sending it via email. The recipient sees a read-only view and can add any of the items to their own cart. Good for gift hints and group shopping.

Header wishlist icon

A heart icon with a count badge can live in your header next to the cart icon, so shoppers can get back to their wishlist from any page.

Low stock indicator

Wishlist items with limited inventory show a warning like "Only 3 left!" — a gentle nudge to buy before it's gone. You set the threshold.

When to use this: Helpful for fashion, limited editions, or anything that genuinely sells out. Skip it if your inventory is rarely tight — false urgency erodes trust.

Product Reviews integration

If you also use the Vitals Product Reviews app, star ratings can appear under each item on the wishlist page — a useful reminder of why the shopper saved it.

Works for guests and logged-in customers

Guests can build a wishlist without an account. When they later log in, their guest wishlist merges into their account automatically, so nothing is lost.

Setup, Step by Step

1. Enable the app in your Vitals dashboard under Product Discovery.
2. Pick where the save action shows up on product pages — the heart icon on the main image, the full Add to Wishlist button below Add to Cart, or both.
3. Put a heart icon in your header. Set Go to My Wishlist button placement to "In the Header, next to the Cart icon." Adjust size and color so it sits naturally beside your cart icon.
4. Turn on icons for collection and home pages so shoppers can save items from product grids without opening each product.
5. Match your branding. Update the button colors, heart colors, corner radius, and any text labels to fit your store.
6. Configure the wishlist page. Decide whether to show Add to Cart buttons, review stars, and the low-stock indicator. Set the Low stock threshold to match how your inventory actually behaves.
7. Test it. Save a few products from different pages, check the header count, open the wishlist page, and try the share link.

Tips for Getting the Most Out of It

• Test on mobile first. Most shoppers will tap the heart from a phone — make sure the icon is large enough to hit and contrasts well with your product images.
• Match the heart icon color to your theme, not just black or white. A heart that blends with your brand feels intentional; the default colors often look bolted on.
• Don't fake scarcity. Only turn on the low-stock indicator if your stock levels genuinely fluctuate. Shoppers notice when "Only 2 left!" never changes.
• Use the header icon. Hiding the wishlist behind the account menu kills repeat visits. The header placement is what makes Wishlist sticky.
• Lean into gifting. Around holidays, mention the share feature in your email marketing — "Save your favorites and send the link to anyone" converts more than a generic wishlist plug.
• Watch the dashboard analytics. The most-wishlisted products list is a free signal of what your audience actually wants. Use it for restocks, bundles, and promo decisions.

Frequently Asked Questions

Where is the wishlist data stored?

It's saved per customer. Guests get an anonymous identifier; when they log in later, the guest wishlist merges into their account so nothing is lost.

Can customers share their wishlist?

Yes — by copying a link or sending it via email. The recipient sees a read-only view and can add items to their own cart.

Does the wishlist work on collection and search pages?

Yes, as long as Show icon on collection pages is on. Heart icons appear on product cards in collections and search results, and on the home page if that toggle is on too.

What happens when a wishlisted product goes out of stock?

It stays on the wishlist, but the Add to Cart button is replaced with "Out of stock." The shopper can still see the product and remove it.

Can I see which products are most wishlisted?

Yes. The Vitals dashboard shows the top wishlisted products, total wishlist actions, add-to-cart events from wishlists, the number of unique wishlists, and the total monetary value of saved items.

What does the "Add All to Cart" button do?

When a wishlist has 3 or more in-stock items, this button adds all eligible items to the cart at once. Out-of-stock items and subscription products are skipped.

Can I put the wishlist icon somewhere custom?

Yes. Set Go to My Wishlist button placement to "Nowhere" and add a container element in your theme where you want the icon. Reach out to Vitals support if you need help wiring it up.

Does Wishlist work with Product Reviews?

Yes. If the Vitals Product Reviews app is also enabled and Show rating stars from Product Reviews is on, star ratings appear under each item on the wishlist page.

Is there a limit to how many items a customer can save?

No hard limit shown to shoppers — large wishlists across many customers are supported.

What pages does the Wishlist app load on?

Product pages, collection pages, search results, the home page, and the wishlist and shared wishlist pages. The header icon loads everywhere when enabled.

Settings Reference

Display & Placement

Colors

A full set of color pickers controls the heart icon (product page and collection page versions), Add to Wishlist button background and text, Add to Cart button background and text, sale price tag background, low stock text, header icon, and count badge background and text. All default to a black/white/red palette — adjust to match your brand.

Sizing & Style

Translatable Text

All shopper-facing copy can be edited — page title, page description, button labels (Add to Wishlist, Added to Wishlist, My Wishlist, Add to cart, Added to cart, Out of stock, Add All to Cart), the empty-wishlist message, share labels (Share, Share Wishlist, Copy link, Link copied), the "From" price prefix, and the low-stock template (use {{ stock }}  as the placeholder for remaining quantity, e.g. "Only {{ stock }} left!").