Customizing the Wishlist button allows you to align its appearance with your store’s branding and enhance the overall user experience. This guide will walk you through the steps to personalize the Add to Wishlist button on your product pages—including placement, style, and interaction states like hover and active. Whether you prefer the button beside the product title, on the image, or next to the Add to Cart button, these options are easily configurable from your dashboard. Follow the instructions below to get started and refer to the video for a detailed walkthrough.
To customize the Wishlist button appearance on your store, follow the instructions given below:
Go to the Dashboard page and within the Installation Steps section find the settings that say “Add to Wishlist Button appearance“ and then click on the Configure button.
From the basic plan we have the access to customize and style Add to Wishlist Button on :
- PDP image
- Beside title and
- Beside Add to cart
Please check the video for detailed Understanding :
You’ll be directed to the Button Setting page whose functions are explained in the video below :
Styles state for the Add to Wishlist Button #
The “Style Box” for a wishlist button allows you to customize various visual aspects of the button. Here’s an explanation of each of the options mentioned:
There are three types of options available i.e. Regular, Hover, and Active as shown in the image below:
How do I customize the Wishlist Hover style on my store? #
How do I customize the Wishlist Active style on my store? #
#
*Note- Don’t forget to click on the “Save” button ( placed on the top right corner of your screen ) after you have made changes to your wishlist button styles.
