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.

How to Set Up the Cashback Widget on Your Storefront: A Step-by-Step Guide

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 [email protected] or reach us through the live chat widget!


Last updated