Promote a Sale with a Products Showcase Landing Page

Instead:

1. Showcase all the products involved on a single page
2. Use a countdown timer to indicate when your sale ends

This makes it super easy for visitors to browse your on-sale products from one location and add them to cart. All while building urgency with a clear deadline for when your sale ends—so people buy now, not later.

In this playbook, we’ll show you how to create one of these products sale landing pages in ConvertFlow.

Step 1: The creative

The first step in all this is selecting a template that you can begin customizing in ConvertFlow. Here are a few ideas you can use:

Now it’s just a matter of editing the content to fit your needs.

Add your desired headline and discount or sale details. Here’s a Valentine’s Day one we made, for example:

You can also edit background colors, font styles, margins/spacing, and all the usual stuff you’d expect to be able to edit.

Let’s add a nice pink-based Valentine’s Day image to the background of our example:

⚠️ Note: Pages for Shopify users will appear on your full root domain with your store’s standard header and footer. So, think about coloring and design that aligns with this before going too off-brand in the ConvertFlow builder.

You’ll also want to edit the details of any countdown timers in use.

Your options are:

• Static. Counts down to a specific date and time.
• Relative. Counts down X hours/minutes/days from now.
• Daily. Counts down until a specified time each day.

We’ll use a static timer for our Valentine’s Day example, seen as this holiday comes around on the same date each year:

PRO TIP:

If you’re running this sale as part of a wider Broadcast Campaign in ConvertFlow, you can set the timer to countdown to the end of your Broadcast:

Learn more about Broadcast Campaigns in ConvertFlow

Add products to the page

We’re now going to add the list of on-sale products to our page. We suggest doing this using ConvertFlow’s products element.

Most templates for this kind of campaign will have this already included, but you can also add one yourself in the builder:

You’ll then have two options for a products source:

1. Connect a Shopify store to pull in a live products feed
2. Manually add products to ConvertFlow

We’re going to select Shopify for our example. Then, we’ll choose to filter the products that are displayed according to a tag that’s been setup in Shopify:

You can filter products in a number of other ways, too. Some that might be relevant to a promo sale campaign like this are:

• Products filtered by product name query
• Products related to another product
• Products you’ve manually selected

Note: When using Shopify as the products source, placeholder details will be shown in the builder. Real products will appear when viewed on your live store.

Once you’ve got the desired products showing, we’ll then customize how they look.

First, let’s make sure the discount visualized is aligned with what we set at the top of the page. In our case, this is 15%:

We can also choose from a range of display settings—such as grid or list style and how many products appear per line:

You’ll also be able to make a whole host of different style edits as you scroll down the side panel with the products element selected. All the button colors, backgrounds, fonts, etc. can be customized to appear exactly how you want.

Step 2: The technical setup

The only technical setup that really needs to be done with this playbook is setting up the correct actions for the “Add to Cart” buttons.

To do this, simply click on your products element in the builder and select the “Confirmation Actions” button in the side panel:

If you’re using Shopify, just choose “Add products to cart” as the default action in the overlay that appears.

You can also enter a promo code that automatically applies the relevant discount (you’ll need to set the code up in Shopify before going live):

The “View Cart Button Text” field is the button text that shows after a shopper has added one of the products to cart. Clicking this will redirect them to the cart page:

Non-Shopify users can choose to redirect people to the relevant product page on your store. Just change the button’s call-to-action text from “Add to Cart” to something like “View product” instead.

PRO TIP:

Add an automation here to "Track Completion of CTA." This will enable you to see how many people actually completed the primary action of adding to cart:

Learn more about reporting in ConvertFlow

Step 3: Launch

All we need to do now is choose the URL we want our page to appear on and it’s ready to launch.

Save and publish your work in the builder. Then, head through to the final “Launch” step in the ConvertFlow campaign:

If you’ve got Shopify connected, you can simply display the page on your store’s root domain—meaning it appears with your standard website header and footer, etc.

Just select the Shopify domain and set the slug to whatever you want:

⚠️ Note: Displaying your landing page on your Shopify domain is required for ConvertFlow's products element to be able to use the Shopify products source.

Congratulations! Your page should now appear live on the URL selected 🎉

Non-Shopify users can just select a different domain and choose a URL slug in the same way as above. You’ll also be able to edit meta and open graph data from this “Launch” step when using a non-Shopify domain.