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… |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Signup Banner”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.