Loyalty

Ce que fait cette section

Customer loyalty: points, tier, progress, redemption and history

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est fournie avec le plugin Plugins.plugins.loyalty.name.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Full Card

  Gratuitcard

  The complete loyalty view — tier badge, points balance, tier progress, lifetime stats, redeem form and points history in one card

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Membership Card

  Gratuitgradient

  A tier-coloured gradient membership card with the points balance, tier name and progress — looks like a premium loyalty card

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Member ID Card

  Éditeur de pagesmembership

  A physical-looking member ID card — tier-coloured face with the member name, "member since", tier and points, plus benefits-style progress beneath

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Progress Ring

  Éditeur de pagesring

  A gamified circular progress ring with the points in the centre and the climb to the next tier around it

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Reward Hero

  Éditeur de pageshero

  A bold full-width reward banner — huge points figure, tier, progress and a redeem call-to-action — for the top of a rewards page

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Tier Journey

  Éditeur de pagestier-progress

  Focuses on the climb — a prominent progress bar to the next tier with the points still needed and lifetime earned

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Stat Tiles

  Éditeur de pagesstats

  A dashboard grid of tiles — balance, total earned and total redeemed as separate cards — with history beneath

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Compact

  Éditeur de pagescompact

  Tight card with the tier badge, points balance and progress only — great for a sidebar

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

• Minimal Pill

  Éditeur de pagesminimal

  A slim pill showing just the points balance and tier — drop it anywhere

  Propres à ce style: title, showTitle, showIcon, showTierBadge, showMemberInfo, showBalance, showProgress, showLifetime, showRedeem, showTransactions, transactionLimit, accentColor, surfaceColor

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height