How to Create a Promotional Page in Shopify (2026)

Last updated
Expert reviewed
5 min read
Jacques Blom
Jacques Blom
CTO at Fudge.

Key takeaways

  • A promotional page is a dedicated landing page for a sale or event - separate from Shopify Discounts.
  • Shopify Discounts handles codes and automatic price reductions. A promo page is the storefront destination.
  • Build the page with Theme Editor sections: hero, urgency elements, product grid, social proof.
  • Use Fudge for custom promo layouts with countdown timers, animated banners, or product selectors.

Black Friday. Seasonal sales. New product launches. Each benefits from a dedicated page that captures attention, creates urgency, and converts. Here’s how to build one in Shopify.

Why you can trust us

We’ve helped hundreds of Shopify brands build high-converting promotional pages for major sale events. We also built Fudge — an AI storefront editor with a 5.0 rating on the Shopify App Store.


What is the difference between a promotion and a discount in Shopify?

These are two separate things in Shopify that work together:

Shopify Discounts (Settings > Discounts): This is where you create discount codes, automatic discounts, and buy X get Y offers. It controls the actual price reduction at checkout. Examples: “20OFF” discount code, “Spend $100, get $20 off” automatic discount.

A promotional page: This is a dedicated page on your storefront that showcases your promotion - the hero banner, product selection, urgency messaging, and design. It’s the destination you send traffic to during a sale.

The promotional page doesn’t create the discount itself. It presents the offer and drives buyers to add products to cart, where the discount code or automatic discount applies at checkout.


Step 1 - Set up your discount in Shopify

Before building the page, create the underlying discount.

Step 1. Go to Discounts in Shopify Admin.

Step 2. Click Create discount.

Step 3. Choose the discount type (percentage off, fixed amount, free shipping, BXGY).

Step 4. Set the conditions, value, and date range for the promotion.

Step 5. Save. Note the discount code or confirm “Automatic” is selected.


Step 2 - Create the promotional page

Step 1. Go to Online Store > Pages > Add page.

Step 2. Title it with the promotion name (e.g., “Summer Sale 2026”, “Black Friday Deals”).

Step 3. Set the URL handle in the SEO section to something short and memorable: summer-sale, bfcm, spring-launch.

Step 4. Save.


Step 3 - Build sections in the Theme Editor

Navigate to your new page in the Theme Editor and add sections:

Hero banner: Headline with the promotion name and key offer (e.g., “Up to 40% off — Summer Sale”). Bold CTA button: “Shop Now”.

Sale or featured collection: Add a Featured Collection section. Create a dedicated sale collection in Shopify (Products > Collections) that contains all sale products, and point this section to it.

Urgency section: Sale end date (“Ends Sunday at midnight”), or limited stock messaging. If your theme supports a countdown timer section, add it here.

Social proof: Customer reviews or press mentions to build confidence for first-time visitors arriving from ads.

FAQ or terms: Short answers to common questions about the promotion - “Do I need a code?”, “Can I use this on sale items?”, “When does the sale end?”

Need a promotional page with a countdown or custom layout? Describe it to Fudge.
Try Fudge for Free

Promoting the page

Once live, share the page URL in:


After the promotion ends

Option A - Remove or hide the page. Set the page to not be in navigation. It stays at the URL but won’t be findable by browsers.

Option B - Keep it live for SEO. If the page ranks or earns links, keep it live with updated content (“Sale has ended - sign up to be notified of the next one.”) This preserves the URL’s authority for the next sale period.

Option C - Archive the page. Delete from Online Store > Pages if you won’t reuse the URL.


Black Friday / Cyber Monday page tips

BFCM is the highest-traffic weekend of the year for most stores. A few specific recommendations:

Jacques's signature
Build a high-converting promotional page just by describing it.

You might also be interested in

How to Duplicate a Shopify Page with All Sections (2026)
Shopify has no native duplicate button for pages with Theme Editor sections. Here's the correct method to duplicate a page template and carry all
How to Add Homepage Sections in Shopify (2026)
Learn how to add sections to your Shopify homepage using the Theme Editor - covering all available section types and how to add custom sections your
How to Create a Landing Page in Shopify (2026)
Learnhowtocreateahigh-convertinglandingpageinShopifyin2026.Threemethodscovered—fromthebuilt-ineditortoAItools.️