Wallet
What this section does
Customer wallet: balance, QR pay, top-up, stars/gifts and history
Where it goes
- Can be used at most 1 time(s) on one page.
- This section is in every plan — no extra plugin needed.
Styles
Different looks for the same section. You can change the style later; your content stays as it is.
The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.
Full Card
FreecardEverything in one tall card: balance, QR, top-up, stars/gifts and transaction history — the complete account view
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Gradient Bank Card
FreegradientA bold gradient "bank card" hero with the balance front-and-center, QR reveal and a top-up action — feels like a real payment card
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Neon Fintech
Page EditorneonA dark glassmorphic fintech dashboard — glowing balance, neon stat chips for stars & gifts and a glowing QR action, like a modern banking app
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Wallet Pass
Page EditorticketA boarding-pass / wallet-pass with a perforated stub and the QR on the tear-off — the most "scan me at the counter" feel
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Split Dashboard
Page EditorsplitA wide two-column layout — balance + QR on the left, stars/gifts + transactions on the right — for a full-width account page
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Stat Tiles
Page EditorstatsA dashboard grid of tiles — balance, stars and available gifts as separate cards — with transactions beneath
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Compact
Page EditorcompactTight card with just balance, QR pay and top-up — no history, ideal for a sidebar or header area
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Balance Widget
Page EditorbalanceMinimal balance figure with a top-up button — a small "wallet pill" to drop anywhere
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
QR Focus
Page EditorqrLarge QR front-and-center with the balance and top-up beneath — for a "show this at the counter" page
Specific to this style: title, showTitle, showIcon, showBalance, showQr, showQrHint, showTopup, allowInstallments, enableCardSaving, showStars, showStarsProgress, showRewards, showGiftCardRedeem, showTransactions, transactionLimit, accentColor, surfaceColor
Settings
The fields you see in the Section Settings panel on the right when this section is selected.
Shared by every style
- bg
- contentMaxWidth
- sectionMaxWidth
- horizontalPadding
- verticalPadding
- verticalAlignment
- horizontalAlignment
- horizontalMargin
- verticalMargin
- spacingOverrides
- animationType
- animationDuration
- animationDelay
- animationEasing
- animationStagger
- animationRepeat
- animationParallax
- imageParallax
- animationScrollEffect
- height
This page is generated straight from the product's own section definitions, so a newly shipped section appears here too.