Skip to main content

Countdown Timer

The Countdown Timer block creates a high-impact promotional section that combines rich media with urgency-driven content—ideal for flash sales, product launches, or limited-time offers. It features a two-column layout: one for visual media and one for text-based calls to action.

Settings​

  • Enable full width: Expand the block to 100% of the viewport width.
  • Block class: Custom CSS class for spacing or layout overrides.
  • Background: Set a solid or gradient background color.
  • Or, use image: Apply a background image using a preset from Theme Settings → Style scheme settings → Background Image Schema.

    All four settings above follow: Blocks → Overview → General Settings

  • Horizontal alignment: Align the entire block content—Left, Center, or Right.
  • Vertical alignment: Vertical positioning within the container—Top, Center, or Bottom.

Child Blocks​

The block is divided into two responsive columns:

Media Column​

Display engaging visual content on one side:

Image​

Static product or lifestyle image. Settings follow Blocks → Basic Block → Stars

Video​

Embedded or self-hosted video (e.g., MP4, YouTube). Settings follow Blocks → Basic Block → Video.

3D model​

Interactive GLB/GLTF model for immersive product viewing. Settings follow Blocks → Basic Block → 3D Model.

Text Column​

Drive action with time-sensitive messaging:

Heading​

Promotional headline (e.g., “Flash Sale Ends Soon!”). Settings follow Blocks → Basic Block → Heading.

Text​

Supporting description or terms. Settings follow Blocks → Basic Block → Text.

Button​

Primary call-to-action (e.g., “Shop Now”). Settings follow Blocks → Basic Block → Button.

Discount code​

Display and allow copying of a promo code. Settings follow Blocks → Basic Block → Discount code.

Countdown Timer​

Dynamic countdown to a target date/time (e.g., “02:18:45”). Settings follow Blocks → Basic Block → Countdown Timer.

💡 Tip: Use this block above the fold on your homepage or in email campaign landing pages to maximize conversion during time-limited promotions.