# Create Widgets

To create a widget in the app admin, follow the steps below:

1. Select **Create widget**.
2. Choose the type of timer widget and hit **Select**.
3. Proceed to customize the widget in the **widget editor**.
4. **Optional**: Rename the created widget to distinguish it from other widgets.

<div align="left" data-with-frame="true"><figure><img src="/files/5DE8rsyug2aK7QhrakZ8" alt=""><figcaption></figcaption></figure></div>

## Timer types

<div align="left" data-with-frame="true"><figure><img src="/files/a37pCRbDjH68aCr3SMp3" alt=""><figcaption></figcaption></figure></div>

<table data-full-width="false"><thead><tr><th valign="top">Widget \ Criteria</th><th valign="top">Size difference</th><th valign="top">Visual difference</th><th valign="top">Recommended placements</th></tr></thead><tbody><tr><td valign="top"><strong>Small timer</strong></td><td valign="top">Compact promo, similar to a theme block</td><td valign="top">Has a solid-color background or no background</td><td valign="top">Product page, Featured product section, Newsletter section, Cart drawer</td></tr><tr><td valign="top"><strong>Large timer</strong></td><td valign="top">Page-wide banner, similar to a theme section</td><td valign="top">Has a background image with separate customization options</td><td valign="top">Homepage or Landing page, Collection page, Cart page, Password page</td></tr><tr><td valign="top"><strong>Bar timer</strong></td><td valign="top">Narrow and horizontally aligned, similar to an announcement bar</td><td valign="top">Has a solid-color background or no background</td><td valign="top">Top or bottom of the Homepage or Landing page, Collection page, Cart page</td></tr><tr><td valign="top"><strong>Inline timer</strong></td><td valign="top">Small text paragraph that blends in like a native theme element</td><td valign="top">Has a solid-color background or no background</td><td valign="top">Product page, Product cards, In-cart items, or any inline elements store-wide</td></tr><tr><td valign="top"><strong>Inline bar timer</strong></td><td valign="top">Narrow and horizontally aligned, similar to an announcement bar</td><td valign="top">Has a solid-color background or no background</td><td valign="top">Anywhere on the Homepage or Landing page, Collection page, Cart page, Product page</td></tr><tr><td valign="top"><strong>Product timer</strong></td><td valign="top">Small label, similar to a product badge</td><td valign="top">Has a solid-color background or no background</td><td valign="top">Product page, Product cards</td></tr></tbody></table>


---

# 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://getsitecontrol.gitbook.io/gsc-countdown-timer/create-widgets.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.
