> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/concept-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/concept-documentation/footer-group/footer/email-signup.md).

# Email signup

Adding a **Email signup** to the footer is simple. Configure the following settings to add a **Email signup** to your footer:

1. Select the **Footer** option from the theme editor.
2. Click on **Add block**. Select **Email signup** from **Theme Block** dropdown.

<table><thead><tr><th width="241">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Block width</td><td><p>Select the block width from the dropdown menu:</p><ul><li><strong>Full width</strong></li><li><strong>Default</strong></li></ul></td></tr><tr><td>Layout style</td><td><p>Select the layout style from the dropdown menu:</p><ul><li><strong>Default</strong></li><li><strong>Special</strong></li><li><strong>Modern</strong></li></ul></td></tr><tr><td>Heading</td><td>Add text to display as a <strong>heading</strong> in the column<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>heading</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Subtext</td><td>Add text to display as a <strong>custom content</strong> in the column<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>custom content</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Caption</td><td>Add text to display as a description in the column<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>description</strong></mark><mark style="color:red;">)</mark></em></td></tr></tbody></table>

#### Logo image

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Set up an image</td></tr><tr><td>Image width</td><td>Set a size for the image between <strong>50px</strong> and <strong>200px</strong> (pixels)</td></tr></tbody></table>

#### Content

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a <strong>heading</strong> in the column<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>heading</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Font weight subheading</td><td><p>Select the font weight from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Typography style</td><td>Select the Font Style from <strong>Font Heading</strong> or <strong>Font body</strong>. These two font families are specified in the <strong>Theme settings</strong> > <strong>Typography</strong></td></tr><tr><td>Heading size</td><td><p>Font size of text:</p><ul><li><strong>H3</strong></li><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Font size step</td><td><p>Determines the distance between 2 text sizes option of the <strong>Heading size</strong> setting. </p><p></p><p><strong>For example:</strong> If you set <strong>Font size step</strong> is 2px and <strong>Font size (Desktop)</strong> is 16px, then on desktop version: </p><p>+ Option <strong>Medium</strong> of <strong>Heading size</strong> will be 16px.</p><p>+ Option <strong>Small</strong> of <strong>Heading size</strong> will be 16px - 2px = 14px.</p><p>+ Option <strong>Large</strong> of <strong>Heading size</strong> will be 16px + 2px = 18px.</p><p>+ Calculate same with the remaining options of <strong>Heading size.</strong></p></td></tr><tr><td>Subtext</td><td>Add text to display as a <strong>custom content</strong> in the column.<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>custom content</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Text size</td><td><p>Font size of text:</p><ul><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Text top margin</td><td>Determines the height of the top outside space of the text. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel)</td></tr><tr><td>Text bottom margin</td><td>Determines the height of the bottom outside space of the text. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Content alignment</td><td><p>Set horizontal alignment for content inside section containers:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td>Button label</td><td>Add text to display as a button on the section <br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>link</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Hide arrow icon</td><td>Enable/disable checkbox</td></tr><tr><td>Caption</td><td>Add text to display as a section caption<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>caption</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Caption size</td><td><p>Font size of text:</p><ul><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr></tbody></table>

#### Checkbox

<table><thead><tr><th width="238">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td>Add text to display as a <strong>custom content</strong><br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>custom content</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Show social media icons</td><td>Select this checkbox to show/hide the <a href="/pages/wT0gUJqUwnj54jkrOr8K">social media icons</a>.</td></tr><tr><td>Social media icon</td><td>Set the color for the media icon</td></tr><tr><td>Social media background</td><td>Set the background color for this media icon<br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Social media background gradient</td><td>Set the background gradient for this media icon</td></tr></tbody></table>

#### Block spacing

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top margin</td><td>Determines the height of the top outside space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom margin</td><td>Determines the height of the bottom outside space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>