Skip to main content

How to Customize the Wishlist Button on Product Pages

Learn how to change the text, icon, and style of the “Add to Wishlist” button on your product pages using the Notify Me! app.

Where to Find 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 Product Page Button widget.

    • Under the Widgets section, choose Product Page Button to begin customizing.

Customize Button Text and Icon

Update the labels and icon displayed on the Wishlist button:

  • Before adding to wishlist label:
    Customize the call-to-action text (e.g. “Add to wishlist”, “Save for later”).

  • After adding to wishlist label:
    Customize the confirmation message (e.g. “Saved!”, “It’s in wishlist”).

  • Icon options:
    Choose a symbol for your button:

    • Heart

    • Bookmark

    • Star

    • None

Choose the button style: Default or Fill

The product-page Wishlist button comes in two visual styles. Pick one from the Button style dropdown in the main settings — it sits next to the label and icon options, above the color settings.

  • Default — a slim, outlined button: the icon and label sit side by side inside a thin border, with no fill. It blends into most modern themes.

  • Fill — a bold button with a solid, filled background.

New stores start on Default. Stores that installed Notify Me! before this option existed stay on Fill, so nothing on your storefront changes until you switch it yourself.

Choose a style and the Live Preview updates instantly. Click Save to apply it to your storefront.

Note: color options live in Customize Button Style (below) and apply to whichever button style is selected. Default and Fill keep their colors separately — switching between them won’t erase the colors you set for the other.

Customize Button Style

You have two styling options:

1. Theme-based Styling (Recommended)

Automatically matches your Shopify theme’s colors and fonts for consistency.

2. Custom Styling (Starter plan or higher)

Manually adjust these properties:

  • Button text color

  • Button background color

  • Icon color

  • Border color

  • Border radius

  • Border thickness

Note: which of these you can edit depends on the Button style selected above. Fill lets you set all of them. Default (the slim, outlined style) shows only Button text color and Icon color — it has no background or border to adjust.

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?

For complex styling or design questions, contact our support team—we’re happy to help you match the Wishlist button to your brand.

Did this answer your question?