# Signup Banner

> Create a slick email signup banner to build your audience and fuel future sales with direct marketing.

URL: https://sectionstar.app/sections/signup-banner/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Signup Banner** is a Shopify theme section in the Section Star library. Create a slick email signup banner to build your audience and fuel future sales with direct marketing.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Font
Set the fonts for your section

| Setting | Type | Default |
| --- | --- | --- |
| Override theme fonts | Checkbox | Off |
| Text Font | Font | sans-serif |

### Text
Set the text for your section

| Setting | Type | Default |
| --- | --- | --- |
| Text Size | Range | 15 |
| Mobile Text Size | Range | 15 |
| Text Color | Color | #fff |
| Link Color | Color | #0d8bf4 |

### Colors
Set colors for the section.

| Setting | Type | Default |
| --- | --- | --- |
| Background | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Check Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Check Color | Color | #111 |

### Dimensions
Set the section dimensions

| Setting | Type | Default |
| --- | --- | --- |
| Max Width of Section | Number | 1000 |
| Gap Between Testimonials | Number | 20 |
| Padding Top/Bottom | Number | 10 |
| Mobile Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 10 |
| Mobile Padding Left/Right | Number | 10 |

### Content
Set the content for the section.

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Text | Inline rich text | Sign up today and get <b>10% off your… |
| Placeholder Text | Text | Enter your Email |
| Buttton Text | Inline rich text | <b>Subscribe</b> |
| Error Message | Inline rich text | There is a problem submitting the form. |
| Success Message | Inline rich text | You have subscribed. Your discount co… |

### Text Field Style
Set the look and feel of the text field

| Setting | Type | Default |
| --- | --- | --- |
| Width | Number | 200 |
| Mobile Width | Number | 200 |
| Text Size | Range | 13 |
| Text Color | Color | #111 |
| Background Color | Color | #FFF |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 10 |
| Round Borders | Range | 5 |
| Border Size on Button | Range | 0 |
| Border Color on Button | Color | #888 |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Text Size | Range | 13 |
| Button Text Color | Color | #111 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Round Borders on Button | Range | 5 |
| Border Size on Button | Range | 0 |
| Border Color on Button | Color | #888 |
| Button Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… |