> For the complete documentation index, see [llms.txt](https://help.dollarlabs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.dollarlabs.io/dollarback-store-credit/widgets-and-storefront/widget-map-what-shows-where.md). # Widget map: what shows where {% embed url="" %} \_This article's section starts at 0:00 in the video.\_ DollarBack can appear in 15 places across your store, from the product page to the checkout, the thank-you page, and your customers' account pages. This page is the index: what each touchpoint shows, where it lives, and where to go to set it up. All touchpoints are managed from **DollarBack admin → Customization**, which groups them the same way this page does. ## Storefront (theme blocks and app embeds) Widgets your customers see while browsing. Activated in the Shopify theme editor, customized in DollarBack. * **Product page cashback message**: a line on each product page showing what that product earns. → [Product page & cart cashback messages](/dollarback-store-credit/widgets-and-storefront/product-page-and-cart-cashback-messages.md) * **Cart cashback message**: the same message for the whole cart, including order-goal progress. → [Product page & cart cashback messages](/dollarback-store-credit/widgets-and-storefront/product-page-and-cart-cashback-messages.md) * **Floating cashback widget**: a site-wide launcher that opens a panel with balance, ways to earn, tiers, referrals, rewards, and history. → [The floating cashback widget](/dollarback-store-credit/widgets-and-storefront/the-floating-cashback-widget.md) * **Loyalty page**: a full storefront page for your rewards program. → [Set up the loyalty page](/dollarback-store-credit/widgets-and-storefront/set-up-the-loyalty-page.md) ## Checkout and post-purchase Blocks added in the Shopify checkout editor. The two checkout blocks require Shopify Plus; the thank-you blocks work on all plans. * **Checkout cashback**: tells the customer what this order will earn, right in checkout. → [Checkout & thank-you widgets](/dollarback-store-credit/widgets-and-storefront/checkout-and-thank-you-widgets.md) * **Checkout reward marketplace**: lets customers redeem credit for rewards without leaving checkout. → [Checkout & thank-you widgets](/dollarback-store-credit/widgets-and-storefront/checkout-and-thank-you-widgets.md) * **Thank-you cashback**: confirms the credit just earned, with its expiry note. → [Checkout & thank-you widgets](/dollarback-store-credit/widgets-and-storefront/checkout-and-thank-you-widgets.md) * **Thank-you referral**: invites the customer to share their referral link while the purchase is fresh. → [Checkout & thank-you widgets](/dollarback-store-credit/widgets-and-storefront/checkout-and-thank-you-widgets.md) ## Customer account Blocks on the new customer account pages (order list, order status, profile). * **Order status cashback**: credit earned on that specific order. → [Customer account blocks](/dollarback-store-credit/widgets-and-storefront/customer-account-blocks.md) * **Credit balance**: balance banner plus filterable transaction history. → [Customer account blocks](/dollarback-store-credit/widgets-and-storefront/customer-account-blocks.md) * **Referral blocks (three placements)**: referral code and share UI on the order list, order status, and profile pages. → [Customer account blocks](/dollarback-store-credit/widgets-and-storefront/customer-account-blocks.md) * **Account reward marketplace**: redeem rewards from the profile page. → [Customer account blocks](/dollarback-store-credit/widgets-and-storefront/customer-account-blocks.md) * **Google Wallet pass**: a loyalty card on the customer's phone with live balance and push updates. → [Customer account blocks](/dollarback-store-credit/widgets-and-storefront/customer-account-blocks.md) ## Third-party cart drawers * **Cart drawer cashback**: the cart message rendered inside Rebuy, Upcart, Monster, AMP, or your theme's native drawer. → [Cart drawer integrations](/dollarback-store-credit/integrations/cart-drawer-integrations.md) ## The full matrix | Touchpoint | Surface | What it shows | You can customize | | --------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Product page message | PDP theme block | Cashback earnable on this product; tier-reached / tier-max / goal-progress states; discount-code reward messages | Message text per state, background/text color, size, weight, padding, tooltip, custom CSS | | Cart message | Cart page / drawer theme block | Cashback for the current cart; order-goal progress tiers; discount reward messages; loading state | Message templates per state, colors, typography, padding, tooltip, custom CSS | | Floating cashback widget | App embed (site-wide) | Launcher opening a tabbed panel: balance, ways to earn (signup / newsletter / birthday / social forms), tiers and progress, referral link, rewards, history | All labels and tab names, login prompts, card order, panel width, 5 color roles, border radius, custom CSS | | Loyalty page | Full storefront page | Hero, how-it-works steps, ways to earn, tiers, referral block with share buttons (Facebook, X, WhatsApp, email), reward history, FAQ | Every section's copy (logged in/out variants), hero image, section hiding, full branding tokens (colors, type, radii), sign-in/registration URLs, custom CSS (`db-loyalty-*`) | | Checkout cashback | Checkout block (Shopify Plus) | Cashback the order will earn; order-goal progress; discount reward notices | Message templates per state | | Checkout reward marketplace | Checkout block (Shopify Plus) | Balance plus redeemable rewards (order / product / shipping); redeem and copy-code actions | Heading, balance label, per-reward-type templates, minimum-order note, button labels, success/error messages | | Thank-you cashback | Thank-you block | Credit earned on the order just placed, expiry note, goal-earned message | Title, heading, body/expiry/loading messages | | Thank-you referral | Thank-you block | Referral invite with copyable link, in separate guest and logged-in states | Headings, body copy, button and clipboard text | | Order status cashback | Order status block | Credit earned on that order | Earned message | | Credit balance | Account page block | Balance banner, transaction history with filters | Banner title/description, CTA text, history filter and tag labels | | Referral blocks (×3) | Order list / order status / profile | Referral code plus share UI, referral history | Headings, message templates, copy-button and clipboard text | | Account reward marketplace | Profile block | Redeemable rewards, redemption history, balance | Headings, balance label, empty states, reward templates, button labels, success/error messages | | Google Wallet pass | Profile block + phone wallet | Loyalty card: live balance, member name, tier, QR code, push updates on earn/redeem | Issuer and program name, logo and hero image, background color, earned/redeemed notification texts with variables | | Cart drawer cashback | Rebuy · Upcart · Monster · AMP · theme drawer | Cashback message inside the third-party drawer, mirroring the cart message | Per-drawer enablement; inherits the cart message templates | Every text field in this table can also be translated per language; see [Translate your widgets](/dollarback-store-credit/widgets-and-storefront/translate-your-widgets.md). Theme developers who want to render cashback messaging in their own markup can use the [storefront window API](/dollarback-store-credit/developer-tools/storefront-window-api.md). ## Common issues * A widget is activated but nothing appears on the storefront; see [A widget isn't showing on my store](/dollarback-store-credit/troubleshooting-and-faq/widget-isnt-showing.md). * Store credit doesn't appear as a payment option at checkout; see [Store credit isn't available at checkout](/dollarback-store-credit/troubleshooting-and-faq/store-credit-isnt-available-at-checkout.md). ## Related articles * [Activate widgets in your theme](/dollarback-store-credit/getting-started/activate-widgets-in-your-theme.md) * [Product page & cart cashback messages](/dollarback-store-credit/widgets-and-storefront/product-page-and-cart-cashback-messages.md) * [The floating cashback widget](/dollarback-store-credit/widgets-and-storefront/the-floating-cashback-widget.md) * [Translate your widgets](/dollarback-store-credit/widgets-and-storefront/translate-your-widgets.md)