Documentation/ Sections /Newsletter
Contact us
Install
03GENERAL

Newsletter

This page explains how “Newsletter” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Newsletter

This page explains how “Newsletter” actually behaves, which data it depends on, and what its settings change.

Used in templates
article.ingredients.jsonarticle.routines.jsonarticle.skin-essentials.jsonarticle.skin-notes.jsonblog.jsonblog.main-blog.jsonindex.jsonpage.faq.jsonpage.find-your-routine.jsonpage.ingredient-library.jsonpage.our-philosophy.jsonpage.our-story.jsonpage.skin-concerns.json
IMPLICIT BEHAVIOR

What the theme does automatically

  • →

    A successful signup is stored as a customer or marketing contact by Shopify according to store configuration.

  • →

    Error and confirmation messages come from the Shopify form and must remain visible after submission.

  • →

    Signup uses Shopify’s customer form; the theme does not create a separate subscriber database.

CONFIGURATION

Understand the settings

Content

Complete the main texts displayed in this part of the section.

Eyebroweyebrow
Titleheading
Texttext
Field textplaceholder
Buttonbutton_label
Confirmation messagesuccess_message
Confidentiality noticedisclaimer

Layout

Set the width, columns, and outer spacing of the section.

Layoutlayout
Default: split · Options: Text and form side by side, Centered
Optional imageimage
Image alt textimage_alt
Centered Content Widthcontent_width
Default: 44 · Range: 28–56rem
Interior marginpadding
Default: 64 · Range: 32–112px
Top Spacingmargin_top
Default: 64 · Range: 0–120px
Bottom spacingmargin_bottom
Default: 64 · Range: 0–120px

Glass

Activate a custom surface and adjust its color and transparency.

Use a custom coloruse_custom_background
Default: disabled
Glass colorbackground_color
Default: #2F3030
Glass Opacitybackground_opacity
Default: 40 · Range: 0–100%

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme
Default: disabled
Paletteopaline_color_scheme
Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment
Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px
Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px
COMPOSITION

Available blocks

Advantagebenefit

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

  • ✓

    Content remains readable in every color scheme.

  • ✓

    Labels match the storefront language.

  • ✓

    Displayed promotions match Shopify rules.

  • ✓

    Interactions remain accessible by keyboard and touch.