# Steps to use Shortcode to display the Timer at a specific position

The app provides Shortcode to help users show the Timer at any specific place they want. However, you should only use this option if you want to show the Timer in a special place outside the product page or position the Timer in a different place on the product page.&#x20;

**Step to manage:**

You have to create the Timer and finish the setup for the Timer content as well as the design first. Then click **Save** button on the top right corner:

<figure><img src="/files/V4lfZAU2zDLMWc7hECqi" alt=""><figcaption></figcaption></figure>

1. In the Timer setting, navigate to the **Display** button and click on it.
2. Scroll down to the **Display position** section, pay attention to the **Shortcode box** > click **Copy**

<figure><img src="/files/7ZKfxdj6gvAELHIGIT8x" alt=""><figcaption></figcaption></figure>

&#x20;     3\. Go back to the Shopify admin page > Click on the **Online store** folder > **Themes** > Click on the **Customize** button.&#x20;

<figure><img src="/files/9hx14QFERodGVitl7Avu" alt=""><figcaption></figcaption></figure>

Depending on your choice, you can place the Timer at any position on any page you like. In this case, we will use the collection page as an example. We will show the Countdown timer on the collection page

&#x20;     4\. In the navigation bar on the left, click on the **Add section** button in the **Template** section:&#x20;

<figure><img src="/files/ZYMEFqkcgraFiPlRpMiS" alt=""><figcaption></figcaption></figure>

&#x20;     5\. Paste the Shortcode you have copied earlier into the Shortcode input field > Click **Save** after pasting it.&#x20;

<figure><img src="/files/nc8qdnvuPKSC204rPIny" alt=""><figcaption></figcaption></figure>

&#x20;       6\. Go check the result on the front store

<figure><img src="/files/dZKYbyFoknxvS1OOqr7C" alt=""><figcaption></figcaption></figure>

You can apply these steps for other timers like Estimated Delivery Date, Cart Countdown and Stock Countdown.

{% hint style="success" %}
**Friendly reminder!**\
If you do encounter any difficulty while proceeding with these steps, don’t show any hesitation to contact us promptly via the email address [<mark style="color:green;">support@samita.io</mark>](https://samita.io/pages/contact)
{% endhint %}


---

# 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://docs.samita.io/samita-countdown-timer-bar/steps-to-use-shortcode-to-display-the-timer-at-a-specific-position.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.
