# Timer

### Timer <a href="#extrablocks-timer" id="extrablocks-timer"></a>

&#x20;The Timer element would be used any time you would like to add a timer to your pages to instill a sense of urgency on your pages.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FMEyXIRFaG9Py5y9FoPr4%2Fimage.png?alt=media&#x26;token=ba804f26-efce-49a9-b746-e35bd26c2f29" alt=""><figcaption></figcaption></figure>

After you drag a timer block onto the page you can click on the numbers/text and use the Font menu under the Style Manager to adjust the font type, size, and color of the text and numbers.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FSZatAzxEuOGtS4f4vUkW%2Fimage.png?alt=media&#x26;token=c00213e1-5949-4e6e-a662-4b52617de672" alt=""><figcaption></figcaption></figure>

To configure the Timer itself, click on the space to the far left or right within the element that highlights the entire Timer element. Then open the element’s settings inside the [Style Manager](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/settings-and-style-manager) to configure the Timer.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FVMR5eXw7t0eiTuqEnMWt%2Fimage.png?alt=media&#x26;token=d2399c8c-f72b-4667-96e6-26f1c833ef5b" alt=""><figcaption></figcaption></figure>

**Timer Type**:

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FucUnvoPJeSNcpSmcxstG%2Fimage.png?alt=media&#x26;token=da967f2b-7783-4786-92a8-1953cd56e8e2" alt=""><figcaption></figcaption></figure>

* Minute Timer - Timer set based on Hours, Minutes, and Seconds values
* Countdown Timer - Counts down to the Date and Time specified in the **Start** value
* Count Up Timer - Timer counts up from 0 until the time set in the Hours, Minutes, and Seconds values

**End Text**: The text you want to display after the timer completes. End Text could display a simple text message (EXPIRED!), a url to send users to another page (<https://etc>), or an element ID to open a previously hidden element (#12345)

**Align**: Choose the alignment of the Timer within the element it resides

**Hours**: Sets the hour value on the timer. Will overlap to Days value if >24 hours and Days is not removed from the Timer

**Minutes**: Sets the minute value on the timer

**Seconds**: Sets the seconds value on the timer

Relative Links:

[Make a button appear after a set amount of time](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/make-a-button-appear-after-a-set-amount-of-time)