Membership Checkout

Ce que fait cette section

Takes the card and starts a membership subscription

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est fournie avec le plugin Niveaux d'Adhésion et Abonnements.

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.

• Classic

  Gratuitclassic

  One centred column: plan summary on top, labelled card fields below, full-width button

  Propres à ce style: title, subtitle, submitText, benefitsTitle, secureNoticeText, backToTiersText, showPlanSummary, showBenefits, showCardPreview, showSecureNotice, showTrustBadges, showBackToTiers, showIntervalSwitch, panelBg, panelBorderColor, priceColor, accentColor, submitBg, submitTextColor, cardPreviewStyle, fieldLabelStyle, editorPreviewState, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Split Summary

  Gratuitsplit-summary

  Two columns: a tinted panel with plan, price and benefits beside the card form

  Propres à ce style: title, subtitle, submitText, benefitsTitle, secureNoticeText, backToTiersText, showPlanSummary, showBenefits, showCardPreview, showSecureNotice, showTrustBadges, showBackToTiers, showIntervalSwitch, panelBg, panelBorderColor, priceColor, accentColor, submitBg, submitTextColor, cardPreviewStyle, fieldLabelStyle, editorPreviewState, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Card Preview

  Éditeur de pagescard-preview

  A large 3D card that fills in as they type and flips to the CVC side, form underneath

  Propres à ce style: title, subtitle, submitText, benefitsTitle, secureNoticeText, backToTiersText, showPlanSummary, showBenefits, showCardPreview, showSecureNotice, showTrustBadges, showBackToTiers, showIntervalSwitch, panelBg, panelBorderColor, priceColor, accentColor, submitBg, submitTextColor, cardPreviewStyle, fieldLabelStyle, editorPreviewState, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Stepper

  Éditeur de pagesstepper

  Two numbered steps — confirm the plan, then pay — with a progress rail

  Propres à ce style: title, subtitle, submitText, benefitsTitle, secureNoticeText, backToTiersText, showPlanSummary, showBenefits, showCardPreview, showSecureNotice, showTrustBadges, showBackToTiers, showIntervalSwitch, panelBg, panelBorderColor, priceColor, accentColor, submitBg, submitTextColor, cardPreviewStyle, fieldLabelStyle, editorPreviewState, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Minimal

  Éditeur de pagesminimal

  Narrow single column, floating labels, number / expiry / CVC fused into one bordered group

  Propres à ce style: title, subtitle, submitText, benefitsTitle, secureNoticeText, backToTiersText, showPlanSummary, showBenefits, showCardPreview, showSecureNotice, showTrustBadges, showBackToTiers, showIntervalSwitch, panelBg, panelBorderColor, priceColor, accentColor, submitBg, submitTextColor, cardPreviewStyle, fieldLabelStyle, editorPreviewState, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Premium Dark

  Éditeur de pagespremium-dark

  An inverted panel with an oversized price, hairline rules and a raked glass card tile

  Propres à ce style: title, subtitle, submitText, benefitsTitle, secureNoticeText, backToTiersText, showPlanSummary, showBenefits, showCardPreview, showSecureNotice, showTrustBadges, showBackToTiers, showIntervalSwitch, panelBg, panelBorderColor, priceColor, accentColor, submitBg, submitTextColor, cardPreviewStyle, fieldLabelStyle, editorPreviewState, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

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