# Add a countdown timer to the product

{% hint style="success" %}
**Take the following steps:**

1. Go to the **admin > settings**
2. Then click on the **Custom data**
3. Then you will get the option to add a **Metafield**
4. After adding a metafield, you will be able to add a timer to the product
   {% endhint %}

## Step 1

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FZz5LqiaOwtAkVKxFYGn7%2Fmetaifled-1.png?alt=media&#x26;token=9e0e721f-d1a3-495d-8bd2-6d0012317d80" alt=""><figcaption></figcaption></figure>

## Step 2

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FCxsCjYkBocihoq6l2LPb%2Fmetafield_3.png?alt=media&#x26;token=43b63812-c6bd-4a7e-bb52-7da29200d11e" alt=""><figcaption></figcaption></figure>

## Step 3

{% hint style="success" %}
**Metafiled details**

1. **Name:**  Product Countdown Timer (**You can add any name**)
2. **Namespace and key:**  `metaname.`countdown\_timer (It's a **mandatory name**, you must add exactly this name)
3. Select-type: **Date**
   {% endhint %}

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2F7ix9gFGQPhrP4Z8ZqNv2%2Fmetafield_4.png?alt=media&#x26;token=f645c97c-7e59-488a-8225-ad69cd716668" alt=""><figcaption></figcaption></figure>

## Step 4

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FqBswdDCgtSoHWQUOSerQ%2Fproduct_page.png?alt=media&#x26;token=c3110534-18ac-41e5-a07a-653bec7c545e" alt=""><figcaption></figcaption></figure>

## Step 5

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2Fmni5gzpwozJ2BN3rAgj7%2Fmetafield_6.png?alt=media&#x26;token=32e38a5a-8a79-4eca-9d50-c1fca36260b4" alt=""><figcaption></figcaption></figure>

## Demo

### Collection page

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FM65PQqOYk95Cjem6XHgi%2Ftimer.png?alt=media&#x26;token=d235027c-1add-4079-999f-a9ef869e2cfc" alt=""><figcaption></figcaption></figure>

### Product details page

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FeyUHJXEjOTpV643uNpo1%2Ftimer-2.png?alt=media&#x26;token=7504366d-0c46-44e7-9626-72066c6d452f" alt=""><figcaption></figcaption></figure>
