The Banner Section

A short message with one or two buttons. An announcement, an invitation or a closing note.

Best for: The bottom of a page ("Have a question? Write to me"), a sale, or an event.

A Banner section on a computer

See it in action: the Banner section on our demo shop's homepage. Our demo shop, perrywhite.indiemade.com, is built entirely with the Section Builder, so you can try it on a computer and a phone.

On a phone

The Banner section on a phone

Adding it

Turn on the Editor, click Add new section here, and choose Banner under Section Builder. It starts with sample words and pictures; replace them with your own. Click Modify on the section's toolbar to open its drawer. The steps, with pictures, are in Building Pages with the Section Builder.

The Banner section with its drawer open

The Content tab

  • Show: turn the Body, Primary CTA and Secondary CTA on or off.
  • Title and Body, with their widths.
  • Primary CTA and Secondary buttons, each with its own link.

The Banner Content tab

The Layout tab

  • Variant: Centered (message above the buttons) or Inline (message and buttons on one line, stacking on a narrow screen).

The Banner Layout tab

The settings every section shares are explained in Section Colors, Fonts and Backgrounds. Most sections also have Container width, Density and Advanced spacing.

Banner also has the Colors, Font and Background tabs.

Tips

  • Inline makes a slim strip, good between other sections.

All Section Builder sections ยท Questions? Email support@indiemade.com.