Login Form

What this section does

User login with email, password and social login

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.

• Centered

  Freecentered

  Card centered on gradient background

  Specific to this style: title, subtitle, cardVariant, accentColor, cardBg, showSocialLogin, showRememberMe, showRegisterLink, showForgotPasswordLink

• Split Media

  Freesplit-media

  Image on one side, form on other

  Specific to this style: title, subtitle, cardVariant, accentColor, cardBg, mediaImage, mediaPosition, showSocialLogin, showRememberMe, showRegisterLink, showForgotPasswordLink

• Fullscreen

  Page Editorfullscreen

  Full-height with background image

  Specific to this style: title, subtitle, cardVariant, accentColor, cardBg, mediaImage, mediaPosition, showSocialLogin, showRememberMe, showRegisterLink, showForgotPasswordLink

• Minimal

  Page Editorminimal

  Clean minimal form

  Specific to this style: title, subtitle, cardVariant, accentColor, cardBg, showSocialLogin, showRememberMe, showRegisterLink, showForgotPasswordLink

• Floating

  Page Editorfloating

  Floating card with background

  Specific to this style: title, subtitle, cardVariant, accentColor, cardBg, showSocialLogin, showRememberMe, showRegisterLink, showForgotPasswordLink

• Magazine

  Page Editormagazine

  Magazine style split layout

  Specific to this style: title, subtitle, cardVariant, accentColor, cardBg, showSocialLogin, showRememberMe, showRegisterLink, showForgotPasswordLink

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