> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-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/ella-7-documentation/sections-and-blocks/email-signup-banner.md).
# Email signup banner
The Email signup banner is a preset of the Media banner section. It places a newsletter form over a full-width image or video — useful for homepage or footer campaigns.
{% hint style="info" %}
This is not a separate section file. Add it from **Add section → Email signup banner**. Layout settings are the Media banner settings.
{% endhint %}
### There are 2 ways to add a Section to your store
#### 1. Add a pre-made section from our demo?
Read the instructions here
#### 2. Add the Email signup banner section manually?
* From your Shopify admin, go to Online Store -> Themes.
* Find the theme that you want to edit, and then click Customize.
* In the Templates -> Add section -> choose **Email signup banner**.
### Email signup banner - Settings Guide
#### Media banner layout (section)
| Setting | Type | Default | Description | Visibility |
| --------------------------- | ------------ | -------------- | ---------------------------------------------------------- | ---------------------------- |
| Section width | Select | Full width | Page width / Full width / Custom. | Always |
| Page width | Range | 1570px | Custom container width. | When width is Custom |
| Extend media to screen edge | Checkbox | Yes | Stretch media to the viewport edge. | When width is Page or Custom |
| Media position | Select | Stack | Left / Right / Stack (content overlays media). | Always |
| Unstack on tablet/mobile | Checkbox | No | Below 1025px, show media above content instead of overlay. | When position is Stack |
| Desktop content position | Select | Middle center | Where the form sits on the media. | Always |
| Media width / height | Select | Medium / 60svh | Banner media size. | Always |
| Color scheme | Color scheme | — | Section color scheme. | Always |
| Padding | Range | 0px | Section spacing. | Always |
#### Default blocks
The preset includes:
1. **Media** — image or video background (`_media-without-appearance`).
2. **Content**
* Heading
* Text
* **Email signup** form
Customize the form (input style, button, GDPR checkbox) in the Email signup block. See Email signup for the full form settings.
To convert this into a standard media banner, change Media position to Left or Right and replace the Email signup block with buttons.
#### **Zero design skills? Create professional mockups, logos & videos for your store in seconds.** [Create... in seconds](https://1.envato.market/c/3093631/3323999/4662)****
## Need More Help?
If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.
Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.
