Bülten

Bu bölüm ne yapar

E-posta bülten aboneliği

Nereye konulur

• Bir sayfada istediğiniz kadar kullanabilirsiniz.
• Bu bölüm Bülten eklentisiyle gelir.

Stiller

Aynı bölümün farklı görünümleri. Stili sonradan da değiştirebilirsiniz; içeriğiniz olduğu gibi kalır.

Her bölümün ilk 2 stili her mağazada açıktır. Sonrakiler Sayfa Düzenleyici eklentisiyle açılır — stil stil değil, hepsi birden.

• Ortalanmış

  Ücretsizcentered

  Ortalanmış düzen

  Bu stile özel: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Koyu

  Ücretsizdark

  Koyu arka plan varyantı

  Bu stile özel: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Bölünmüş

  Sayfa Düzenleyicisplit

  Sol içerik, sağ form

  Bu stile özel: title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Satır İçi

  Sayfa Düzenleyiciinline

  Kompakt yatay form düzeni

  Bu stile özel: title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Kalın

  Sayfa Düzenleyicibold

  Büyük büyük harf başlıklı tam genişlik ortalanmış bölüm — yüksek moda bülten CTA'larından ilham alınmıştır. E-posta girişi satır içi aşağıda.

  Bu stile özel: title, subtitle, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, dividerColor, textColor

• Bölünmüş Hero

  Sayfa Düzenleyicisplit-hero

  Bir tarafta metin + kayıt formu, diğer tarafta büyük görsel

  Bu stile özel: title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, imageUrl

• Avantaj Kartı

  Sayfa Düzenleyicicard-perks

  Ortalanmış başlık, hap biçimli form ve ikonlu üç avantaj satırı içeren yükseltilmiş yuvarlak kart

  Bu stile özel: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, perks, perkIconColor, perkIconBg

• Bölünmüş Avantajlar

  Sayfa Düzenleyicisplit-perks

  İki sütunlu kayıt: solda başlık, alt başlık ve satır içi e-posta formu, sağda avantaj satırları listesi

  Bu stile özel: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, perks, perkIconColor, perkIconBg

• Çerçeveli Yan Form

  Sayfa Düzenleyiciboxed-aside

  Solda etiket ve başlık, sağda dikey yığılı e-posta formu içeren çerçeveli kutu

  Bu stile özel: cardBg, cardBorderColor, title, subtitle, showIcon, leadIcon, iconColor, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor

• Organik Bant

  Sayfa Düzenleyiciorganic-band

  Organik dalga kenarlı renkli bant; ortalanmış başlık, hap biçimli kayıt formu ve isteğe bağlı organik kırpılmış görsel

  Bu stile özel: title, subtitle, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, bandColor, waveTop, waveBottom, showImage, imageUrl, imageAlt, clipStyle

• Neşe Bandı

  Sayfa Düzenleyicijoy-band

  Mercan→turuncu degrade ile içe gömülü yuvarlak bant; ortalanmış başlık, açıklama, hap biçimli e-posta formu ve ince yazı

  Bu stile özel: title, subtitle, eyebrowText, placeholder, buttonText, buttonIcon, privacyText, inputBg, inputTextColor, inputBorderColor, gradFrom, gradTo

Ayarlar

Bir bölümü seçtiğinizde sağdaki Bölüm Ayarları panelinde görebileceğiniz alanlar.

Tüm stillerde ortak

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