> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/ekommart/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/ekommart/content-management/setup-header/deal-top-bar.md).

# Deal Top Bar

**Step 1** - From admin Dashboard, navigate to **Ekommart** **Options** -> **Header**

![](/files/-M9W9s0muv2taNAuEocZ)

**Step 2** - Choose **Header** -> **Deal Top Bar**

![](/files/-M9WA2fFHvZgrocsj9Xp)

**Step 3** - Click "**Yes**" then input information in the form if you want to show Dear Top bar.

![](/files/-M9WE0qJNWyoa3RKpRFl)

**Step 4** - You will see all tabs for setting Deal Top Bar

![](/files/-M9WAGP5b099tMQhpK2z)

\+ Option 1. Create a Deal title: Import HTML Code below on Deal title

```
Black Friday. <strong>Save up to 50%!</strong>
```

\+ Option 2. Create the content Count Down Title

![](/files/-M9WCEQfBopikT-tv5XT)

\+ Option 3. Create the content Count Down Date

![Date/time format "MONTH/DAY/YEAR HOUR:MINUTE:SECOND"](/files/-M9WCT19i8eJuMUCxSEi)

\+ Option 4. Create the content Button Title

![](/files/-M9WChJkNk0XdzimeycB)

\+ Option 5. Create the content Button Link

![](/files/-M9WCqfHWEsKY8HYDS7V)

**Step 5** -  Save Changes

**Front end look like** :

Option 1:&#x20;

![](/files/-M9WGIVepUOvOqemjOT8)