# 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://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FIYyai1DdUjxjlAlXSlmT%2Fsettings.png?alt=media&#x26;token=cd2396a6-5206-41b1-bed1-1e1aea614656" alt=""><figcaption></figcaption></figure>

## Step 2

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FG44kV5U1DGms685upg6T%2Fproduct-metafiled.png?alt=media&#x26;token=982322fd-b47d-4d2e-88da-86863f85388b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2F5xJHofkx8xR057EvAQED%2Fadd-defination.png?alt=media&#x26;token=6411110b-7665-45d7-8114-8330584808e7" 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:**  *<mark style="background-color:blue;">`metaname.countdown_timer`</mark>* (It's a **mandatory name**, you must add exactly this name)
3. Select-type: **Date**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/GAGpgfPYY9WbMC9Xr9Za/metafield_4.png" alt=""><figcaption></figcaption></figure>

## Step 4

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FmJsSONcfC11FpE4twtVa%2Flist-proudct-metafields.png?alt=media&#x26;token=cf764746-1357-410f-b224-7b4e786fd516" alt=""><figcaption></figcaption></figure>

## Step 5

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FnfHykaIC8L2HngZgfPnC%2Fadd-value-timer-meta.png?alt=media&#x26;token=cb296e4e-eb38-4a59-8c81-ff149373bada" alt=""><figcaption></figcaption></figure>

## Demo

### Collection page

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FcPCe50GNRr9Voeee1gX1%2Ftimer-collection-page.png?alt=media&#x26;token=a4cf86f1-3383-4f96-a955-c77b676df1dd" alt=""><figcaption></figcaption></figure>

### Product details page

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FwTBR76igfpmrjdcNNugy%2Ftimer-product-page.png?alt=media&#x26;token=48f66173-bec0-45df-892f-5d949c3e1c91" alt=""><figcaption></figcaption></figure>
