Landing Pages

The sale landing page plays an important role in the Sitewide Sale process:

  • The landing page shows conditional content based on the sale period. You can show unique content when the sale is running, but also when the sale is coming soon (pre-sale) or already over (post-sale).
  • A user’s landing page visit triggers how to handle the auto-discount logic for their checkout and strikethrough pricing throughout the store.
  • The plugin tracks visits to the landing page in sale reports to help you evaluate sale performance and conversions.

Landing pages are totally optional. If you instead want to link your sale banner right to a product category or existing pricing page, that’s totally ok.

Edit Page in the WordPress admin showing the Sitewide Sales before, during, and after sale default blocks
Edit Page in the WordPress admin showing the Sitewide Sales before, during, and after sale default blocks

Video Tutorial

About Dynamic Landing Page Content

The Sitewide Sales plugin handles three time periods for conditional landing page content:

  • Before the Sale
  • During the Sale
  • After the Sale

These time periods are drawn from the start/end date and time of (a) the Sitewide Sale linked to the specific landing page or (b) the active Sitewide Sale running on the site if the page is not attached to a specific sale.

Use the Sale Content block to add content that only shows before, during, or after the sale
Use the Sale Content block to add content that only shows before, during, or after the sale

How to Assign a Sale Landing Page

  1. Navigate to Sitewide Sales > All Sitewide Sales in the WordPress admin.
  2. Select a sale to edit or click “Add New” to create a new sale.
  3. Locate the Landing Page settings box.
  4. Choose a Landing Page
    • Select the page to use for your sale’s “Landing Page”.
    • You can generate a new page that will automatically insert the three sale period blocks as a starting point.
    • Or, create the page on your own and come back to this screen to assign your page to the sale.
    • Landing pages are totally optional. If you instead want to link your sale banner right to a product category or existing pricing page, that’s totally ok.
  5. Select a Landing Page Template
  6. Configure Other Settings
  7. Save All Settings

How To Add Content to Your Sale Landing Page

Sitewide Sales supports a few methods to add content to your sale’s landing page.

Sale Content Block

Sets the sale period (before, during, after) for every block within the container block. Nested blocks are automatically hidden or shown based on the parent block’s setting and the current date and time. This block is available for sites that use the WordPress Block Editor.

Read docs on the Sale Content block »

Edit the landing page in the WordPress admin to insert the Sale Content block and adjust sale period settings

Countdown Timer Block

Show a countdown timer that counts down to the sale start date and time or the sale end date and time based on block settings. You can also configure the text color and background color of the timer. This block is available for sites that use the WordPress Block Editor.

Read docs on the Countdown Timer block »

Edit the landing page in the WordPress admin to insert the Countdown Timer block and adjust block settings for countdown period and colors

Sale Period Visibility Setting

A block-level setting to toggle section visibility based on sale period (before, during, after). This setting is automatically added to three core WordPress block types: Group, Columns, and Cover. This block is available for sites that use the WordPress Block Editor.

Read docs on the Sale Period Visibility block setting »

Setting the Sale Period Visibility on a columns block type in the WordPress editor

Elementor Compatibility

Restrict content by sale period at the element or widget level. You can choose to display content during the sale, or show specific elements before or after the sale only.

Read docs on Elementor compatibility »

Elementor Advanced Panel with Sale Period setting in Sitewide Sales

Divi Compatibility

Restrict content by sale period at the section or row level. You can choose to display content during the sale, or show specific elements before or after the sale only.

Read docs on Divi compatibility »

Divi Advanced Panel with Sale Period setting in Sitewide Sales

Landing Page Design Inspiration

Sitewide Sales is not a landing page design tool. If you need inspiration for designing your landing page, including the layout, colors, images, and sections, we have a few resources for you:

  • Sitewide Sales Inspiration Sites: We build a website to aggregate the most unique online sales out there. There are ideas for landing page content, sale banners, offers, and more.
  • Blog Articles on Landing Pages: Browse the Demon Content category in our blog for ideas on how to use built-in landing page templates or create your own landing page design, no matter which sale module you choose.
  • One Page Love: Landing Page Inspo: Check out this third-party curated collection of over 1,400 landing page designs. Each page review includes a full screenshot of the website design along with noteworthy features.

Preview the Landing Page as Site Admin

If you are logged in as a user with the Administrator role, you can preview the sale content by including the swsales_preview_time_period attribute in the Landing Page URL.

  • Preview “Before the Sale” Content: https://yourwebsite.com/landing-page-slug/?swsales_preview_time_period=pre-sale
  • Preview “During the Sale” Content: https://yourwebsite.com/landing-page-slug/?swsales_preview_time_period=sale
  • Preview “After the Sale” Content: https://yourwebsite.com/landing-page-slug/?swsales_preview_time_period=post-sale

The Landing Page section of the Sitewide Sale > Edit Sale screen also has links to these previews.

Landing page settings section with "Preview Landing Page" links for pre-sale, sale, and post-sale periods.
Landing page settings section with “Preview Landing Page” links for pre-sale, sale, and post-sale periods.