All sections

Wallet

Profile9 styles20 settings

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

    Freecard

    Everything 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

    Freegradient

    A 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 Editorneon

    A 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 Editorticket

    A 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 Editorsplit

    A 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 Editorstats

    A 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 Editorcompact

    Tight 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 Editorbalance

    Minimal 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 Editorqr

    Large 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.

Live Instantly — Launch Your Website Today

Launch your website today.

Start for free. No credit card required. Blog, store, restaurant page, or portfolio — your site is ready in minutes.

No credit card required