> For the complete documentation index, see [llms.txt](https://help.novatalks.com.ua/ua/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.novatalks.com.ua/ua/get-started/novatalks-sdk/interface-configuring-and-displaying-conversations.md).

# Інтерфейс: налаштування та відображення розмов

### 1. Інтерфейс при першому зверненні <a href="#interface-on-first" id="interface-on-first"></a>

* Якщо клієнт ще не спілкувався з чат-ботом:

  * Відображається **порожня розмова** (картинка та текст підказки змінюються при потребі).
  * Для початку діалогу необхідно натиснути **"Розпочати розмову"**.
  * Після цього запускається логіка чат-боту.

  <figure><img src="/files/nVwiqpSuPtwWDiEYJFio" alt="" width="179"><figcaption></figcaption></figure>

### 2. Інтерфейс при повторному зверненні <a href="#interface-on-second" id="interface-on-second"></a>

* Якщо попередній діалог **закритий**:

  * Для початку нового діалогу необхідно натиснути **"Розпочати розмову"**.
  * Далі запускається логіка чат-боту.

  <figure><img src="/files/esV31cxWuugGOzFf0Idj" alt="" width="179"><figcaption></figcaption></figure>

### 3. Відображення розмови <a href="#conversation-display" id="conversation-display"></a>

* Розмова відображається **суцільною стрічкою повідомлень** (як у месенджерах).
* Клієнт потрапляє безпосередньо в розмову після натискання на іконку чату — **не потрібно обирати діалог** або натискати "Новий діалог".

{% hint style="info" %}

### Доступні налаштування інтерфейсу

* **Колірна схема:**
  * Primary color
  * Messages blocks color (без зміни кольору тексту)
* **Тексти та графіка:**
  * Текст кнопок
  * Лого та назва організації
  * Анонімізація відправки повідомлень від агента (замість агента — організація)
  * Тексти та картинка екрану чату при першому зверненні клієнта
* **Теми:** чорна / біла
* **Локалізація**
  {% endhint %}