Wishlist access

What is Wishlist access?

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?

  • 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?

1

Select Access types

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

2

Configure Floating button position (if selected)

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

  • Top left

  • Top right

  • Center left

  • Center right

  • Bottom left

  • Bottom right

3

Configure counter display

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

4

Customize button appearance

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

5

Save your change

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

PreviousWishlist DesignNextWishlist button

Last updated