Newsletter

Ce que fait cette section

Email newsletter signup

Où elle se place

• Utilisable autant de fois que vous le souhaitez sur une page.
• Cette section est fournie avec le plugin Newsletter.

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.

• Centered

  Gratuitcentered

  Centered layout

  Propres à ce style: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Dark

  Gratuitdark

  Dark background variant

  Propres à ce style: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Split

  Éditeur de pagessplit

  Content left, form right

  Propres à ce style: title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Inline

  Éditeur de pagesinline

  Compact horizontal form layout

  Propres à ce style: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Bold

  Éditeur de pagesbold

  Full-width centered section with a very large uppercase title — inspired by high-fashion newsletter CTAs. Email input inline below.

  Propres à ce style: title, subtitle, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, dividerColor, textColor

• Split Hero

  Éditeur de pagessplit-hero

  Lead-capture: copy + signup form on one side, a large image on the other

  Propres à ce style: title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, imageUrl

• Perks Card

  Éditeur de pagescard-perks

  An elevated rounded card with a centered heading, pill-shaped inline form and a row of three benefit items

  Propres à ce style: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, perks, perkIconColor, perkIconBg

• Split Perks

  Éditeur de pagessplit-perks

  Two-column signup: heading, subtitle and inline email form on the left, a stacked list of perk rows on the right

  Propres à ce style: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, perks, perkIconColor, perkIconBg

• Boxed Aside

  Éditeur de pagesboxed-aside

  A bordered box with an eyebrow and heading on the left and the email form stacked on the right

  Propres à ce style: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Organic Band

  Éditeur de pagesorganic-band

  A colored band with organic wave edges holding a centered heading, a pill signup form and an optional organically-clipped image

  Propres à ce style: title, subtitle, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, bandColor, waveTop, waveBottom, showImage, imageUrl, imageAlt, clipStyle

• Joy Band

  Éditeur de pagesjoy-band

  An inset rounded band with a coral→orange gradient holding a centered headline, description, a pill email form and fine print

  Propres à ce style: title, subtitle, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, gradFrom, gradTo

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