Skip to main content

What Is the Wishlist Drawer and How to Customize It?

Learn how to customize the Wishlist Drawer—edit its position, contensts and styles to match your store’s branding.

Updated over 3 weeks ago

What Is the Wishlist Drawer and How to Customize It?

The Wishlist Drawer is a side panel that slides in to display a customer’s saved items. You can customize its title, position, and text to match your store’s branding.

Where to Access the Customization Panel

  1. Log in to Shopify Admin.

  2. Open the Notify Me! app.

    • In your Shopify sidebar, go to Apps > Notify Me!

  3. Access Widget Customization.

    • In the Notify Me! dashboard, select Wishlist from the left-hand menu.

    • Click Customize appearance in the banner at the top.

  4. Select the My Wishlist widget.

    • Under the Widgets section, choose My Wishlist to begin customizing.

Customize Drawer Content and Layout

You can update the layout and wording inside the drawer:

Drawer Title

  • Change the header (default: “Wishlist”).

Drawer Position

  • Choose which side the drawer slides from:

    • Left

    • Right

    • Right

Content Settings

If Wishlist Has Items (Non-empty State)

  • All to Cart Button Label: Text for the “add all items to cart” button.

  • Add to Cart Button Label: Text for each item’s individual add button.

  • Out of Stock Button Label: Text for items that are unavailable.

If Wishlist Is Empty (Empty State)

  • Empty List Description: Message shown when there are no items.

  • Explore Button Label: Call-to-action button (e.g., “Explore store”).

You can also add custom CSS for advanced styling under Manual CSS code.

Preview and Save Changes

  • Use the Live Preview panel to see real-time updates as you make changes.

  • When you’re happy with the design, click Save in the top-right corner.

Need help?

If you need help with layout or design, contact our support team. We're happy to help you align the Wishlist Drawer with your store’s branding.

Did this answer your question?