Newsletter

Qué hace esta sección

Email newsletter signup

Dónde se coloca

• Puedes usarla tantas veces como quieras en una página.
• Esta sección viene con el complemento Boletín.

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.

• Centered

  Gratiscentered

  Centered layout

  Propios de este estilo: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Dark

  Gratisdark

  Dark background variant

  Propios de este estilo: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Split

  Editor de páginassplit

  Content left, form right

  Propios de este estilo: title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Inline

  Editor de páginasinline

  Compact horizontal form layout

  Propios de este estilo: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Bold

  Editor de páginasbold

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

  Propios de este estilo: title, subtitle, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, dividerColor, textColor

• Split Hero

  Editor de páginassplit-hero

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

  Propios de este estilo: title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, imageUrl

• Perks Card

  Editor de páginascard-perks

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

  Propios de este estilo: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, perks, perkIconColor, perkIconBg

• Split Perks

  Editor de páginassplit-perks

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

  Propios de este estilo: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, perks, perkIconColor, perkIconBg

• Boxed Aside

  Editor de páginasboxed-aside

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

  Propios de este estilo: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Organic Band

  Editor de páginasorganic-band

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

  Propios de este estilo: title, subtitle, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, bandColor, waveTop, waveBottom, showImage, imageUrl, imageAlt, clipStyle

• Joy Band

  Editor de páginasjoy-band

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

  Propios de este estilo: title, subtitle, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, gradFrom, gradTo

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