This guide introduces a streamlined way to enable and customize the Wishlist Plus button on your Collections (Product Listing) page directly from the Shopify Theme Editor or from within your Shopify Admin > Wishlist Plus app. You can now manage collection settings independently—no support needed.
Table of Contents
Why Enable Wishlist Plus on the Collections Page?
Adding the Wishlist Plus button to your Collections page offers several benefits:
Enhanced User Engagement: Make it easy for customers to bookmark items directly from the Collection page, especially on mobile.
Customizable Visuals: Seamlessly match the button’s look and feel with your brand.
Improved Shopping Experience: Help customers save favorites as they browse, driving return visits and better conversion.
Wishlist on Collections is Enabled by Default During Onboarding
While installing Wishlist Plus, Wishlist on Collections is enabled by default.
To customize or turn it off during installation, Navigate to the Settings button on the "Wishlist button" card
This will open the Configuration Panel. Make sure you’re on the Collections tab
Enable or disable wishlist on Collections from here and change the position of the wishlist icon.
Change icon style or color by going to the Basics tab, then click Save.
Complete onboarding and pick a plan to see Wishlist live in your store.
Understanding Collection Settings: Configuration Panel vs. App Embed
There are two different places where you can manage how Wishlist buttons appear on your Collection pages. Both methods are valid, and you can use either one based on your store’s setup needs or personal preference. Below is a breakdown of what each method controls and how they interact.
1. From the Wishlist Plus Configuration Panel under Features
Go to Wishlist Plus Configurations → Features - Help Shoppers Save Favorites → Collections. This toggle is used during onboarding or for quick changes.
2. From Collections Advanced App Embed in the Shopify Theme Editor
Enable the Collections Advanced app embed and customize button visuals—icon style, position, size, and color.
Important Notes:
✅ Wishlist buttons will appear if enabled in either location (App Embed or Configuration Settings).
✅ Collections Advanced App Embed takes priority over Configuration Settings.
✅ If both are enabled, the behavior and styling will follow the App Embed settings.
✅ If only Configuration Settings is enabled, buttons will display using the default configuration.
✅ If only the App Embed is enabled, buttons will appear based on the embed’s customizations.
Quick Setup: Configure Wishlist on Collections via Wishlist Plus Configuration Panel
After installing Wishlist Plus, you can enable/disable Collection page buttons directly from Wishlist Plus Configuration Panel:
Steps:
Go to your Shopify Admin
Navigate to Apps → Wishlist Plus
Click on Configurations (visible post-installation) → Features (visible post-installation)
Navigate to the Settings button on the "Wishlist button" card
In the Collections tab, turn on the checkbox to enable Wishlist buttons on Collection pages
Choose the position of the icon within the product tile
Under the Basics tab, select which icon type (heart, star, bookmark) to display and the color of the wishlist icon.
These settings offer a quick way to add Wishlist functionality.
Configure Wishlist on Collections via Advanced Collections App Embed
1. Access the Theme Editor
In Shopify admin: Go to Online Store → Themes
Click Customize on your active theme
2. Navigate to App Embeds
In the left sidebar, select App Embeds
3. Enable Wishlist Plus for Collections
Find Collections Advanced under App Embeds
Toggle Enable to activate it
4. Customize the Wishlist Button
Once enabled, you can configure:
Icon Style: Heart, star, or bookmark
Button Position: Top-left, top-right, bottom-left, bottom-right
Offset Controls: Fine-tune vertical and horizontal placement
Button Size & Color: Use sliders and color pickers for full control
Manual Setup for Unsupported Themes (Optional)
Use CSS selectors if your theme isn’t directly supported:
Product Tile Selector
Product Link Selector
To find these selectors:
Open your storefront, right-click on a product, and choose Inspect
Hover to locate the product tile container (e.g., .product-card)
Find the anchor (<a>) tag within for the product link (e.g., .product-card__link)
Enable Variant Selector on the Collections Page
You can now allow shoppers to save specific product variants (e.g., size, color) from the Collections page.
✨ This feature is disabled by default. You must enable it manually.
Steps to Enable Variant Selector
In the Shopify Theme Editor, go to App Embeds → Collections Advanced
[⚙️ Note: If you enable this App Embed, it will override the onboarding or configuration settings for Collections under Wishlist Plus Features → Manage Configuration → Collections.]
Toggle Enable Variant Selector
Customize Variant Selector Popup
Options include:
Popup Title Color
Primary/Secondary Font Sizes
Popup Background & Section Heading Colors
Custom Action Text (e.g., “Choose”, “Create”)
Add to Wishlist Button Styles
Create List Placeholder & Title Text
Preview and Edit
Click the Wishlist icon on a product grid to preview the popup
If you exit the embed after clicking, go back to App Embeds → Collections Advanced to continue editing
Save and Test
Your page may refresh after changes—this is expected
Re-click the Wishlist icon to continue edits
Available on Free Plan
This entire feature set, including Collections setup and Variant Selector, is available on the Free Plan at no extra cost.
For help, contact: [email protected]
FAQs
Q: I finished onboarding but don’t see the Wishlist icon on my collection pages. Why?
A: Make sure you saved changes in the Theme Editor and picked a plan. Also, verify if Wishlist is enabled in either App Embed or Manage Configuration.
Q: I see the Wishlist icon even after turning off the App Embed.
A: Wishlist might still be enabled in Manage Configuration → Collections. Check both places to fully control visibility.
Q: Can I use both the App Embed and Configuration panel together?
A: Yes, but App Embed settings will override configuration settings if both are active.
Q: Is this available to Free Plan users?
A: Yes! Wishlist on Collections and Variant Selector are fully available to merchants on the Free Plan.
Q: Do I need developer help to use this feature?
A: Not at all. Both onboarding and post-install settings can be managed without any code.
Q: What if enabling the Wishlist button on the collection tiles from the app embed does not show the Wishlist button?
A: This might suggest that you are using a custom theme, or a theme that isn't currently supported with our collections toggle from the App embed. In cases like this, you'll have to manually add the Wishlist button as mentioned in this help article. Regardless, before jumping to adding the Wishlist button code, please ensure you try enabling the Wishlist button on the collection tile from the App embed first.