The newsletter section allows you to add an email signup form to your store, featuring customizable content, layout options, and visual elements.
| Setting | Description |
|---|---|
| Top spacing | Controls the amount of padding above the section (0-300px) |
| Bottom spacing | Controls the amount of padding below the section (0-300px) |
| Color scheme | Determines the background color scheme from predefined theme options |
| Color custom | Sets a custom background color when color scheme is set to "custom" |
| Color text | Determines text color - default, forced light, or forced dark |
| Color border | Sets the border color - subtle or strong |
| Color button | Sets the style and color of the subscribe button |
| Enable color fade | Enables smooth color transitions between sections when scrolling |
| Border position | Controls where borders appear - none, top, bottom, or both |
| Y alignment | Sets vertical alignment of blocks - top, middle, or bottom |
| X alignment | Sets horizontal alignment of blocks - left, center, or right |
| Enable margin | Toggles horizontal margin on the section |
| Visibility | Controls section visibility on different device types |
The newsletter block contains the email signup form with heading, content and form elements.
| Setting | Description |
|---|---|
| Heading | The title displayed above the signup form |
| Content | Descriptive text explaining the newsletter benefits |
| Button label | Text displayed on the submit button |
| Disclaimer | Optional fine print text displayed below the form |
| Success message | Message shown after successful form submission |
| Width desktop | Controls block width on desktop devices (1-12/12) |
| Width mobile | Controls block width on mobile devices (1-12/12) |
| X alignment | Sets text and content alignment - left, center, or right |
The image block allows adding a complementary visual element alongside the newsletter form.
| Setting | Description |
|---|---|
| Image | The image to display alongside the form |
| Width desktop | Controls image width on desktop devices (1-12/12) |
| Width mobile | Controls image width on mobile devices (1-12/12) |
Start by connecting your source repository and choosing the pages you want to publish.
You can then browse your documentation and ask questions about the content your team has shared.