Customize your Wishlist branding with Growave V2
NOTE: Updated storefronts are available to customers using Growave version V2, applicable to those who joined our app after January 22, 2024. If you are using an earlier version, please refer to Wishlist branding for an earlier storefront version.
For users of Growave version V2, we are excited to introduce enhancements in Wishlist branding! This feature allows you to customize the wishlist interface to match your brand's style, improving user experience. Learn how to effectively customize your Wishlist app in the admin panel under the Branding section:
Main theme
You can choose two main colors for Wishlist elements on the storefront, such as the button, tab, and page. For example:
- Primary color: #1d2939
- Secondary color: #00baee
Wishlist icon
Customize the heart icon color in all widgets, along with its background color.
- Icon type and color: Choose an icon from a predefined list and change its color.
- Icon background: Black or White (default: White).
Select the "Upload custom icon" checkbox to add your own icon files. Outlied and Filled styles are available for custom icons.
Add to Wishlist button
Easily customize the main "Add to Wishlist" button on the product page.
- Color: Primary or Secondary (default: Primary).
- Border radius: The rounding of the button corners (default: 90).
- Font color: Black or White (default: Black).
- Style: Outlined or Filled (default: Outlined):
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/64ef4802ab3ec13db0b39ec6/images/665844f55940934e140f4149/file-2cDyBPBzLa.png)
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/64ef4802ab3ec13db0b39ec6/images/6658454be1989867dcefd4fd/file-hF2rU6gsWA.png)
Wishlist widget and page
Wishlist floating widget by default appears on the right side of the webpage. The Wishlist page can be opened via the link in the Wishlist widget. Both the widget and the page can be customized.
- Position: position of the Wishlist widget, Left or Right (default: Right)
- Launcher
*
background: background color of the Wishlist launcher, White or Black (default: White) - Launcher font color: text color in the launcher, Black or White (default: Black)
- Launcher icon background: background color of the heart icon in the launcher, Primary or Secondary (default: Primary)
*
The launcher is an interface element that users interact with to open the Wishlist widget.
- Button color: color of the "Add a new list" button, Primary or Secondary (default: Primary)
- Buttons font color: color of the text, White or Black (default: Black)
- Button style: visual appearance of the button, Outlined or Filled (default: Outlined)
- Border radius: rounding of the button, the more the value, the more round the angles of the button will be (default: 90)
- Link color: color of the "Save my Wishlist" link, Primary or Secondary (default: Secondary)
This is how it looks in the widget:
Average Rating block
In Growave version V2, product cards on the Wishlist page have an average rating block to showcase social proof and help customers make informed decisions.
Hope this article helped you customize your Wishlist storefront. If you still have any questions or need assistance, contact us at support@growave.io or use the chat icon in the bottom-right corner. We are always here to help!