# Wishlist Design

### What is Wishlist Design? <a href="#what-is-wishlist-design" id="what-is-wishlist-design"></a>

Wishlist Design is a powerful customization feature in Joy Wishlist that allows you to personalize how the wishlist functionality appears on your Shopify store. With this feature, you can create a seamless, branded wishlist experience that matches your store's aesthetic and improves customer engagement.

### Why use Wishlist Design? <a href="#why-use-wishlist-design" id="why-use-wishlist-design"></a>

* **Enhanced Brand Experience**: Match your wishlist elements to your store's design for a cohesive look and feel
* **Increased Customer Engagement**: Position wishlist access points strategically to encourage interaction
* **Better Conversion Rates**: Optimize the appearance of buttons and pages to drive more add-to-cart actions
* **Distinctive Store Design**: Stand out from competitors with a uniquely branded wishlist feature

### Main components <a href="#main-components" id="main-components"></a>

#### 🚪 Wishlist access <a href="#wishlist-access" id="wishlist-access"></a>

<figure><img src="https://avadagroup.gitbook.io/joy-wishlist/~gitbook/image?url=https%3A%2F%2F3674262665-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4avV7pCFFNpyfYTGELr9%252Fuploads%252FlmsceybTM5VO62jPKbkl%252FWishlist%2520Access.png%3Falt%3Dmedia%26token%3Df8f5a1c7-2b21-4f4e-95ee-2672e721b75c&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=c805c8a3&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Control how customers can access their wishlist on your store. Options include:

* Floating button on your storefront
* Main menu page in your navigation
* Header icon in your store's header

[Wishlist access](https://avadagroup.gitbook.io/joy-wishlist/getting-started/publish-your-docs/wishlist-access)

***

#### 🖱️ Wishlist button <a href="#wishlist-button" id="wishlist-button"></a>

<figure><img src="https://avadagroup.gitbook.io/joy-wishlist/~gitbook/image?url=https%3A%2F%2F3674262665-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4avV7pCFFNpyfYTGELr9%252Fuploads%252FmOlDVHJBjvQwoR74ZeUs%252FWishlist%2520Button.png%3Falt%3Dmedia%26token%3D577dc9dc-8334-4bc2-9f3d-3684ab9e8194&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=f12822b1&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Customize the wishlist buttons that appear on product details page and product thumbnail:

* Choose where buttons appear
* Set custom text for different button states
* Style colors and icons to match your brand

[Wishlist button](https://avadagroup.gitbook.io/joy-wishlist/getting-started/publish-your-docs/wishlist-button)

***

#### 🏠 Wishlist page <a href="#wishlist-page" id="wishlist-page"></a>

<figure><img src="https://avadagroup.gitbook.io/joy-wishlist/~gitbook/image?url=https%3A%2F%2F3674262665-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4avV7pCFFNpyfYTGELr9%252Fuploads%252FttBl8SHQsUYeDnYIomDv%252FWishlist%2520Page.png%3Falt%3Dmedia%26token%3Df1859a23-0c81-4c6f-9296-ffe54030286b&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=67ef3289&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Design the page where customers view their saved items:

* Select from different page display types
* Customize titles and descriptions
* Set colors for text, buttons, and backgrounds


---

# 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://help.joy.so/joy-wishlist/getting-started/wishlist-design.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.