Custom Form

What this section does

Places a published form from the Form Builder on the page

Where it goes

• Can be used as many times as you like on one page.
• This section comes with the form-builder plugin.

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.

• Card

  Freecard

  Form framed on a card surface

  Specific to this style: formId, accessMode, title, subtitle, successMessage, successBehaviour, redirectUrl, submitLabel, buttonFullWidth, buttonIcon, fieldLayout, labelStyle, density, accent, authGateVariant, authGateIcon, authGateTone, authGateSize, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Split Media

  Freesplit-media

  Two-column form with an image alongside

  Specific to this style: formId, accessMode, title, subtitle, successMessage, successBehaviour, redirectUrl, submitLabel, buttonFullWidth, buttonIcon, fieldLayout, labelStyle, density, accent, authGateVariant, authGateIcon, authGateTone, authGateSize, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits, mediaImage, mediaAlt, mediaPosition, mediaImageFocal

• Wizard

  Page Editorwizard

  Multi-step guided form

  Specific to this style: formId, accessMode, title, subtitle, successMessage, successBehaviour, redirectUrl, submitLabel, buttonFullWidth, buttonIcon, fieldLayout, labelStyle, density, accent, authGateVariant, authGateIcon, authGateTone, authGateSize, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits, showProgress, progressStyle

• Inline Minimal

  Page Editorinline-minimal

  Frameless, minimal form

  Specific to this style: formId, accessMode, title, subtitle, successMessage, successBehaviour, redirectUrl, submitLabel, buttonFullWidth, buttonIcon, fieldLayout, labelStyle, density, accent, authGateVariant, authGateIcon, authGateTone, authGateSize, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Popup Trigger

  Page Editorpopup-trigger

  Form that opens from a button

  Specific to this style: formId, accessMode, title, subtitle, successMessage, successBehaviour, redirectUrl, submitLabel, buttonFullWidth, buttonIcon, fieldLayout, labelStyle, density, accent, authGateVariant, authGateIcon, authGateTone, authGateSize, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits, triggerLabel, triggerIcon

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