Build a Shopify Black Friday landing page without code
A Shopify Black Friday landing page should make one offer easy to understand and shop. Build it around the products in that offer, with clear purchase options and a layout you can retire when the sale ends.
Short answer: start with a separate campaign page template and your theme's existing sections. Add a custom section only when you need more layout control. Configure the discount separately in Shopify, then check the whole journey from the page to checkout on a phone.
We make XO Builder, the optional builder covered below. The choice here comes down to three things: the layout you need, the purchase controls your theme provides, and how much extra editing you want to maintain.
Write down the eligible products, offer conditions, start and end times, and the action each button should take. Use that sheet to build this simple page outline:
| Page area | What to include | What to check |
|---|---|---|
| Opening banner | Offer, eligible range, end time, shopping link | Can a shopper understand the deal without scrolling? |
| Promoted products | A small selection from the offer | Does every item qualify? |
| Buying details | Variant choices or a clear route to the product page | Can shoppers choose the right size or color? |
| Delivery and returns | Your actual dispatch information and policy links | Does the wording match the store's policies? |
| Short FAQ | Code instructions, exclusions, offer deadline | Are the answers consistent with checkout? |
For example, a candle store could lead with its seasonal collection, feature one candle with a scent selector, and finish with delivery details. This is an illustrative layout, not a tested store example.
When browsing Black Friday landing page templates, judge whether they accommodate those tasks. A dramatic banner is less useful if the product choices sit several screens below it. Start with the smallest layout that explains your offer.
Shopify uses a template to arrange a page's sections. A section is a piece of the layout, such as a banner; a block is a smaller item within it, such as a heading or button.
Before editing, duplicate your theme as a backup. Then follow Shopify's template workflow in a compatible theme:
black-friday, base it on your default page template, and create it.Changes to a template affect every page assigned to it. Reserve this one for the campaign. If Create template is unavailable, check your theme's capabilities before following these steps.
Create the actual page through Online Store → Pages → Add page. Give it a clear title and choose Hidden while preparing it; Shopify otherwise makes a new page visible when saved. Its page guide covers visibility and search listing fields.
In the page's Theme template field, select black-friday and save. That selector lists templates in the live theme only. If you built in a draft theme, preview there first and assign the template after that theme becomes live. Previewing alone does not assign it.
A separate template does not isolate global theme settings. Keep sale colors and typography in the campaign's section controls where available. Headers and footers can belong to shared layout groups, so check their scope before changing them for one page.
Shopify documents global theme settings and shared section groups. If a theme change is part of your preparation, use our theme-switching checklist before moving the campaign across.
Try the built-in route first. Shopify's sections and blocks let you assemble a page without writing code, although the available sections depend on your theme.
In the campaign template, use Add section and look for a banner or image-with-text section, a featured collection, and a featured product. Put the offer first, products next, and the FAQ last. Select your campaign collection or product in the relevant section settings rather than leaving placeholder items.
For a featured product that provides them, keep the variant selector and Add to cart controls visible. Shopify documents the Buy buttons block for featured product sections. Check which controls your theme exposes on this page template.
For a product grid without a suitable buying control, send shoppers to the product page to choose their options. Label that action “Choose options” or “View product.” Reserve “Add to cart” for a control that actually adds the selected item.
Skip this route if the required layout cannot be made with your available sections. For a banner, a product selection, and an FAQ, however, the built-in editor may already do everything you need without another app.
Add a custom campaign section when the theme needs one
The app listing confirms a visual editor, page and section templates, and mobile and tablet support. For this campaign, a practical option is to build the offer section in the app while keeping the theme's product sections and purchase controls underneath it.
Follow the documented theme-section workflow:
black-friday template and add the published section. Position it above the product sections and check the complete page.This keeps the custom design and the buying flow in one campaign template. Check the app's current plan allowances before building; creating an item and publishing it have separate limits.
The app also supports complete landing pages. Its page publishing instructions use the page list's Settings, a Published option, a theme selection, and Save. Publishing creates a Shopify page under Online Store → Pages. The default target is the live theme, so check that selection before publishing.
Use either the section approach above or a separate app-built page for the campaign; avoid maintaining two destinations for the same offer. This walkthrough uses the section approach and the theme's purchase controls.
Skip it if your existing sections already produce the layout you want. Adding another editor is useful only when its design controls solve a concrete problem.
Build the offer rules in Discounts → Create discount. For an amount-off promotion, choose the discount type and method, then set eligible products or collections, customer eligibility, minimum requirements, combinations, and active dates. Shopify's amount-off discount guide explains those settings; start and end times use your store's time zone.
Copy the final rules into the page. If customers need a code, show it clearly. If the offer is automatic, describe the qualifying conditions: automatic discounts apply when the required items and eligibility conditions are satisfied.
Treat sale text and any countdown as presentation. Do not assume that displaying an offer configures its discount or stops it at the deadline. Verify the discount's own schedule and test an eligible cart as well as a cart that should not qualify.
Use the theme editor's mobile preview, then open the page on an actual phone. For custom sections, check the resulting storefront as well as the app canvas.
Work through this list before making the page visible and sharing its URL:
If a tall banner pushes the first product too far down, shorten it. Keep the offer as readable text, give buttons room to tap, and move optional storytelling below the buying choices. These are layout recommendations, not conversion guarantees.
Set a reminder for the offer's end time. Confirm the discount has ended, remove expired sale wording and timers, and check any store menus or banners pointing at the campaign.
A useful option is to keep the page available with “This offer has ended” and a link to the current collection. If you hide it instead, remove internal campaign links and check what an old bookmarked URL now shows. Revisit the products and cart so the page no longer promises an unavailable deal.
Keep the campaign template dedicated to this purpose if you plan to reuse it. Before the next sale, replace old dates, products, and terms and repeat the purchase checks.
For a campaign layout your theme cannot provide, explore XO Builder and start with the one section you need.