# 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