# Create Notification Bar

From the admin panel, go to **MageComp > Notification Bar Pro Manager** and click on the **Add New Notification** button.

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

* **Status -** Enable to display of the notification bar on the website
* **Title -** Add the title as per your requirement.
* **Store View -** Select the store view as per your requirement to display the notification bar.
* **Date From -** Select the date to schedule the notification bar for your website.
* **Date To -** Select the date to end the display of the notification bar for your website.

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

* **Arrow Style -** Select the arrow style for multiple notification bars.

#### Custom

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

* **Notification Type -** Select the custom option to design the notification bar as per your requirement.

**Text Settings**

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

* **Text -** Admin can write the content for the notification bar as per their requirement.
* **Font Color -** Select the text color for the content of the notification bar from here.
* **Font Size -** Select the text size for the content of the notification bar from here.
* **Font Style -** Select the text style for the content of the notification bar from here.

**Icon settings**

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

* **Show Icon -** Select YES to add an icon to the notification bar.
* **Icon -** Upload an icon image for the notification bar.

**Background Type - Color**

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

* **Background Type -** Select Color option to set the background color for the notification bar.
* **Background Color -** Select the background color for the notification bar from here.

**Background Type - Image**

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

* **Background Type -** Select Image option to set the background image for the notification bar.
* **Background Image -** Upload the background image for the notification bar from here.

**Button Settings**

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

* **Button -** Select YES to add a CTA button to the notification bar.
* **Button Title -** Set the button text for the notification bar from here.
* **Button Font Color -** Set the button text color for the notification bar from here.
* **Button Animation Effect -** Set the animation effect for the CTA button from here.
* **Button Background Color -** Set the button background color for the notification bar from here.
* **Redirection Link (URL) -** Add the redirection link for the button from here.

**Countdown Timer Settings**

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

* **Countdown Timer -** Select YES to add a timer clock in the notification bar.
* **Clock Background Color -** Set the background color for the timer clock from here.
* **Clock Number Color -** Set the timer clock number color from here.

#### Image

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

* **Notification Type -** Select the Image option to upload an already designed image for the notification bar.

**Banner Image Settings**

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

* **Banner Image -** Upload a banner image as a notification bar.
* **Redirection Link (URL) -** Add a redirection link for the banner image.


---

# 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.magecomp.com/magento-2-notification-bar-extension-pro/create-notification-bar.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.