Sample Content for Fancy Coupon Sitewide Sale in WooCommerce

Want to set up a Sitewide Sale for your ecommerce site just like the demo screenshot? This guide includes the example text and settings we used to create the “Fancy Coupon” Landing Page and Banner demo for WooCommerce.

Screenshot of the Sitewide Sales Fancy Coupon Landing Page for WooCommerce

How to Set Up the Fancy Coupon Sale for WooCommerce

Time needed: 30 minutes

Follow these steps to create a Sitewide Sale for WooCommerce that matches our demo site’s “Fancy Coupon” screenshots.

Add a new sale.
If you’d like to make a sale that looks like the demo screenshot, begin by navigating to Sitewide Sales > Add New in the WordPress admin.
Fill out your basic sale settings.
Enter your sale’s start and end dates then select the sale type “WooCommerce”. Choose an existing coupon or create a new coupon exclusively for this offer. For more help on this step, please refer to the Sitewide Sales setup guide here.
Generate a Landing Page
In the “Landing Page” section, click the button to “create a new landing page”. This will generate a new page for your sale that includes three variations of the Sale Content block for each period and sets the page template to “Sitewide Sale Page”.
Begin entering the Sale Content and Banner Content
You can now complete the setup by copying and pasting the content from the example text below into the Block Editor > Code View. Be sure to choose “Fancy Coupon” as the landing page and banner templates. The example banner text is compatible with any banner location, but for this template we really like the appearance of the “Bottom Right” banner.

Screenshot of the Fancy Coupon Landing Page for WooCommerce

Screenshot of the Sitewide Sales Fancy Coupon Bottom Right Banner for WooCommerce

Example Text From the “Fancy Coupon” Demo

	/**
	* Sale Type: WooCommerce
	* Sale Template: Fancy Coupon
	*/

	// Landing Page Content:
	<!-- wp:swsales/sale-content {"period":"pre-sale"} -->
	<div class="wp-block-swsales-sale-content"><!-- wp:heading {"level":1} -->
	<h1>Sale Coming Soon!</h1>
	<!-- /wp:heading -->

	<!-- wp:heading {"level":4} -->
	<h4>Get ready for the best sale ever. Coming January 2230!</h4>
	<!-- /wp:heading -->

	<!-- wp:buttons -->
	<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","style":{"border":{"radius":"100px"}},"fontSize":"medium"} -->
	<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-black-background-color has-background" style="border-radius:100px"><strong>Join Our Email List »</strong></a></div>
	<!-- /wp:button --></div>
	<!-- /wp:buttons --></div>
	<!-- /wp:swsales/sale-content -->

	<!-- wp:swsales/sale-content {"period":"sale"} -->
	<div class="wp-block-swsales-sale-content"><!-- wp:heading {"level":1} -->
	<h1>Fancy Coupon Sale On Now</h1>
	<!-- /wp:heading -->

	<!-- wp:heading {"level":4} -->
	<h4>Save 50% on everything—sale ends 11/30.</h4>
	<!-- /wp:heading -->

	<!-- wp:buttons -->
	<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","style":{"border":{"radius":"100px"}},"fontSize":"medium"} -->
	<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-black-background-color has-background" style="border-radius:100px"><strong>Shop Featured Products »</strong></a></div>
	<!-- /wp:button --></div>
	<!-- /wp:buttons -->

	<!-- wp:html -->
	<br />
	<!-- /wp:html -->

	<!-- wp:shortcode -->
	[featured_products]
	<!-- /wp:shortcode --></div>
	<!-- /wp:swsales/sale-content -->

	<!-- wp:swsales/sale-content {"period":"post-sale"} -->
	<div class="wp-block-swsales-sale-content"><!-- wp:heading {"level":1} -->
	<h1>The sale has ended!</h1>
	<!-- /wp:heading -->

	<!-- wp:heading {"level":4} -->
	<h4>Sorry, this sale has ended. Look out for more fancy sales coming soon.</h4>
	<!-- /wp:heading -->

	<!-- wp:buttons -->
	<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","style":{"border":{"radius":"100px"}},"fontSize":"medium"} -->
	<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-black-background-color has-background" style="border-radius:100px"><strong>Get in Touch »</strong></a></div>
	<!-- /wp:button --></div>
	<!-- /wp:buttons --></div>
	<!-- /wp:swsales/sale-content -->

	// Banner Title:
	You're so fancy.

	// Banner Content:
	Save 50% on everything in the store! Use code:

	// Banner Button Text:
	Start Shopping

view raw WooCommerce-Fancy-Coupon-Sitewide-Sale.html hosted with ❤ by GitHub

Get Support for Sitewide Sales

If you are having trouble with your sale setup, please open a support ticket. We will be happy to help you set up this demo or answer other questions you may have about the plugin.