Customizing Widget Appearance for Discounts

This guide explains how to modify the widget appearance for volume, tiered cart spend, or buy x items for y amount for a certain discount amount.

Start by setting up the volume discount.



Step 1: Locate the Widget Appearance tab on the right side of the screen.



Step 2: Click on the Widget Appearance tab.



Step 3: Scroll down to find the Product Page Widget.



Step 4: Continue scrolling to find the Cart Page Widget.



Step 5: Modify the text display. For instance, change it to "Buy only 5 to get variables off." Add a note to customers, such as "Add more to save more."

Step 6: Select the Dynamic Variable List to access and use the variables.



Step 7: Adjust the Background Color and Text Colors. For instance, change the body color to green.





Step 8: Scroll down to the Widget Title part. Rename it to "Right Volume Discount."



Step 9: Adjust the font weight to medium and the background color to green. Set the text color to black.



Step 10: Use the Color Picker to choose colors or add your own hex code.



Step 11: Set a default selection. For example, select the second tier as the default.

Step 12: Feature a selection. For instance, add a selection as suggested and set the background color to green and the title color to black.

Step 13: Save the changes.



After saving, the volume discount changes based on the widget appearance modifications.

For further customizations:

Step 1: Go to the Settings tab.



Step 2: Click on Custom CSS.



Step 3: Add a class and modify it as needed.



For assistance with customization, contact the support team.

Updated on: 11/10/2024