# Create a dynamic banner

## **Steps to manage**&#x20;

&#x20;1\. Open the app > click **Banners** >  click the **Create banner** button&#x20;

&#x20; 2\. Click the **Settings** icon on the left > in the **Elements** sections, click on **Group 1** of the banner > click **Add content** > Select one of the content types: **Line break, Message, Button, Image > Countdown.** For example, click Countdown to create Countdown for the banner

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FsOo6AOwZRCvjEVX3gezs%2Fimage.png?alt=media&#x26;token=fdeaa5f2-c151-4f8a-ad13-ab6884027768" alt=""><figcaption></figcaption></figure>

&#x20;3\. For each content type, you can adjust time to start and end, the text or color

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2Fpju4Eo8VXTJhUpermnlh%2Fimage.png?alt=media&#x26;token=d2a59cf6-e932-42ec-9b29-e54c69ea1025" alt=""><figcaption></figcaption></figure>

&#x20;

&#x20;

4\. After configuring **Group 1**, click **Add group** to add the next step of the banner

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F3UNIqLyolH7hXEU74pcC%2Fimage.png?alt=media&#x26;token=2b89338c-7bd0-49d4-8f1f-52bf38b0c790" alt=""><figcaption></figcaption></figure>

&#x20;5\. Click **Add content** to add content to Group 2 and configure it as you do for Group 1&#x20;

&#x20;6\. Scroll to **Time** part > set **Time Per Group**. For example: *The Time Per Group is 5* *seconds*, which means that each group will show up in 5 seconds on the banner

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FNafIsL819lZFwJuqsSwU%2Fimage.png?alt=media&#x26;token=60c227ef-eda6-4451-aa8c-f67df6448580" alt=""><figcaption></figcaption></figure>

7\. Click **Save**&#x20;

## **Tutorial video**

{% embed url="<https://www.youtube.com/watch?v=BqWVMzGvEsk>" %}
