# Wishlist access

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

Wishlist Access determines how customers find and open their wishlist on your store. This feature gives you control over where and how the wishlist entry points appear on your storefront, helping you create an intuitive shopping experience.

### Why configure Wishlist access? <a href="#why-configure-wishlist-access" id="why-configure-wishlist-access"></a>

* **Improved User Experience**: Place wishlist access points where customers naturally look for them
* **Brand Consistency**: Style access points to match your store's design
* **Flexible Placement**: Position floating buttons exactly where they work best on your storefront

### How to Configure Wishlist access? <a href="#how-to-configure-wishlist-access" id="how-to-configure-wishlist-access"></a>

#### Select Access types <a href="#select-access-types" id="select-access-types"></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%252F54mEpXSJbiXsSz3f9Ax9%252FSelect%2520Access%2520Types.png%3Falt%3Dmedia%26token%3D18b829ed-c0d7-41ff-a9a5-331970a76f6a&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=faf3625&#x26;sv=2" alt=""><figcaption></figcaption></figure>

* From your Shopify admin, go to **Apps** > **Joy Wishlist**
* Click on **Wishlist Design** in the navigation menu
* Make sure you're on the "**Wishlist Access**" tab
* Under "Wishlist access" type, select one or more options:
  * **Floating button**: A fixed button that appears on your storefront pages
  * **Main menu page**: Adds a wishlist page to your store's main navigation menu
  * **Header icon**: Places a wishlist icon in your store's header area

Note: You can select multiple access types to give customers different ways to find their wishlist.

***

#### Configure Floating button position (if selected) <a href="#configure-floating-button-position-if-selected" id="configure-floating-button-position-if-selected"></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%252FCHXOQLkKasNUUYxIpQm8%252FConfigure%2520Floating%2520Button%2520Position.png%3Falt%3Dmedia%26token%3D554f3111-48ae-4ae3-a33e-587afe734c82&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=2c86c95a&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Under "Floating button position," select where you want the button to appear:

* Top left
* Top right
* Center left
* Center right
* Bottom left
* Bottom right

***

#### Configure counter display <a href="#configure-counter-display" id="configure-counter-display"></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%252FjYIZvHuPURzrzhbrVVfB%252FConfigure%2520Counter%2520Display.png%3Falt%3Dmedia%26token%3Dbade5ed5-459d-41f5-948b-322994a22910&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=b78ae65d&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Under "Show added items," choose:

* Show number of items: Displays a small counter with the number of items in the wishlist
* Hide number of items: Shows only the wishlist icon without a counter

Item counter displayed on **Floating button** or **Header icon**

***

#### Customize button appearance <a href="#customize-button-appearance" id="customize-button-appearance"></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%252FeFXCgkm5MpyHZe2ljZ3L%252FConfigure%2520Counter%2520Display-1.png%3Falt%3Dmedia%26token%3D30ac1a59-63a8-4c4c-a7c0-41f527e537f6&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=3ea3560e&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Under "General settings," customize the look of your access points:

* **Button color**
  * Icon color: Click the color square to open the color picker and select a color
  * Background color: Choose the color behind the icon
  * Border color: Set the color for the button's border
* **Number of items color**
  * Text color: Set the color for the counter number
  * Background color: Choose the color behind the counter number
* **Icon type**
  * Select from preset icons (Heart, Star, Flag)
  * Upload a custom icon by clicking the upload icon

***

#### Save your change <a href="#save-your-change" id="save-your-change"></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%252FTz9S8NwFTonatbWHGE8x%252FSave.png%3Falt%3Dmedia%26token%3D0dc25de1-31ba-421a-a41b-2e7173beb364&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=301a2c36&#x26;sv=2" alt=""><figcaption></figcaption></figure>

After making your selections, click Save to apply your changes to your store.


---

# 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/wishlist-access.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.