Sensual Extensions

Spring Sale + Memorial Day Banners

Hero banners, top bar banners, copy variants, and ready-to-use HTML/CSS for both promotions

Spring Sale (Now)
Memorial Day Sale
Top Bar Banners
Implementation Guide
Live Now through April 30

Spring Sale Hero Banner

Full-width hero banner for the homepage promoting 20% off sitewide spring sale

Spring Sale Hero Banner
Spring Sale Hero — 16:9

Hero Headline Copy Options

Option A — Elegant & Direct

Headline: Spring Into Gorgeous Hair

Subheadline: 20% off all extensions, bundles, and closures. Your spring refresh starts here.

CTA Button: Shop the Sale

Option B — Urgency + Value

Headline: The Spring Sale Is Here

Subheadline: Take 20% off everything. Premium virgin hair, lace closures, and bundles. Ends April 30th.

CTA Button: Save 20% Now

Option C — Aspirational

Headline: New Season. New Hair.

Subheadline: Treat yourself to the hair you deserve. 20% off sitewide this spring.

CTA Button: Explore the Collection

Hero Banner HTML/CSS (Ready to Paste)

<!-- SPRING SALE HERO BANNER --> <section style="position:relative; width:100%; min-height:500px; background:url('YOUR_IMAGE_URL') center/cover no-repeat; display:flex; align-items:center; justify-content:center; text-align:center;"> <div style="position:absolute; inset:0; background:linear-gradient(135deg, rgba(26,26,26,0.6), rgba(26,26,26,0.3));"></div> <div style="position:relative; z-index:2; max-width:700px; padding:40px 20px; color:#fff;"> <p style="font-size:13px; letter-spacing:0.15em; text-transform:uppercase; color:#c9a87c; margin-bottom:12px;">Limited Time</p> <h1 style="font-family:'Playfair Display',serif; font-size:clamp(32px,6vw,56px); font-weight:700; line-height:1.1; margin-bottom:16px;">Spring Into<br>Gorgeous Hair</h1> <p style="font-size:18px; opacity:0.9; margin-bottom:24px;">20% off all extensions, bundles, and closures.</p> <a href="/shop" style="display:inline-block; background:#c9a87c; color:#fff; padding:14px 36px; border-radius:4px; text-decoration:none; font-weight:600; font-size:15px; letter-spacing:0.05em; transition:background 0.3s;">SHOP THE SALE</a> </div> </section>
Schedule for May 19-26

Memorial Day Sale Hero Banner

Full-width hero banner for Memorial Day weekend promotion — 20% off sitewide

Memorial Day Sale Hero Banner
Memorial Day Hero — 16:9

Hero Headline Copy Options

Option A — Patriotic + Premium

Headline: Honor the Long Weekend with 20% Off

Subheadline: Premium virgin hair extensions, bundles, and closures. This Memorial Day, invest in the hair you love.

CTA Button: Shop Memorial Day Sale

Option B — Summer Kickoff

Headline: Summer Starts with Great Hair

Subheadline: 20% off everything. Get Memorial Day ready with premium extensions, bundles, and closures.

CTA Button: Get 20% Off

Option C — Short + Bold

Headline: Memorial Day Sale. 20% Off Everything.

Subheadline: Bundles. Closures. Extensions. All on sale now through May 26th.

CTA Button: Save 20% Now

Hero Banner HTML/CSS (Ready to Paste)

<!-- MEMORIAL DAY SALE HERO BANNER --> <section style="position:relative; width:100%; min-height:500px; background:url('YOUR_IMAGE_URL') center/cover no-repeat; display:flex; align-items:center; justify-content:center; text-align:center;"> <div style="position:absolute; inset:0; background:linear-gradient(135deg, rgba(26,39,68,0.65), rgba(26,39,68,0.35));"></div> <div style="position:relative; z-index:2; max-width:700px; padding:40px 20px; color:#fff;"> <p style="font-size:13px; letter-spacing:0.15em; text-transform:uppercase; color:#c9a87c; margin-bottom:12px;">Memorial Day Weekend</p> <h1 style="font-family:'Playfair Display',serif; font-size:clamp(32px,6vw,56px); font-weight:700; line-height:1.1; margin-bottom:16px;">Summer Starts<br>with Great Hair</h1> <p style="font-size:18px; opacity:0.9; margin-bottom:24px;">20% off everything. Through May 26th.</p> <a href="/shop" style="display:inline-block; background:#c9a87c; color:#fff; padding:14px 36px; border-radius:4px; text-decoration:none; font-weight:600; font-size:15px; letter-spacing:0.05em;">SHOP MEMORIAL DAY SALE</a> </div> </section>

Announcement Top Bar Banners

Slim notification bars that sit at the very top of every page, above the navigation

Top Bar Design Reference
Design Reference — Top Bar Aesthetic

Spring Sale Top Bar (Now through April 30)

Version A

SPRING SALE: 20% Off Sitewide. Use code SPRING20 at checkout.

Version B

Your Spring Refresh Awaits. 20% off all hair extensions, bundles, and closures. Shop now.

<!-- SPRING SALE TOP BAR --> <div style="width:100%; background:linear-gradient(90deg, #1a1a1a, #2d2d2d); color:#fff; text-align:center; padding:10px 16px; font-size:13px; font-weight:500; letter-spacing:0.05em; position:relative; z-index:100;"> SPRING SALE &mdash; <span style="color:#c9a87c;">20% Off Sitewide</span> | Use code <strong>SPRING20</strong> at checkout &rarr; <a href="/shop" style="color:#c9a87c; text-decoration:underline; margin-left:8px;">Shop Now</a> </div>

Memorial Day Top Bar (May 19-26)

Version A

MEMORIAL DAY SALE: 20% Off Everything. Code MEMORIAL20. Ends May 26th.

Version B

Kick off summer with 20% off premium hair. Use code MEMORIAL20 at checkout. Through May 26.

<!-- MEMORIAL DAY TOP BAR --> <div style="width:100%; background:linear-gradient(90deg, #1a2744, #0f3460); color:#fff; text-align:center; padding:10px 16px; font-size:13px; font-weight:500; letter-spacing:0.05em; position:relative; z-index:100;"> MEMORIAL DAY SALE &mdash; <span style="color:#c9a87c;">20% Off Everything</span> | Use code <strong>MEMORIAL20</strong> at checkout &rarr; <a href="/shop" style="color:#c9a87c; text-decoration:underline; margin-left:8px;">Shop Now</a> </div>

Alternative: Blush/Warm Top Bar (Either Sale)

<!-- WARM BLUSH TOP BAR (matches brand palette) --> <div style="width:100%; background:#f5e6e0; color:#2d2d2d; text-align:center; padding:10px 16px; font-size:13px; font-weight:500; letter-spacing:0.05em;"> <span style="color:#a07d52; font-weight:700;">20% OFF</span> all extensions, bundles &amp; closures &mdash; Use code <strong>SPRING20</strong> &rarr; <a href="/shop" style="color:#a07d52; text-decoration:underline;">Shop the Sale</a> </div>

Implementation Guide

Step-by-step instructions for deploying both promotions on the Sensual Extensions website

Coupon Codes to Create

Required Coupon Codes (WooCommerce/Shopify Admin)

  • SPRING20 — 20% off sitewide, valid now through April 30, 2026
  • MEMORIAL20 — 20% off sitewide, valid May 19-26, 2026

These codes must be created in the e-commerce backend before launching the banners.

Deployment Timeline

Now: Launch Spring Sale (Apr 21-30)

Add the Spring Sale top bar to the site header immediately. Swap the homepage hero banner to the Spring Sale hero. Create the SPRING20 coupon code in WooCommerce.

April 30: Remove Spring Sale

Take down the Spring Sale top bar and hero. Disable the SPRING20 coupon code. Restore the regular homepage hero.

May 1-18: Regular Site (No Sale)

Run the standard homepage with no promotional banners. Build anticipation on social media for Memorial Day.

May 19: Launch Memorial Day Sale

Swap the top bar to Memorial Day. Update hero banner. Create the MEMORIAL20 coupon code. Run through May 26.

May 26: Remove Memorial Day Sale

Take down all promotional banners. Disable the MEMORIAL20 coupon. Restore regular homepage.

How to Add the Top Bar

For WordPress/WooCommerce:

  • Go to Appearance > Customize > Header or use a plugin like "Insert Headers and Footers"
  • Paste the top bar HTML code directly above the opening <header> tag
  • The bar is fully responsive and will display on all pages
  • Alternatively, use the "Top Bar" widget area if your theme supports it

For the Hero Banner:

  • Download the banner image from the Spring Sale or Memorial Day tab
  • Upload to your media library
  • Replace the current homepage hero section image and text
  • Or paste the full HTML/CSS code into a Custom HTML block/widget
  • Replace 'YOUR_IMAGE_URL' with the uploaded image URL

Suggested Promotional Channels

  • Meta Ads: Create ad sets targeting existing customers + lookalikes with sale messaging
  • Email: Send sale announcement email on day 1, reminder on day 3, last-chance on final day
  • Instagram Stories: Post daily countdown stories during the sale period
  • SMS (GHL): Send a text blast to existing customers on sale launch day
  • Google Ads: Add sale-specific ad extensions (promotion extensions with 20% off)

Created by Melleka Marketing | mysensualextensions.com