Flash Sales

Create urgency and drive quick sales with time-limited flash sale campaigns.

Quick Setup Guide

24-Hour Flash Sale Timer

This example creates a 24-hour flash sale timer that automatically hides the offer when expired:

<!-- Flash sale container -->
<div id="flash-sale">
  <div class="sale-header">
    <h2>⚡ 24-Hour Flash Sale</h2>
    
    <!-- Flash sale timer -->
    <div class="timee-countdown"
      data-timer-type="countdown"
      data-end-date="2024-12-31T23:59:59"
      data-timezone="visitor"
      data-theme="modern"
      data-on-complete="hideElement"
      data-hide-selector="#flash-sale"
      data-show-days="false"
      data-show-seconds="true"
    ></div>
  </div>

  <!-- Sale content -->
  <div class="sale-content">
    <div class="price-comparison">
      <span class="original-price">$997</span>
      <span class="sale-price">$497</span>
    </div>
    <button class="buy-button">
      Claim This Deal Now
    </button>
  </div>
</div>

Flash Sale Examples

Basic Flash Sale

Simple flash sale with a countdown timer and price comparison.

<div id="flash-sale-basic">
  <h3>⚡ Flash Sale Ends Soon!</h3>
  
  <div class="timee-countdown"
    data-timer-type="countdown"
    data-end-date="2024-12-31T23:59:59"
    data-timezone="visitor"
    data-theme="modern"
    data-on-complete="hideElement"
    data-hide-selector="#flash-sale-basic"
  ></div>

  <div class="price-box">
    <span class="was-price">Was: $99</span>
    <span class="now-price">Now: $49</span>
    <span class="save">Save 50%!</span>
  </div>

  <button class="buy-now">
    Buy Now at 50% OFF
  </button>
</div>

Flash Sale Best Practices

Maximize Impact

  • Keep duration short (12-24 hours max)
  • Show clear price comparisons
  • Use attention-grabbing design
  • Highlight the savings

Common Mistakes

  • Running sales too frequently
  • Unclear pricing or savings
  • Poor mobile optimization
  • Extending deadlines repeatedly