Wishlist button is not showing on my store — how to fix it
Overview
This is the single most reported issue after installing Wishlist Club. The good news: it almost always has a simple fix. Work through this checklist from top to bottom — most merchants resolve it within the first 2–3 steps.
📍 Quick access checklist
Before diving in, confirm which page the button is missing from:
Missing on product pages → follow Steps 1–5
Missing on collection pages → follow Steps 1–4, then Step 6
Missing in the header → go to Step 7
Missing everywhere → start at Step 1 — the app embed is almost certainly off
Step-by-step troubleshooting
Step 1 — Check the app embed is activated ✅ Start here first
This is the cause in the majority of cases. If the app embed is off, nothing will show anywhere on your store.
Go to Online Store → Themes → Customize
Open App Embeds in the left panel or top navigation
Find WC Wishlist & Back in Stock
Make sure it is toggled ON
Click Save
If this was off — toggle it on, save, and check your store. Button should now appear.
⚠️ If you recently switched themes, the app embed needs to be re-activated on the new theme. It does not carry over automatically.
Step 2 — Check the wishlist block is added to your product template (2.0 themes)
The app embed loads the scripts, but you still need to add the block to your template.
Go to Online Store → Themes → Customize
Switch the template to Products → Default Product
In the left panel, look for a Wishlist Product Block under Product Information
If it's not there, click Add block and search for it
Drag it to your preferred position and click Save
Step 3 — Check the code snippet is added correctly (non-2.0 themes)
If your theme doesn't support 2.0 blocks:
Go to Online Store → Themes → Edit code
Open
product-form.liquid,main-product.liquid, orproduct-template.liquidCheck that this code exists near the Add to Cart button:
<div class="th_prd_wl_btn"
data-product_id="{{product.id}}"
data-variant_id="{{product.selected_or_first_available_variant.id}}">
</div>If it's missing, paste it in the correct location and click Save
Step 4 — Verify the app is enabled in Wishlist Styling settings
Go to Apps → WC Wishlist & Back in Stock → Wishlist Styling → Product Page
Make sure the wishlist button is not disabled in the settings panel
Check the Enable toggle is turned ON
Click Save
Step 5 — Clear your browser cache
After making any changes, always hard-refresh your store before concluding something is wrong:
Mac: Cmd + Shift + R
Windows: Ctrl + Shift + R
Or open the store in a private/incognito browser window
Cached pages can make it look like changes haven't taken effect when they actually have.
Step 6 — Collection page button missing
If the button is working on product pages but not collection pages:
2.0 themes: Go to Customize → Collections template → Add section and search for Wishlist Collection
Non-2.0 themes: Add the
th_wl_col_btnsnippet to your collection card file (see Getting Started, Article 5)Ensure the collection page button is enabled in Wishlist Styling → Collection Page
Step 7 — Header icon missing
Check if the app embed auto-added it (works on most 2.0 themes automatically)
If not, add a menu item: Content → Menus → Main Menu → Add item → Name: My Wishlist → Link: /apps/wishlist/
Or add the heart icon SVG code to your
header.liquidfile (see Getting Started, Article 6)
Still not showing?
If you've worked through all the steps above and the button still isn't appearing, contact us and we'll fix it for you:
📧 Email: [email protected]
💬 Live chat from the app admin
When you contact us, please share your store URL and theme name — this helps us diagnose the issue faster.