Multipurpose theme documentation
Multipurpose Fashion Theme
Header Promo
Multipurpose Fashion Theme
Theme: Multipurpose Fashion Theme
Help Center > Sections & Blocks > Utility Sections > Header Promo
Overview
The Header promo section displays a compact promotional bar with heading, text, and optional link. Use it for announcements, free shipping, or quick CTAs. Typically placed near the header or between sections. Minimal configuration—heading, text, link, and color scheme. The entire bar can be clickable when a link is set.
Where to Add This Section
- Go to Online Store > Themes > Customize.
- Select layout or template (Homepage, Default page).
- Click Add section.
- Choose Header promo.
- Position near top (below announcement bar or header, or between sections).
- Save.
📷 Image placeholder: Add a screenshot of Header promo bar.
Quick Setup (2 Steps)
- Add content — Enter Heading and Text.
- Add link — Set Link and optional Link text; choose Color scheme.
Section Settings
| Setting | Description |
|---|---|
| Heading | Main text (e.g. "Free shipping on orders over $50") |
| Text | Subtext or description |
| Link | URL for entire bar (makes bar clickable) |
| Link text | Optional button or CTA text |
| Color scheme | Background and text (theme schemes) |
Step-by-Step Setup
Step 1: Add the section
Add Header promo to your template. Common placements:
- Below the announcement bar
- Above the main hero
- Between key sections (e.g. between featured collection and testimonials)
Step 2: Configure content
- Heading — Enter main message (e.g. "Free shipping on orders over $50").
- Text — Add supporting text if desired (e.g. "Use code SHIPFREE at checkout").
- Link — Add URL if the bar should be clickable (e.g. /collections/all, /pages/shipping).
- Link text — Optional; some themes show this as a button or "Learn more" text.
- Color scheme — Choose scheme that stands out (or matches announcement bar).
- Save.
Use cases
- Free shipping — "Free shipping on orders over $50"
- Promo code — "Save 15% with code SAVE15"
- Sale banner — "Summer sale—up to 40% off"
- Urgency — "Limited time: 2-day shipping"
- Trust — "Free returns • 24/7 support"
Placement tips
- Often used below the announcement bar or above the main content.
- Keep text short for mobile—single line preferred.
- Avoid stacking too many promo bars; one at a time is clearer.
- Consider seasonal or time-sensitive use; remove when no longer relevant.
For merchants
- Keep text short for mobile.
- Use for time-sensitive offers.
- Avoid cluttering with too many promos.
- Test that the link works when Link is set.
Common mistakes
| Mistake | Fix |
|---|---|
| Text too long | Keep heading under 10–15 words |
| No link when CTA intended | Add Link URL |
| Same color as page | Choose Color scheme that stands out |
| Too many promo bars | Use one; rotate content if needed |