Theme Section - Flash Sale Countdown

Boost urgency and drive conversions with the Flash Sale Countdown section! This theme element allows you to highlight limited-time offers using a real-time countdown timer — perfect for flash sales, exclusive promos, and holiday events.

💡 Why Use the Flash Sale Countdown?

• Creates urgency and FOMO (Fear of Missing Out)
• Highlights limited-time offers or promotions
• Encourages quicker purchase decisions
• Easily customizable to match your store's theme

Installing the Flash Sale Countdown theme section to your Shopify theme

Before going to the Shopify Theme Editor to insert this theme section, you would first need to install it first from the Vitals app.

For a complete list of instructions, you may refer to this article: How to Add a Theme Section to Your Shopify Store

Once you have successfully installed the theme section, you can now go to the Shopify Theme Editor and insert it by clicking Add section > Vitals: Flash Sale Countdown:

Customizing the Flash Sale Countdown Theme Section

Customization is simple and intuitive through Shopify’s Theme Editor:

1. Select the Section

   • In the left sidebar, click on the newly added Image & Text section.

     Adjust Settings

   • The customizable settings for the section will appear in the right sidebar.

   • You can modify elements such as the color and positioning of the theme section to fit your needs.

     Preview Your Changes

   • Use the live preview to ensure the section fits perfectly on your storefront.

Here are some of the settings that can be changed:

Flash Sale Countdown - Main Section

General

• Section background
• Timer position on desktop -> left or right
• Timer position on mobile -> above content or below content
• Text alignment on desktop -> left, center or right
• Text alignment on mobile -> left, center or right
• Hide entire section after countdown ends - When this is enabled, the whole section where the Flash Sale Countdown is located is going to automatically disappear once the timer runs out
• Completed message -> You can enter the custom message that appears when the countdown completes
• Completed message color (via a color palette)

Layout

• Section width (in percent)
• Custom max width (optional)
• Top-bottom padding for Desktop and Mobile
• Top-bottom margin for Desktop and Mobile

Custom CSS -> If you are familiar with CSS, You can also enter your custom CSS statements for additional flexibility

Flash Sale Countdown - Caption

Here you can modify the text that accompanies the countdown timer.

Flash Sale Countdown - Countdown Timer

This is where you can customize the countdown timer's behavior itself, such as the specific date and time when the countdown timer will end, its size, and the colors used by the Countdown Timer.

🛠️ Tips for Best Results

• Use bold, clear text to draw attention
• Set a short countdown (24-48 hours) to increase urgency
• Pair with a strong discount or incentive

👉 Need Help? Reach out to our support team!