How to Customize the Customer Wallet Widget

The customer wallet widget gives your customers a single place to view their cashback balance, loyalty points, available rewards, ways to earn, ways to redeem, and manage their active subscriptions. You customize it through the Shopify theme editor with no code required.

What the wallet widget shows

The wallet widget is a self-service hub for your customers. It pulls live data from subZwallet and displays it in a clean, branded interface.

Cashback balance: The customer's available store credit from cashback rewards. They can see exactly how much they have to spend.
Loyalty points: Current points balance and tier status if you have customer tiers enabled.
Active rewards: Any rewards the customer has earned but not yet redeemed, including milestone discounts and referral bonuses.
Ways to earn: A list of actions the customer can take to earn more points or cashback, such as placing an order, referring a friend, or reaching a spending milestone.
Ways to redeem: Available redemption options like discounts, free shipping, or free products that the customer can claim with their points.
Manage subscriptions: Active subscription details with options to skip, pause, resume, swap products, or update payment and shipping information.

Design themes: 7 built-in styles

The wallet widget ships with seven visual themes that match the subscribe widget styles. Pick the one that fits your store's look.

Neubrutalism: Bold borders, hard shadows, high contrast. Works well for streetwear, DTC, and Gen-Z focused brands.
Neumorphic: Soft shadows, subtle depth, pushed and pulled surfaces. Clean beauty, wellness, and minimalist brands.
Minimal: Clean lines, subtle borders, muted palette. Premium skincare, wellness, and tech products.
Glass: Transparent and frosted effects, modern feel. Tech products and contemporary brands.
Skeuomorphic: Realistic depth, gradients, tactile elements. Luxury brands, premium food, and artisan products.
Neon: Bright accents, glowing effects, high energy. Fitness, supplements, and youth-focused brands.
Rose: Warm pink tones, soft edges, elegant feel. Beauty, fashion, and lifestyle brands.

Color customization

Choose from pre-built color palettes or set fully custom colors. You can control the accent color, background, text color, and border color independently. The palette applies across all sections of the wallet widget so everything stays consistent.

Placing the wallet widget on your storefront

The wallet widget is a Shopify app block, so you can place it on any page that supports app blocks. The most common placements are the customer account page (so customers see their wallet after logging in), a dedicated rewards or loyalty page, or a custom landing page.

Go to Online Store > Themes > Customize.
Use the page selector at the top to navigate to the page where you want the wallet.
Click Add block (inside an existing section) or Add section and select the subZwallet Customer Wallet block.
Drag it to the position you want on the page.
Save.

How customers interact with the wallet

Once the wallet widget is live, logged-in customers can view their balances, browse ways to earn and redeem, claim rewards, and manage subscriptions directly from the widget. All actions happen inline without leaving the page. If a customer is not logged in, the widget displays a sign-in prompt.

Step-by-step setup

Go to Online Store > Themes > Customize.
Navigate to the page where you want the wallet widget (account page, rewards page, or any template).
Click Add block or Add section and select the subZwallet Customer Wallet app block.
Click the block to open the customization panel on the left.
Choose your design theme from the 7 built-in styles.
Pick a color palette or set custom colors for accent, background, text, and borders.
Toggle sections on or off: cashback balance, points, rewards, ways to earn, ways to redeem, manage subscriptions.
Preview your changes live in the editor.
Click Save when you are happy with the result.

See Widget customization for the subscription widget, Cashback wallet for configuring the cashback program, Rewards for milestone and referral rewards, and Points program for setting up loyalty points.