> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-sections/forms/newsletter.md).

# Newsletter

A **Newsletter** form on a website is a powerful tool for engaging the audience, building a subscriber base, running marketing campaigns, collecting user data, fostering brand loyalty, and boosting website traffic. It's a valuable asset for website owners.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F2obN2Pu9zu2klRJvyjMo%2Fimage.png?alt=media&amp;token=a9c3fca2-3b6d-452f-ba3a-d035da7ac357" alt=""><figcaption></figcaption></figure>

### Section settings

#### General setting

<table data-full-width="false"><thead><tr><th width="371.44439697265625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section width</strong></td><td><p>3 options for container</p><ul><li>Stretch width: span the section width regardless of screen size.</li><li>Fix width: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li>Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td><strong>Heading</strong></td><td>The title of the section</td></tr><tr><td><strong>Enable heading underline animation</strong></td><td>Enable heading underline animation</td></tr><tr><td><strong>Underline style</strong></td><td>Customize Underline style</td></tr><tr><td><strong>Underline color</strong></td><td>Customize Underline color</td></tr><tr><td><strong>Description</strong></td><td>The description of the section</td></tr><tr><td><strong>Heading size</strong></td><td>Define the font size of the heading</td></tr><tr><td><strong>Alignment</strong></td><td><p>The position of the heading and description.</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

#### Newsletter setting

<table data-full-width="false"><thead><tr><th>Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Email placeholder</strong></td><td>Text brief hint inside email field</td></tr><tr><td><strong>Button label</strong></td><td>The description of the section</td></tr></tbody></table>

#### Section padding <a href="#section-padding" id="section-padding"></a>

| Setting    | Description                                |
| ---------- | ------------------------------------------ |
| **Top**    | Customize the top margin of the section    |
| **Bottom** | Customize the bottom margin of the section |

#### Section divider <a href="#section-padding" id="section-padding"></a>

| Setting          | Description                                                             |
| ---------------- | ----------------------------------------------------------------------- |
| **Show divider** | Toggles the visibility of a horizontal divider line within the section. |