> ## Documentation Index
> Fetch the complete documentation index at: https://codebeans-wishlyst.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Install Codebeans Wishlyst and get wishlists live on your store in about five minutes.

**1. Install the app and pick a plan**

Install Codebeans Wishlyst from the Shopify App Store and approve the permissions. The app opens on **Pricing** until you choose a plan. See [Plans & billing](https://codebeans-wishlyst.mintlify.site/guides/plans-and-billing.md).

**2. Turn on the app embeds**

Open **Wishlist Settings → Setup Guides** in the app and click **Open Theme Editor → App Embeds**. The theme editor opens with the app embeds panel. Turn on both:

* **Wishlist Engine**: the core of the wishlist (collection hearts, wishlist page, drawer, popups).
* **Wishlist icon**: the product page button and the cart page integration.

Click **Save**.

> [!TIP]
>
> Use the **App Status** card on the same page to check that the embeds are on in your live theme. If you are setting up a theme that is not published yet, select it there first.

**3. Switch on the storefront features**

Storefront features start switched **off** so nothing appears on your store until you are ready. Go to **Insights**, open the **Wishlist Settings** panel and activate the ones you want:

| Toggle | Shows |
| - | - |
| **Add to Wishlist Button** | The button on product pages |
| **Wishlist on collection page** | Heart icons on product cards |
| **Wishlist page** | The wishlist page |
| **Shared Wishlist page** | The page shoppers see when a wishlist is shared with them |
| **Guest wishlists** | Lets shoppers save without logging in (on by default) |

**4. Add a wishlist page**

Create a page (for example **Wishlist** at `/pages/wishlist`) and add the **Shopy Wishlist Page** block to it. Then link to it from your menu. Follow [Wishlist page setup](https://codebeans-wishlyst.mintlify.site/guides/wishlist-page.md).

**5. Add wishlists to customer accounts (optional)**

If your store uses the new customer accounts, add the wishlist page to the account area. See [Customer accounts](https://codebeans-wishlyst.mintlify.site/guides/storefront/customer-accounts.md).

**6. Match your brand**

Click **Manage Wishlist** in the app menu to set colors, icons, button positions and text. A live preview updates as you edit. See [Customize the look](https://codebeans-wishlyst.mintlify.site/guides/customize/basics.md).

## Check it works

![What you should see on a product page](https://mintcdn.com/codebeans-wishlyst/FOg6WqIIKdNxdSzd/images/mockups/product-page.png?fit=max\&auto=format\&n=FOg6WqIIKdNxdSzd\&q=85\&s=9b2ddae0850583d5bac33421aa9c14f0)

What you should see on a product page

1. Open a product page on your store. You should see the **Add to wishlist** button.
2. Click it, then open your wishlist page. The product is there.
3. Back in the app, open **Customers → All Wishlists**. The new wishlist is listed.

Nothing showing? See [Troubleshooting](https://codebeans-wishlyst.mintlify.site/troubleshooting.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.