# Newsletter

Includes a signup form to collect customer emails for building your mailing list and driving engagement.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2F5O3CTIDAc1h8m66dGiAs%2FUntitled%20image%20(3).png?alt=media&#x26;token=6c89328e-b31b-4d52-b314-d4055cb18adb" alt="Design of one image block and one newsletter block side by side"><figcaption></figcaption></figure>

{% hint style="warning" %}
You can only choose two blocks to be shown at a time.
{% endhint %}

<table><thead><tr><th width="212.3333740234375">Settings</th><th width="127.0260009765625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Typography</strong></td><td align="center"></td><td></td></tr><tr><td>Subheading</td><td align="center"><code>text</code></td><td>Text displayed above the heading.</td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Main heading of the newsletter block.</td></tr><tr><td>Heading size</td><td align="center"><code>select</code></td><td>Font size of the heading: <code>Mini</code>, <code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code></td></tr><tr><td>Text</td><td align="center"><code>richtext</code></td><td>Supporting text below the heading.</td></tr><tr><td>Text size</td><td align="center"><code>select</code></td><td>Font size of the paragraph:<code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code></td></tr><tr><td>Columns</td><td align="center"><code>range</code></td><td>Number of text columns (desktop only).</td></tr><tr><td>Text alignment</td><td align="center"><code>select</code></td><td>Alignment of the text: <code>Left</code> or <code>Centered</code>.</td></tr><tr><td><strong>Form</strong></td><td align="center"></td><td></td></tr><tr><td>Show name field</td><td align="center"><code>checkbox</code></td><td>Includes a name field in the signup form.</td></tr><tr><td>Button text</td><td align="center"><code>text</code></td><td>Call-to-action button label.</td></tr><tr><td>Show arrow</td><td align="center"><code>checkbox</code></td><td>Adds an arrow icon to the button.</td></tr><tr><td>Show reCAPTCHA terms</td><td align="center"><code>checkbox</code></td><td>Shows reCAPTCHA terms for spam protection.</td></tr><tr><td><strong>Button</strong></td><td align="center"></td><td></td></tr><tr><td>Color</td><td align="center"><code>select</code></td><td>Choose color scheme: <code>Primary</code>, <code>Secondary</code>, <code>Black</code> or <code>White</code>, </td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Size of the button: <code>Small</code>, <code>Medium</code>, or <code>Large</code></td></tr><tr><td>Style</td><td align="center"><code>select</code></td><td>Style of the button: <code>Solid</code>, <code>Outline</code>, or <code>Text</code> </td></tr><tr><td><strong>Social media icons</strong></td><td align="center"></td><td></td></tr><tr><td>Show social icons</td><td align="center"><code>checkbox</code></td><td>Displays social icons below the form.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Background</td><td align="center"><code>color</code></td><td>Background color override.</td></tr><tr><td>Text</td><td align="center"><code>color</code></td><td>Text color override.</td></tr><tr><td><strong>Advanced</strong></td><td align="center"></td><td></td></tr><tr><td>Heading SEO tag</td><td align="center"><code>select</code></td><td>SEO heading tag: <code>H1</code> - <code>H6</code> or <code>Automatic</code>.</td></tr></tbody></table>