With options to choose from predefined icons like a heart, star, or bookmark, you can tailor the button to match your store’s aesthetic. 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.
You’ll be directed to the Button Setting page whose functions are explained below:
Add to Wishlist Button Appearance #
This portion of the Add to Wishlist button appearance can be further categorized into 5 sections which are explained below:
01. Button Appearance #
Customize the wishlist button’s appearance by choosing from a selection of different styles, allowing you to tailor its visual presentation to suit your preferences or align with your website’s design.
Watch the video below to see how easy it is to customize the appearance of the “Add to Wishlist” button.
02. Pick a Wishlist icon for your site #
Personalize your experience by selecting a star or bookmark icon, replacing the default heart icon. Choose your preferred icon from the options available in the app, as indicated in the image below.
Explore the icon customization options by referring to the instructional video provided below. The video demonstrates how to change the default heart icon to either a star or bookmark icon, enhancing the visual appeal of your experience.
03. Pick animation for your button #
Button animations can add interactivity, visual appeal, and feedback to user interface elements, making the user experience more engaging and intuitive. As shown in the video below are some common button animation options you can consider for your wishlist button:
04. Preview of the button #
Instantly preview the appearance of your button on your store in real-time within this section.
NOTE– Remember to save your modifications instantly after adjusting your wishlist button. Without saving, these changes won’t reflect on your store.
Styles 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:
#
*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.
