Add a wishlist

Wishlists are a WooCommerce feature. Flatsome adds the blocks that show it in your design: an Add to Wishlist button for product cards and product pages, and a Wishlist Nav Item for the header with a counter. Shoppers see their saved items under My Account.

Enable wishlists in WooCommerce

  1. Go to WooCommerce → Settings → Advanced → Features.
  2. Enable Wishlists and save.
WooCommerce Settings, Advanced, Features, with the Wishlists checkbox highlighted and checked near the Save changes button

Until this is on, the wishlist blocks show a notice in the editor and render nothing on the storefront. Wishlists are for logged-in customers; guests do not see the buttons.

Add the button

The Add to Wishlist block is already in the Single Product template, the shop template, and the Quick View template part. To add it elsewhere, insert it into a product card inside a Products block or next to the add-to-cart area. Options:

Flatsome Builder editing the Single Product template with the Add to Wishlist heart selected on the product image and the Show label switch highlighted in the sidebar, above the Icon and Saved State panels
  • Show label: off for an icon-only heart on product cards; the label is still read by screen readers.
  • Saved State: a different icon and colors once the product is saved.

Add the header icon

Open Template Parts → Header and insert the Wishlist Nav Item block next to the account and cart icons. It links to the wishlist in My Account and shows the number of saved items in an Indicator you can color to match the cart badge.

Flatsome Builder editing the Header template part with the Wishlist Nav Item selected and its Indicator settings open, with the Color field highlighted
Hoodie with Logo product page for a logged in customer with the saved red heart on the product image highlighted and the header showing Wishlist with a count of 1