# 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!

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.dollarlabs.io/dollarback-store-credit/show-rewards/cashback-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.