Overview
Growave’s Wishlist widgets let customers save products they love, view their favorites anytime, and quickly return to purchase later.
You can install and manage Wishlist widgets in Growave admin panel → Onsite widgets → Wishlist. You can adjust their design under Branding → Wishlist, and change texts and labels under Branding → Languages → Wishlist.
Add to Wishlist button
The Add to Wishlist button appears on product pages and allows customers to save items with a single click without leaving the page.
Placement options
When installed from Onsite widgets, the button is added to the Default product page → Product information block in the Shopify theme editor.
To place it manually:
Go to Shopify admin → Online store → Themes → Edit theme.
Open the product page template.
In the Template section, click Add section → Apps → Add to Wishlist button.
Save your changes.
Customer view
Customers will see one of two states:
“Add to Wishlist” state: Displays a heart icon outline. Clicking the button adds the product to the wishlist.
“Added to Wishlist” state: Displays a filled heart icon. Clicking the button removes the item from the wishlist, and the button returns to its default state.
📘 Note:
If the product has multiple variants, the button updates automatically when the customer switches variants.
Behavior
Real-time syncing: The button uses real-time syncing with the Wishlist floating widget and the Wishlist page. Wishlisted products remain in the list even after a webpage refresh.
Saving to a single list: If a customer hasn't created a list yet, clicking the button automatically adds the item to the default list called Favorites.
Saving to multiple lists: If there are two or more lists created, customers will see a Save to wishlist modal displaying their existing lists. Customers must click the wishlist icon next to the specific list name to add the product to it.
Guest user behavior: If the Require guests to provide email addresses setting is enabled, guests will be prompted to enter their email via the Save Wishlist popup before they can save items. If disabled, guest users will be able to add items to their wishlist freely. However, to save the wishlist permanently, they will need to click the Save my wishlist link located in the Wishlist floating widget.
Customization
You can customize the Add to wishlist button widget through:
Shopify theme editor: Add custom CSS directly to the Add to Wishlist button app block.
Growave admin panel: Navigate to Branding → Wishlist → General to adjust the Wishlist icon and button colors, sizes, etc.
📖 Learn more about Wishlist branding in Growave 2.0
Text customization
To edit the button labels, navigate to Branding → Languages → Wishlist → Add To Wishlist Product Page. Common keys include:
Add to wishlist
Remove from wishlist
Wishlist floating widget
The Wishlist floating widget is a sidebar panel that customers can open from anywhere on your storefront (except the dedicated Wishlist page). It displays all saved products, supports quick actions, and helps shoppers return to their favorites without navigating away.
Placement options
Enable the widget in Growave admin panel → Onsite widgets → Wishlist floating widget.
When enabled, the widget is automatically added to all pages except the dedicated Wishlist page. The floating Launcher button can be moved to the left or right side of the screen and styled in Branding → Wishlist → Widget & Launcher.
Customer view
The widget provides a fast, convenient overview of all wishlisted items. Customers will see:
Header: The Wishlist title and a link leading directly to the Wishlist page.
Save my wishlist: A link for guest users (if saving is allowed without providing emails upfront).
Add a new list: A link to create additional wishlists.
List display area:
If the default list is empty, no custom wishlists exist and Gift Registry is disabled: Displays a section with the default Favorites list. Only the list title and a Pen (edit) icon are displayed here.
If multiple lists exist or Gift Registry is enabled: Displays wishlists and gift registries as clickable thumbnails with titles. The currently selected list title and Pen (edit) icon are displayed under the thumbnails.
Thumbnail logic: Empty (default) lists use placeholder thumbnail images. Lists with items added use the image of the last added product as the thumbnail.
Sharing block: Contains options to share the wishlist via link, email, and social networks.
Sort icon: Used to organize the list view.
Product cards: Displays the product image, title, average rating with review count (if the Reviews app is enabled), product price, selected variant (if any), and a three dots menu.
Add to cart button: Turns into Show in cart for items already added to the cart.
Behavior
Launcher behavior: The launcher button appears sitewide except for the Wishlist page (unless hidden entirely via Branding settings). Clicking it opens the Wishlist floating widget (also referred to as the Wishlist drawer).
Save my wishlist: Appears for non-logged in users if the Require guests to provide email addresses setting is disabled. Clicking this link opens the Save Wishlist popup where guest customers can enter their email and subscribe to updates to secure their list.
Add a new list: Clicking this link opens a modal where customers can enter a wishlist name and add recently viewed products (up to 6 products or product variants are displayed). If the Gift registry feature is enabled, customers can also select between creating a Classic wishlist or a Gift registry.
Pen icon: Clicking this opens the editing modal for the selected wishlist, offering options to:
Change wishlist name and Save changes
Delete the list
Duplicate the list
Sharing options: Clicking the Link button copies the URL to the selected list. Clicking the social media buttons copies the link and opens the relevant platform in a separate browser window.
Sort icon: Clicking this opens a dropdown menu to organize items by: Recently added, Name A-Z, Name Z-A, Price High-Low, or Price Low-High.
Three dots menu (product actions): Clicking this in the top right corner of the product image offers options based on the product:
Delete: Available for all products. Removes the item from the current list.
Move to: Transfers the item to another existing wishlist. Appears only if the user has multiple lists that do not already contain this product.
Options: Allows the customer to change the product variant directly within the wishlist. Appears only if the product has variants (e.g., color, size). Clicking this opens a Change product options modal.
📘 Note
All saved items sync in real-time across the Add to Wishlist button, Wishlist floating widget, and Wishlist page. Removing an item instantly updates all other wishlist widgets.
Customization
Configure the widget's appearance and launcher behavior by navigating to Branding → Wishlist → Widget & Launcher. Here you can adjust:
Launcher icon style
Position (left or right)
Style, color, and size
Visibility settings
📖 Learn more about Wishlist branding in Growave 2.0
Text customization
To edit the floating widget text, navigate to Branding → Languages → Wishlist. Common keys include:
Wishlist Drawer:
Wishlist
Add a new list
Add to cart
List is empty
You can add items to wish list by clicking
Save my wishlist
Favorites
Delete
Options
Move to
Save Wishlist popup:
Enter your email address to save your wishlist
Receive price drop and restock updates
If you have any questions or need assistance, please don’t hesitate to contact our support team at [email protected] or use the chat icon in the bottom-right corner of your Growave admin panel. We’re here to help! 🤗