πŸ’²
DollarLabs Helpdesk
  • πŸ’°Dollarback: Store Credit
    • πŸš€Get started
      • Configure Order Goals
      • Set fixed amount cashback
      • Set percentage casback
    • πŸ“˜Real case studies
      • BlackPeach (+€17k in 30 days)
    • 🫴Show rewards
      • Product Page
      • Cart Page
      • Custom Slide Carts
      • Cashback Widget
      • Checkout Block (Shopify Plus)
      • Customer Account
      • Thank you
    • πŸ’Referral Engine
      • Referral Analytics
    • πŸ“©Notifications
      • Klaviyo
      • Inbuilt Email
      • Shopify flow
    • ⚑Automations
      • Reward Customers with Store Credit for Reviews using Judge.me
    • πŸ“ŠAnalytics
    • βš™οΈSettings
    • ❓FAQ
  • πŸ’²Dollarlabs: Ultimate Discounts
    • πŸš€Quickstart
    • Discount types
    • Discount Engine (v2)
      • Cart groups
      • Rules
      • Targets
      • Examples (v2)
        • Get $60 off on each item when purchased in pairs
        • Discount every item except the first item
    • Discount Engine (v1)
      • If X, then do Y
      • Line Limit Strategy
      • Global Line Limit Strategy
      • Discount Application Strategy
      • Discount combinations
      • Rule Builder Variables
      • Invert Logical Operation
      • Bulk Code Generation
      • ⚠️Limitations of Discount engine (v1)
      • Examples (v1)
        • πŸ“¦Product Discount Examples (V1)
          • Offer a discount to your VIP / Subscription customers
          • Offer a Free product and a one time discount for subscription purchase
          • Volume discount based on quantity for eligible products
          • Single discount code to apply different discount amounts for different product categories
          • Automatic discount for B2B customers
          • Discounts based on user's purchase market / region
          • Give product for free if the cart value is above $X
          • Buy X items specified to get a discount on Y items. (Buy X Get Y - Bx Gy)
        • πŸ›’Order Discount Examples (V1)
          • Tiered Cart Discounts: Reward Customers Based on Their Cart Value
    • πŸ›’Auto add gift to cart based on discount code (plus only)
    • πŸ’ΌPrice lists (B2B)
      • How to setup a price list ?
      • Show the discounted price on the Product page
      • Show Volume breaks on Product page
      • Show discounted prices on the collection page
    • ⚠️Function limitations by Shopify
Powered by GitBook
On this page
  • 1. Adding the Widget to Your Theme
  • 2. How the Widget Works
  • 3. Customizing the Widget
  • 4. Verifying the Widget Functionality
  • 5. Troubleshooting & Support
  1. Dollarback: Store Credit
  2. Show rewards

Cashback Widget

PreviousCustom Slide CartsNextCheckout Block (Shopify Plus)

Last updated 3 months ago

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.

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!


πŸ’°
🫴
How to Set Up the Cashback Widget on Your Storefront: A Step-by-Step Guide