# 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