Customize the design
Open Design in the app. The preview on the right updates as you change settings; click Save when you're done.
| Show wishlist on my storefront | Turns the wishlist on or off everywhere without touching your theme. |
| Allow guests | Lets shoppers who aren't logged in save products. Their list moves to their account when they log in. |
| Icon | Heart, star, bookmark, flag, sparkle or thumbs up; icon size, icon color, wishlisted color and background. |
| Where to show | Product cards (collection pages, search, home page, recommendations), product page button, cart drawer and cart page. |
| Icon position on product cards | Top right, top left, bottom right or bottom left of the product image. |
| Product page button | A full button or icon only; the text before and after a product is wishlisted; colors and corner radius. |
| Notifications | The message shown when a product is added or removed, or no message at all. |
| Floating wishlist button | A button in the corner of every page that links to the wishlist page, with an optional product count. |
| Advanced | CSS selectors for custom themes and your own CSS (see Theme compatibility). |
To place the product page button exactly where you want it, add the Wishlist button app block to your product template in the theme editor and drag it into position.
In the theme editor, the wishlist works in a preview mode: you can click hearts and try the wishlist page, and nothing is saved to your store or your customers' lists.