# Custom Wishlist Page

The app’s default Wishlist page can simply be enabled via an app embed. Alternatively you can setup a custom Wishlist page following the steps outlined below. This will enable you to add additional code to the Wishlist page template and also change the default page address from /apps/wishlist to something like /pages/wishlist or /pages/favourites etc.

{% hint style="info" %}
**Custom Wishlist address.**\
A custom Wishlist page will no longer use the default address /apps/wishlist and instead use /pages/your-handle.
{% endhint %}

### Step By Step

* Create a new page in Shopify admin
  * Enter a name and then click: Edit website SEO
  * Remember the page handle (e.g. wishlist)
* Open the theme editor and find the Swish App Settings embed
  * Change the wishlist path setting to: /pages/your-handle
    * Replace “your-handle” with the actual page handle
* Open the template menu at the top centre of the theme editor
  * Select: Pages > Create template
  * Enter name: Wishlist
  * Select: Create template
* Add section to new template named: Wishlist Page
* Hide the default page section
* Save the new template
* In Shopify admin, navigate to: Online Store > Pages
* Open the previously create Wishlist page
  * Assign thew new template named Wishlist
  * Save your changes
* The custom Wishlist page is now available on your store

### Alternative Code Setup

In some cases you might want to manually add the Wishlist Page to your liquid code. You can use the below snippet, which will render the default Wishlist Page.

{% hint style="info" %}
**Wishlist Embed required.**

Using this technique still requires the Wishlist App embed to be activated.
{% endhint %}

```html
<wishlist-page 
  show-product-title  
  show-price
  show-vendor
  show-share-button  
  show-buy-all-button
  cta-button="add-to-cart"
  product-options="dropdowns"
  move-to-cart
  wishlist-empty-link="/collections/all"
></wishlist-page>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.swish.app/customizations/custom-wishlist-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
