Countdown Stopwatch

Countdown Stopwatch

What is a Countdown Stopwatch Section?

A countdown stopwatch section is a feature used to create a sense of urgency on your website by displaying a timer that counts down to a specific event or deadline. This is often used for limited-time offers, product launches, or sales. When the timer finishes, it can display a custom message, and you can also provide discount codes or promotional content to encourage conversions.

How to Set Up a Countdown Stopwatch Section:

1. Select a color scheme to match your site's design. You can modify the colors in your theme settings.

2. Adjust the upper and lower spacing of the section.

3. Add custom CSS for additional styling or layout adjustments to make the timer fit seamlessly with your theme.

Timer and Discount Block Setup:

1. Enable the timer to start counting down.

2. Calendar Year, Month, and Day: Set the target date for the countdown.

3. Hours and Minutes: Set the exact time for the event to occur.

4. Select the size of the timer display: Small, Medium, or Large based on how prominent you want it to appear on the page.

5. Enable or disable the label that explains the purpose of the countdown.

6. Choose to hide the timer once it reaches zero or keep it visible and add a custom message that will appear when the countdown finishes.

7. Now in the timer overview block add a heading for the timer . Adjust the heading size (Small, Medium, Large) to fit the design.

8. Provide additional information or context for the countdown.

9. In the discount block input a discount code to be displayed when the countdown ends.

10. Set a button label to easily copy the discount code. When clicked, the label changes to "Copied!" for confirmation.

11. Choose from three styles for the button: Primary, Secondary, or Outline.