Skip to main content

How to Customise Your Wiser Widget Styling

Written by Toheeb

Wiser allows you to customize the appearance and functionality of your recommendation widgets to match your store’s branding and provide a seamless shopping experience.

You can customise different elements of your widget, including the layout, heading, product title, add-to-cart button, price, product image, product reviews, currency converter, out-of-stock settings, wishlist settings, and custom CSS.

Use widget customization when you want to:

  • Match your Wiser widgets with your store’s branding

  • Adjust the layout and appearance of your recommendations

  • Customize how product information is displayed

  • Control how out-of-stock products and wishlist options appear

  • Add custom CSS for more advanced styling


Steps to Customize Your Wiser Widget

Step 1: Go to the Wiser Dashboard

Go to your Wiser Dashboard and click on Customize Widget from the left panel.



Step 2: Customize Your Widget

Open the Customization/Design section. Here, you can adjust the widget layout and customize the heading, product title, add-to-cart button, price, product image, and product reviews.

You can also configure the currency converter, Product review, out-of-stock settings, and wishlist settings according to your preferences.

For advanced styling, you can use Custom CSS to make additional design changes. We also help match the styling to meet your theme design to ensure consistency.


Step 3: Preview and Save

Preview your changes to make sure everything looks as expected, then click Save.

🎉 Congratulations! Your Wiser widget has now been customized to match your store.

If you experience any issues, feel free to contact us through support@expertvillagemedia.com or our live chat. We're here to help!

Did this answer your question?