# Cashback Widget

The **Dollarback Store Credit** widget allows customers to view their available store credit and cashback rewards directly on your store. Follow this guide to enable and customize the widget on your Shopify store.

{% embed url="<https://dollarlabs.neetorecord.com/watch/a5c3c5bb7d7f2d653b6e>" %}
How to Set Up the Cashback Widget on Your Storefront: A Step-by-Step Guide
{% endembed %}

### **1. Adding the Widget to Your Theme**

1. Navigate to the **Dollarback Store Credit** app in your Shopify admin.
2. Click **Add to Theme**.
3. This action will open your store’s currently published theme and take you to the **App Embeds** section.
   1. If you want to first test this on a draft theme then open the theme customiser for that theme > App embeds > Cashback Widget
4. Toggle the **Cashback Widget** on to enable it.
5. Click **Save** to apply the changes.

### **2. How the Widget Works**

Once enabled, the cashback widget appears on every page of your storefront. If a customer is logged in, they will see:

* Their **current store credit balance**.
* The cashback percentage they can earn on new purchases.
* A quick guide on **how to redeem cashback rewards** at checkout.

### **3. Customizing the Widget**

You can personalize the widget to match your store’s branding and messaging.

#### **Editable Elements:**

* **Text**: Modify any displayed text to fit your store’s tone.
* **Images**: Replace the default images with your own.
* **Page Contents**: Adjust the content and formatting as needed.
* Styling: Adjust the widget's appearance using custom CSS

To customize the widget:

1. Open the widget settings from the **Theme Customise > App embed > Cashback Widget**
2. Edit the text, images, and page contents.
3. Click **Save**.
4. Reload your theme preview / storefront to see the updated widget.

### **4. Verifying the Widget Functionality**

Once the widget is set up, log in as a customer and verify that:

* The correct **wallet balance** is displayed.
* The current configured cashback configuration is visible.
* Redemption guide is available within the widget for easy access.
* Configuration reflects the same as what you have setup in admin.

### **5. Troubleshooting & Support**

If you encounter any issues while setting up or customizing the widget:

* Ensure that you have **saved** your changes.
* Refresh your store to check if updates appear.
* If the widget is not displaying, verify that the **App Embed** is toggled on.
* For further assistance, contact our support team.

We are happy to help you with any setup or configuration questions! Feel free to reach out to  <support@dollarlabs.io> or reach us through the live chat widget!

***