# AI Chat Widget

### <mark style="color:green;">Chat Widget Megjelenés Testreszabása</mark>

Ez a beállítás lehetővé teszi a beágyazható chat widget teljes testreszabását, beleértve a megjelenést, színeket és stílust.

A chat widget megjelenésének testreszabásához válassz ki egy AI ügynököt, majd navigálj a **Megjelenés** fülre. Itt számos opció áll rendelkezésre, amelyek segítségével szinte minden aspektusát személyre szabhatod.

A jobb oldalon egy élő előnézet is látható, amely megmutatja, hogyan fognak kinézni a módosítások valós időben.

<figure><img src="/files/JXdg21e3ygMHSIxMPamy" alt=""><figcaption><p>Appereance</p></figcaption></figure>

### <mark style="color:green;">Betűméret</mark>

A csevegőszöveg betűmérete pixelben.

### <mark style="color:green;">Betűtípus</mark>

A csevegőszöveg betűtípusa.

### <mark style="color:green;">Alcím</mark>

A csevegőmodul alcíme, például "Online", "Elérhető" stb.

### <mark style="color:green;">Chatbot Ikon</mark>

A chatbot képe, amely a chat widget fejlécében jelenik meg.

* Támogatott fájlformátumok: **PNG, JPG, JPEG**
* **Ideális méret:** 32x32 pixel

### <mark style="color:green;">Üzenetmező Helyőrző Szöveg</mark>

Adj meg egy szöveget, amely tippként megjelenik a csevegőmezőben.

### <mark style="color:green;">Üzenetküldő Gomb</mark>

Egyedi üzenetküldő gomb feltöltése. Ha nem adsz meg saját gombot, az alapértelmezett gomb jelenik meg.

* **Támogatott fájlformátumok:** PNG, JPG, JPEG
* **Ideális méret:** 32x32 pixel

### <mark style="color:green;">Színek Testreszabása</mark>

Ebben a szekcióban az egész platform különböző színeit testreszabhatod.

### <mark style="color:green;">Widget Kerete</mark>

A widget keretének lekerekítési sugara pixelben.

### <mark style="color:green;">Widget Háttér</mark>

A widget háttérszínének beállítása.

### <mark style="color:green;">Válasz Gépelési Sebessége</mark>

A bot által szimulált gépelési sebesség.

### <mark style="color:green;">AI Ügynök Állapotüzenetek</mark>

Engedélyezd ezt a funkciót, ha azt szeretnéd, hogy a chat widgetben az AI ügynök állapotüzenetei is megjelenjenek a felhasználó számára, miközben a válaszokat feldolgozza.

<figure><img src="/files/Nuuu8SECyUtZNVmDLHom" alt=""><figcaption><p>AI Agent Status</p></figcaption></figure>

### <mark style="color:green;">Chat Widget Felugró Ablak</mark>

A chat widget ablak automatikusan teljesen megnyílik egy meghatározott másodperc után. Ez egy nagyobb felület, amely segít felkelteni a felhasználók figyelmét és ösztönzi őket a chatbot használatára.

<figure><img src="/files/d0na46KwmAR4vcQrK9Yd" alt=""><figcaption></figcaption></figure>

#### Hogyan Engedélyezd

Az AI ügynök **Frissítés** szekciójában nyisd meg a legördülő menüt a **„Felugró ablak típusának kiválasztása”** opció alatt, majd válaszd ki az engedélyezni kívánt beállítást.

#### **Alternatív Opció - Kezdő Üzenetek Felugró Ablak**

A kezdő üzenetek úgy jelennek meg a felhasználóknak, mintha az AI ügynöktől érkeztek volna a chat widget felületén. Ez hatékony módszer lehet a felhasználók figyelmének felkeltésére és a chatbot interakcióra ösztönzésére.

### <mark style="color:green;">**Kezdő Üzenetek Felugró Ablak**</mark>

Ha engedélyezve van, egy kis felugró üzenet jelenik meg azoknak a felhasználóknak, akik egy olyan weboldalra érkeznek, ahol a chat widget telepítve van. Az üzenet egy meghatározott másodperc után automatikusan megjelenik.

<figure><img src="/files/8uhwzAE5j5sIxyMkCtIK" alt=""><figcaption><p>Chat Widget Pop-up</p></figcaption></figure>

### <mark style="color:green;">Chat Widget Hangfunkció</mark>

**Információ arról, hogyan engedélyezhető a hangalapú be- és kimenet a weboldali chat widgetben.**

#### **Mi az a Chat Widget Hangfunkció?**

A weboldali chat widget mostantól támogatja a hangalapú funkciókat.

Ha engedélyezve van, a felhasználók a következő lehetőségekkel rendelkeznek:

* **Hang Be (Voice In) = Hangból Szöveg** – A felhasználók a hangikonra kattintva beszélhetnek a chatbothoz.
* **Hang Ki (Voice Out) = Szövegből Hang** – A chatbot verbálisan is vissza tudja adni a válaszokat.

#### **Mennyibe kerül?**

Ez a hangfunkció a chat widgetben **teljesen ingyenesen használható** mind ügynökségek, mind al-fiókok számára.

#### **Hogyan Engedélyezd a Hangfunkciót?**

1. Nyisd meg az **AI ügynök „Frissítés”** lapját.
2. Kattints a **„Fejlett Beállítások”** menüre.
3. Engedélyezd vagy tiltsd le ezt a funkciót attól függően, hogy mit szeretnél elérhetővé tenni a felhasználók számára.

<figure><img src="/files/l5YxYeE48KQYP7E4LlcB" alt=""><figcaption><p>Future of Voice</p></figcaption></figure>

#### A Hangfunkció Jövője

Hamarosan további natív integrációkat vezetünk be, amelyek lehetővé teszik az OpenAI Whisper és ElevenLabs rendszerekkel való kapcsolódást.

Ezáltal egyedi hangok és több száz kiváló minőségű lehetőség válik elérhetővé.

&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.gpt4business.ai/hu/getting-started/ai-chat-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.