> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-notification-bar-extension-pro/create-notification-bar.md).

# 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.