Membership Checkout

Qué hace esta sección

Takes the card and starts a membership subscription

Dónde se coloca

• Se puede usar como máximo 1 vez/veces en una página.
• Esta sección viene con el complemento Niveles de Membresía y Suscripciones.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Classic

  Gratisclassic

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

  Propios de este estilo: 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

  Gratissplit-summary

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

  Propios de este estilo: 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

  Editor de páginascard-preview

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

  Propios de este estilo: 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

  Editor de páginasstepper

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

  Propios de este estilo: 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

  Editor de páginasminimal

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

  Propios de este estilo: 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

  Editor de páginaspremium-dark

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

  Propios de este estilo: 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

Ajustes

Los campos que aparecen en el panel Ajustes de sección, a la derecha, al seleccionar esta sección.

Comunes a todos los estilos

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