> ## 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.

# Wishlist page setup

> Add the wishlist page to your store with an app block, or with a shortcode on older themes.

The wishlist page is where shoppers see their lists, open one, add items to the cart, share, rename and delete. It also has the **Shared Wishlists** tab for lists other people shared with them.

![The wishlist page: My Wishlists and Shared Wishlists tabs](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/mockups/wishlist-page.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=788fbc95abc34a7d03f0764e9492d62f)

The wishlist page: My Wishlists and Shared Wishlists tabs

> [!NOTE]
>
> The **Wishlist page** toggle under **Insights → Wishlist Settings** must be **Activated**, and the **Wishlist Engine** app embed must be on.

## Option 1: App block (Online Store 2.0 themes)

**1. Create the page**

In Shopify admin, go to **Online Store → Pages → Add page**. Name it `Wishlist` and save. Its URL is `/pages/wishlist`.

**2. Customize your theme**

Go to **Online Store → Themes** and click **Customize**.

![Edit theme button in Online Store > Themes](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/setup/wishlist-page-step-1.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=58f220ab34129ced46119898cddfbd1c)

**3. Select the page template**

From the page selector at the top, choose **Pages**, then the template your wishlist page uses. To keep the wishlist on its own template, click **Create template**, give it a name, then assign it to the Wishlist page in **Online Store → Pages**.

![Selecting Pages in the theme editor](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/setup/wishlist-page-step-2.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=6630d4348217ae4e18f5c0f00eea0d59)

![Selecting or creating a page template](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/setup/wishlist-page-step-3.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=6aa060cf26651aec1cf63aa3192e3f47)

**4. Add the app block**

In a section, click **Add block**, open the **Apps** tab, and select **Shopy Wishlist Page**.

![Add block, Apps tab, Shopy Wishlist Page](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/setup/wishlist-page-step-4.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=6b09fd85a0e66cc7300ab47dbb40378f)

**5. Save**

The wishlist now appears on the page. Drag the block to reorder it among your sections.

![The wishlist page rendered in the theme editor](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/setup/wishlist-page-step-5.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=d4270ffb79ebd97009ff3130e15735cd)

## Option 2: Shortcode (older themes)

If your theme does not support app blocks (for example Debut, Brooklyn, or older versions of Ella):

1. Go to **Online Store → Pages** and open your wishlist page.
2. Switch the content editor to HTML (the `<>` button).
3. Paste this and save:

```html theme={null}
<div data-cb-wishlist></div>
```

The element turns into the full wishlist when the page is viewed on your store. You can also put the same line in any Liquid template.

## Link to the page

Add the page to your navigation so shoppers can find it: **Online Store → Navigation → Main menu → Add menu item**, label `Wishlist`, link `/pages/wishlist`.

Other entry points:

* **Floating button and drawer**: on by default. See [Wishlist page & drawer settings](https://codebeans-wishlyst.mintlify.site/guides/customize/wishlist-page.md).
* **Menu with the shopper's lists**: the [nav shortcode](https://codebeans-wishlyst.mintlify.site/developers/manual-placement.md#wishlist-menu-nav-shortcode) lists their wishlists in a dropdown.

> [!TIP]
>
> If your wishlist page is not at `/pages/wishlist`, set its URL under **Manage Wishlist → Wishlist Detail Account Page → Share page URL** so share links and the drawer point to the right place.


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