# Website Notifications

The website can display three types of notifications, which can be configured in the "**Notifications**" section:

## Display Options

{% tabs %}
{% tab title="Header Notification" %}

<figure><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(109)_eng.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Popup Notification" %}

<figure><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(83)_eng.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Notification Window" %}

<figure><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(127)_eng.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

All created notifications are displayed in the "Notifications" section.

<figure><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(141)_eng.png" alt=""><figcaption></figcaption></figure>

## Notification Settings

<figure><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(5)_eng.png" alt=""><figcaption></figcaption></figure>

**Notification Type** — choose the intervals for displaying the notification.

| By Time Period                                                                                                                                                                            | By Schedule                                                                                                                                                           |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(187)_eng.png" alt=""></p> | ![](https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20\(64\)_eng.png) |

**Operator Status** — the status under which the notification will be displayed\
• **Any Status**\
• **offline**\
• **online**

**Link** — the link that will be displayed in the notification below the text.

**Duration (days)** - the period for which the notification will be active.

**Text** — the text displayed in the notification.

**Status:**\
• **Published** — the notification is active and will be displayed during the selected time interval.\
• **Under Review** — the notification is inactive.

## Additional Options for Notifications

### **Header Notification**

**CSS Class** — specify any class (without a dot) that has a filled `background` parameter in the `style.css` file of your theme — the background color of the selected class will be applied to the notification.

![](https://3137668309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwgP5ZE7DnnlT9DQMSCQz%2Fuploads%2Fgit-blob-265b67dd40377963f894d73339b81132c0e90a82%2Fimage%20\(2099\)_eng.png?alt=media) ![](https://3137668309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwgP5ZE7DnnlT9DQMSCQz%2Fuploads%2Fgit-blob-57f469e6957e07c63d8b8b8826c3dd21361e10cc%2Fimage%20\(2100\)_eng.png?alt=media)

{% hint style="info" %}
An alternative option is to specify the desired [RGB code](https://colorscheme.ru/) for the background in the `wp-content/themes/your_theme_name/style.css` file for the **existing** class `.wclosearea` (find the class using Ctrl+F) and [clear the cache in Cloudflare](https://premium.gitbook.io/main/en/basic-settings/faq/kak-sbrosit-kesh-v-cloudflare) (no server restart is required) to see the changes immediately.

In this case, you do not need to fill in the "**CSS Class**" field in the admin panel.

<img src="https://3137668309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwgP5ZE7DnnlT9DQMSCQz%2Fuploads%2Fgit-blob-ab49fc60d4b007204c694aff68a6af6bd283870b%2Fimage%20(1631)_eng.png?alt=media" alt="" data-size="original">
{% endhint %}

### **Popup Notification, Notification Window**

**Button Text** — the text for the button to hide the notification.

## Sorting Notifications

Notifications can be sorted by their display priority on the website.

<figure><img src="https://github.com/armydrawer/premium-translate/blob/main/en/.gitbook/assets/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(130)_eng.png" alt=""><figcaption></figcaption></figure>
