Emoll Theme Documentation

Countdown Timer

The Countdown Timer section helps you create urgency and boost conversions by displaying a time-limited promotion or campaign. It is ideal for flash sales, seasonal offers, product launches, or special events where you want customers to take action quickly.

Countdown Timer Preview

1. How to Add the Countdown Timer Section

Follow these steps to add a Countdown Timer to your store:

  • Go to Shopify Admin ? Online Store ? Themes.
  • Click Customize on the Emoll-Apario theme.
  • Select the page where you want to display the section (e.g., Home page).
  • Click Add Section and choose Countdown Timer.
  • Click Save to apply your changes.
Countdown Timer Settings

2. Countdown Timer Section Settings

  • Color Scheme: Select a color style that matches your store branding.
  • Banner Width: Choose how the section is displayed:
    • Full Width: Stretches across the entire screen.
    • Boxed: Keeps the content within a fixed container.
  • Select Image: Upload a background image for the countdown banner.
  • Image Height:
    • Desktop: Set height (e.g., Full screen).
    • Mobile: Adjust height for smaller devices.
  • Image Overlay: Control the overlay opacity to improve text visibility.
  • Overlay Color: Choose a color overlay for the banner image.
  • Overlay Direction: Enable and select overlay gradient direction (Left or Right).
  • Subheading: Add a small text above the main heading.
  • Heading: Enter the main promotional message (e.g., "THE MOMENT IS NOW").
  • Heading Size: Choose heading tag (H1-H6) for SEO and styling.
  • Heading Display:
    • Default: Normal text style.
    • Uppercase: Converts text to capital letters.
  • Text: Add supporting description for your promotion or campaign.
  • Button Label: Enter text for the call-to-action button.
  • Button Link: Add a link (e.g., collection or product page).
  • Content Max Width: Control the width of the text content area.
  • Content Position: Set where content appears (e.g., bottom right, center, etc.).
  • Text Alignment: Align text (Left, Center, or Right).
  • Countdown Date: Set the target date and time for the countdown timer.

    Note: Ensure the date and time are set correctly in this format: DD/MM/YYYY 00:00:00

  • Section Spacing: Adjust top and bottom spacing of the section.

3. Tips for Best Usage

  • Use countdown timers for limited-time offers to increase urgency.
  • Keep your message clear and action-driven.
  • Use high-quality background images that match your promotion.
  • Ensure text contrast is readable by adjusting overlay settings.
  • Link the button to a relevant collection or product for better conversions.