Brickspace Lab
Contact usContact ShopifyTry a theme
Space
Space
  • Space documentation
  • Getting started
    • Selecting theme colors
  • Theme typography
  • Guides
    • Using color and option swatches
    • Using device specific visibility
  • Dynamic discount popups
  • Adding product subtitles
  • Adding product badges
  • Replacing "Add to cart" for a product
  • Disable "quick add" for a product
  • Templates
    • Collection template
  • Product template
  • Blog template
  • Article template
  • Sections
    • Sections
      • Announcement
      • Header
      • Cart drawer
      • Menu drawer
      • Search drawer
      • Footer
      • Tooltip
      • Fixed menu
      • Featured product
      • Footer
      • Fixed menu
      • Slideshow
      • Email sign-up
      • Video
      • Alt collection grid
      • Banner
      • Block reveal
      • Blog posts grid
      • Collage
      • Collapsible content
      • Collection list grid
      • Collection list slider
      • Collection slider
      • Comparison table
      • Contact form
      • Countdown
      • Custom liquid
      • Discount
      • Featured collection grid
      • Icon grid
      • Image hotspot
      • Logo list
      • Marquee
      • Navigation slider
      • Product list
      • Recently viewed
      • Rich text
      • Search banner
      • Slider
      • Split banner
      • Static chat
      • Store locater
      • Tabs
      • Testimonial grid
      • Testimonial slider
      • Text highlight
  • General
    • Changelog
      • v2.1.1
      • v2.1.0
      • v2.0.0
      • v1.2.1
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
      • v2.0.0
    • Cloning a demo theme
      • Shimmer
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Sections

Email sign-up

Section overview

The newsletter section allows you to add an email signup form to your store, featuring customizable content, layout options, and visual elements.

Common use cases

  • Collecting visitor email addresses for marketing campaigns

  • Growing your subscriber list to drive repeat business

  • Offering newsletter-exclusive promotions or content

  • Building an engaged community around your brand

Usage tips

  • Keep the signup form simple and clearly communicate the value proposition

  • Use compelling copy that explains benefits of subscribing

  • Consider offering an incentive for signing up (discount, free shipping)

  • Ensure the section maintains readability on mobile devices by adjusting width settings

  • Test the form submission process to verify proper functionality

Section settings

Setting
Description

Top spacing

Controls the amount of padding above the section (0-300px)

Bottom spacing

Controls the amount of padding below the section (0-300px)

Color scheme

Determines the background color scheme from predefined theme options

Color custom

Sets a custom background color when color scheme is set to "custom"

Color text

Determines text color - default, forced light, or forced dark

Color border

Sets the border color - subtle or strong

Color button

Sets the style and color of the subscribe button

Enable color fade

Enables smooth color transitions between sections when scrolling

Border position

Controls where borders appear - none, top, bottom, or both

Y alignment

Sets vertical alignment of blocks - top, middle, or bottom

X alignment

Sets horizontal alignment of blocks - left, center, or right

Enable margin

Toggles horizontal margin on the section

Visibility

Controls section visibility on different device types

Block settings

Newsletter

The newsletter block contains the email signup form with heading, content and form elements.

  • Block limit: 1

Setting
Description

Heading

The title displayed above the signup form

Content

Descriptive text explaining the newsletter benefits

Button label

Text displayed on the submit button

Disclaimer

Optional fine print text displayed below the form

Success message

Message shown after successful form submission

Width desktop

Controls block width on desktop devices (1-12/12)

Width mobile

Controls block width on mobile devices (1-12/12)

X alignment

Sets text and content alignment - left, center, or right

Image

The image block allows adding a complementary visual element alongside the newsletter form.

  • Block limit: 1

Setting
Description

Image

The image to display alongside the form

Width desktop

Controls image width on desktop devices (1-12/12)

Width mobile

Controls image width on mobile devices (1-12/12)

Last updated 1 month ago

Was this helpful?