# Make a button appear after a set amount of time

This article will show you how to make a button appear after your timer or video is complete

* [Timer](#makeabuttonappearafterasetamountoftime-timer)
* [Video](#makeabuttonappearafterasetamountoftime-video)

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

Step 1 - Navigate to the page in your funnel that you would like to add this functionality to

Step 2 - Drag Timer element onto the page and make format adjustments, found under the Extra elements

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F8KfH5XTgvu5Se6pOves2%2Fimage.png?alt=media&#x26;token=0eca259e-d79e-4c25-bfce-5d2a1a300caf" alt=""><figcaption></figcaption></figure>

Step 3 - Click on newly placed Timer element to open element settings and adjust the timer length

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FBcvruEMuKc8RqKZ0yvxq%2Fimage.png?alt=media&#x26;token=76a38234-6911-4a37-a02a-521796617c84" alt=""><figcaption></figcaption></figure>

Step 4 - Drag buttons onto the page and make format adjustments, found under Buttons elements

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FSAOpWrvASKk7pQeQWwED%2Fimage.png?alt=media&#x26;token=11f17aad-e2e9-4b1f-bfbb-3dcd444763a5" alt=""><figcaption></figcaption></figure>

Step 5 - Click on newly placed buttons to set Fade In animation and appropriate delay

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FN8VrK4cyBvGUqReIrptq%2Fimage.png?alt=media&#x26;token=c889bcdb-3cec-459a-b7b1-a1086f272d5b" alt=""><figcaption></figcaption></figure>

Step 6 - Save page and publish funnel to check your work

{% hint style="info" %}
If you are wanting to reveal an entire section of the page after a set amount of time, please view this [article](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/making-a-new-section-appear-after-a-timer-expires)!
{% endhint %}

### Video <a href="#makeabuttonappearafterasetamountoftime-video" id="makeabuttonappearafterasetamountoftime-video"></a>

{% hint style="info" %}
Please [view this article](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/building-blocks/basic-blocks) for an updated option to reveal a section after a video reaches a certain point.
{% endhint %}

Step 1 - Navigate to the page in your funnel that you would like to add this functionality to

Step 2 - Drag Video element onto the page, found under the Basic elements

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FQ6YRyQ9Fj7ZHAYDenl8Y%2Fimage.png?alt=media&#x26;token=8c242c5c-0d75-4c31-84fd-6bd12036f289" alt=""><figcaption></figcaption></figure>

Step 3 - Click on newly placed video to open settings

* Choose Provider and add source or video ID
* Set to Autoplay

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FvEGy2qqAF6CbmSEHPKj7%2Fimage.png?alt=media&#x26;token=19ab3375-fc23-4cc0-b12c-a1f92a40f940" alt=""><figcaption></figcaption></figure>

Step 4 - Drag buttons onto the page and make format adjustments, found under Buttons elements

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FIF7maBohKWGAFLoUmMo4%2Fimage.png?alt=media&#x26;token=fe79155c-8fde-42b5-a164-df403ccd5b31" alt=""><figcaption></figcaption></figure>

Step 5 - Click on newly placed buttons to set Fade In animation and appropriate delay

* For videos, we suggest setting the button delay to be a few seconds longer than your video

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FXths9CPcuRswU3DSCw8y%2Fimage.png?alt=media&#x26;token=fe12b651-c4d2-42f6-87d0-e5a45a9a0557" alt=""><figcaption></figcaption></figure>

Step 6 - Save page and publish funnel to check your work


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET 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.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.