# Banners

The Banner Management feature allows you to display customizable messages or images to users. These banners can be configured to appear either on the login page (before a user authenticates) or within the user portal (after a user logs in). You can define a name, a start and end date, visibility options, and an active status toggle for each banner. This is useful for sharing announcements, reminders, or policy updates with specific audiences.

**Prerequisites**:

To configure a banner, ensure you have the following:

* **Image Files**: You can upload up to five images. They must be in JPEG, PNG, or JPG format and have a maximum file size of 500 KB each.
* **Filenames**: Each image filename can be up to 30 characters long.
* **Targeting Conditions**: For banners shown After Login, you can set conditions using user attributes such as User Type (e.g., "Employee") or Department (e.g., "HR"). You can use AND/OR logic to create complex rules.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FXlxhZkblWPfHKwheu40w%2Funknown.png?alt=media&#x26;token=d6bc7326-687f-4e12-9d6e-873bee2f5c4a" alt=""><figcaption></figcaption></figure>

#### Configuration Steps for Banner:

**Step 1: Create a New Banner**

1. Navigate to the Configurations section.
2. Click on Add Banner.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FiECmgmm4tKc01k55hxzA%2Funknown.png?alt=media&#x26;token=642137e3-01b1-47a5-beb1-d32316d160f5" alt=""><figcaption></figcaption></figure>

**Step 2: Define Banner Details**

1. Enter a descriptive Name for the banner.
2. Set the Start Date and End Date to control when the banner is active.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2F58gHRN7QqBrhxHgHwvWQ%2Funknown.png?alt=media&#x26;token=3dfa5bae-e24f-4abf-8481-123017091b76" alt=""><figcaption></figcaption></figure>

**Step 3: Select Banner Visibility**

Choose whether the banner should appear Before Login or After Login.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FwrnGsTxs2PXDqEsJrmBQ%2Funknown.png?alt=media&#x26;token=9bacdeb4-4d20-4237-86ec-f57ec63351a9" alt=""><figcaption></figcaption></figure>

**After Login Banner:**

* **Upload**: Click to upload an image file. You can use drag-and-drop or a manual upload.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FwXdK6S6NFf7UJlpkOvVV%2Funknown.png?alt=media&#x26;token=122ee8a0-7852-45e8-a268-4bd544ef1307" alt=""><figcaption></figcaption></figure>

* **URL**: Enter a URL to redirect users to a specific page when they click the banner.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2F5qxUvV2vFjE41lXRNkIJ%2Funknown.png?alt=media&#x26;token=5e9f5508-60d4-46d2-9772-77f58f46a12a" alt=""><figcaption></figcaption></figure>

* **Conditions**: Apply a set of conditions based on user attributes to ensure the banner is only displayed to a targeted group of users. Once configured, the banner will appear as a pop-up after a user logs in. Clicking the banner will redirect them to the specified URL. Users can close the banner by clicking the cross mark and confirming.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FK5ZJGPU5NMtRqE7wUOSP%2Funknown.png?alt=media&#x26;token=84dbb494-3e96-4035-8c64-3cda13f40b04" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FLsdZYpqSyIYm9Q4qPdOq%2Funknown.png?alt=media&#x26;token=19d7ac9c-bce0-4480-80f0-bdf916dff5d1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FxanyDttZ51qwtBAcCvRe%2Funknown.png?alt=media&#x26;token=0aec69ab-abf6-44eb-8b4d-b86d658417ea" alt=""><figcaption></figcaption></figure>

**Before Login Banner:**

* Select the Before Login option and save the changes.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2F6dM7aVQbFvrB2LSM73uP%2Funknown.png?alt=media&#x26;token=6a75206d-9cc5-4b72-b39c-91ea28655e11" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FERrYndzmJrkI8mJfaAZx%2Funknown.png?alt=media&#x26;token=c7e9b640-f80b-4e5c-933d-e9e86b388616" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FknGdoZDaOk5CdnWOdma8%2Funknown.png?alt=media&#x26;token=47293ed7-eecf-4fad-82fa-89b9c72a696d" alt=""><figcaption></figcaption></figure>

* The banner will be displayed on the login page before any authentication occurs.

  <figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2Ftx1DQuykYyoN8ukQ5VJd%2Funknown.png?alt=media&#x26;token=30f904a0-babc-4ae6-a51b-18f95b545f6f" alt=""><figcaption></figcaption></figure>
* Clicking the banner will redirect to the specified URL. Users can dismiss the banner by clicking the cross mark.

<figure><img src="https://3609793515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiOkb5tnBpg4wioRhBnTB%2Fuploads%2FwcrstCx2qA9TzKSHpENP%2Funknown.png?alt=media&#x26;token=dfdb0eb0-1e2f-4c42-8f99-6134aa8fdedc" alt=""><figcaption></figcaption></figure>
