> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/app-integrations/wishlist-apps/wishlist-wishify.md).

# Wishlist ‑ Wishify

Keep the Wishlist ‑ Wishify button working correctly on product cards inside the filtered product grid.

## What this does

Wishify normally attaches its "add to wishlist" button to a product card once, when the page first loads. Because Smart Product Filter & Search re-renders product cards every time a shopper filters, sorts, or paginates, that button needs to be re-attached on each refresh — otherwise it stops working after the first interaction. Wishify also needs one small snippet added to your theme.

## Turn on the integration

1. In the app, go to **Settings > Integration**.
2. Search for **Wishify** and turn on **Enable integration**.
3. Click **Sync now** on the Home dashboard.

## Add the theme snippet

1. Go to **Online Store > Themes > Edit code**.
2. Open `snippets/globo.filter.product.liquid` (see [Customize the app's product list template](/product-grid/customize-apps-product-list-template.md) if this file doesn't exist yet).
3. Add:

```html
<div class="zoomywishid zoomywishid-{{product.id}}"
     data-product-id="{{product.id}}"
     data-handle="{{product.handle}}"
     data-image="{{product.featured_image | img_url: '360x'}}"
     data-variantname="{{product.selected_or_first_available_variant.title}}"
     data-title="{{product.title}}"
     data-variant="{{product.selected_or_first_available_variant.id}}"
     data-price="{{product.selected_or_first_available_variant.price | remove: '.' | remove: ',' | divided_by: 100.0 }}"></div>
```

4. Save.

## Related pages

* [Wishlist apps](/app-integrations/wishlist-apps.md)
* [App Integrations](/app-integrations/app-integrations.md)