# Countdown timer

![](https://docs-assets.foxecom.app/megamog-theme/Screen%20Shot%202021-10-15%20at%2022.26.53_yRBa72hn.png)

A countdown clock for promotion/new collection release can bring excitement to customers that have been waiting for the event. 

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Countdown timer.**
3. **Save.**

</Hint>

The settings include:

## Image settings

Add a background image for the timer. You can display different images on desktop and mobile view.

![image](https://docs-assets.foxecom.app/megamog-theme/image_z3sS3NDY.png)

## Content

Add and change style for heading, the end time of the event.

<Hint type="info">

**Date format**: YYYY-MM-DD HH\:MM\:ss.

</Hint>

![image](https://docs-assets.foxecom.app/megamog-theme/image_SzO9L6L3.png)

## Button settings

Display a call-to-action button to redirect customers to your desired pages. Add a **Label** and **Link** for one or both, then choose a **Button style** and adjust the **Button size.**

![image](https://docs-assets.foxecom.app/megamog-theme/image_Orr6OA9O.png)