> ## Documentation Index
> Fetch the complete documentation index at: https://pomoc.wenetasystent.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Asystent wygląda źle lub źle się otwiera na stronie

> Co zrobić, gdy okno czatu Asystenta jest przycięte, zmniejszone lub zdeformowane na Twojej stronie, mimo że widget technicznie działa.

## Widget działa, ale wygląda źle?

Jeśli okno czatu Asystenta otwiera się w nietypowym rozmiarze — jest **przycięte**, **zmniejszone** albo pojawia się w nim dużo pustego, białego miejsca — to najczęściej **nie jest błąd Asystenta**. Widget jest aktywny i normalnie prowadzi rozmowy; problem jest wyłącznie wizualny i w praktyce zawsze pochodzi z reguły stylu (CSS) na Twojej stronie, która celuje we **wszystkie** ramki (`iframe`) na stronie — w tym w tę, w której osadzony jest nasz widget.

To zjawisko bywa trudne do zdiagnozowania samodzielnie, bo widget technicznie **działa i jest widoczny** — problem widać tylko "na oko", na żywej stronie.

<Note>
  To wyłącznie problem wizualny. Rozmowy, leady i dane klientów nie są w żaden sposób zagrożone — asystent w tle działa normalnie.
</Note>

## Sprawdź, czy to Twój przypadek

Najczęstsze objawy tego problemu:

* Okno czatu jest **przycięte** — widoczny jest tylko górny fragment, a reszta panelu to biały pas. Sugerowane pytania (startery) mogą w ogóle nie być widoczne, mimo że to od nich zaczyna się większość rozmów.
* Okno czatu wyświetla się **w zmniejszonej skali** (np. widget wygląda jakby był pomniejszony do 80% swojego normalnego rozmiaru) wewnątrz większej, w większości pustej ramki.

**Prosty test, który możesz zrobić sam (albo zlecić osobie zajmującej się Twoją stroną):** sprawdź w edytorze motywu / niestandardowym CSS swojej strony, czy istnieje reguła stylu, która celuje we **wszystkie** elementy `iframe` na stronie — na przykład:

```css theme={null}
iframe { height: 280px !important; }
```

albo

```css theme={null}
iframe { transform: scale(0.8); }
```

Takie reguły najczęściej pochodzą z motywu strony, kreatora stron (page builder) lub globalnego arkusza stylów i **nie zostały napisane z myślą o Asystencie** — po prostu trafiają w każdą ramkę na stronie, w tym w naszą. Jeśli nie czujesz się na siłach szukać tego samodzielnie, poproś swojego web developera / dział IT o sprawdzenie, czy w kodzie strony (motyw, "custom CSS", "additional CSS") jest reguła zaczynająca się od `iframe { ... }`.

## Jak to naprawić

Naprawa dotyczy **kodu CSS na Twojej stronie** — po naszej stronie nie ma nic do zmiany, a widget nie wymaga ponownej instalacji.

Rozwiązanie to **zawężenie** reguły motywu tak, żeby nie obejmowała ramki naszego widgetu — np. ograniczenie jej do konkretnego kontenera/klasy zamiast wszystkich `iframe`, albo dodanie wykluczenia dla widgetu Asystenta. Przykładowo (dokładna składnia zależy od Twojego motywu/CMS — to tylko ilustracja zasady):

```css theme={null}
/* zamiast reguły globalnej: */
iframe { height: 280px !important; }

/* zawężona reguła, która nie dotyka widgetu Asystenta: */
.moj-kontener-z-galeria iframe { height: 280px !important; }
```

Nasz widget jest osadzany na stronie w elemencie `iframe` — poproś swojego web developera, żeby wykluczył go z globalnej reguły motywu (albo dodał regułę o wyższym priorytecie tylko dla widgetu). Każdy motyw i kreator stron robi to inaczej, więc dokładny selektor będzie się różnić.

<Tip>
  Jeśli Twoja strona korzysta z gotowego motywu lub kreatora stron, sprawdź też jego panel ustawień — część motywów ma osobną opcję stylowania osadzonych elementów (embed / iframe), którą można po prostu wyłączyć bez pisania CSS.
</Tip>

***

## Baner cookies zasłania pole wpisywania i przycisk czatu

Inny częsty objaw: okno czatu otwiera się i wygląda dobrze, **sugerowane pytania (startery) klikają się normalnie**, ale **pola „Napisz wiadomość" i przycisku wysyłania nie da się kliknąć** — a czasem nie reaguje też sam bąbelek otwierający czat. Wszystko wraca do normy **dopiero po zaakceptowaniu lub zamknięciu banera cookies** na stronie.

To również **nie jest awaria asystenta**. Baner zgody na cookies (np. Cookie Notice, Complianz, CookieYes, Cookiebot) przyklejony do **dołu** strony i wyświetlany „na wierzchu" wszystkich elementów **przykrywa dolny róg strony**, w którym osadzony jest widget. Startery są wyżej w oknie czatu, więc pozostają klikalne — pole i przycisk na dole są zasłonięte przez baner.

<Note>
  To problem wizualny po stronie strony, nie asystenta. Rozmowy, leady i dane klientów są bezpieczne, a widget nie wymaga ponownej instalacji.
</Note>

**Prosty test:** otwórz czat na żywej stronie (nie w podglądzie w panelu) i spróbuj kliknąć w dolne pole na wpisywanie wiadomości. Jeśli zaczyna reagować dopiero po zamknięciu banera cookies — to ten konflikt.

## Jak to naprawić (baner cookies)

Naprawa dotyczy **ustawień banera cookies na Twojej stronie** — po naszej stronie nie ma nic do zmiany. Najprościej:

<Steps>
  <Step title="Zmień pozycję banera na górę strony">
    W ustawieniach wtyczki cookies zmień położenie banera z „dół" na **„góra"** — wtedy nie nachodzi na widget w dolnym rogu. Większość wtyczek (Cookie Notice, Complianz, CookieYes, Cookiebot) ma taką opcję.
  </Step>

  <Step title="Albo ukryj baner po przewinięciu / akceptacji">
    Jeśli wolisz zostawić baner na dole, włącz opcję „ukryj po przewinięciu" lub upewnij się, że po akceptacji znika całkowicie (a nie zostaje jako pasek).
  </Step>

  <Step title="Ewentualnie obniż priorytet nakładania banera (dla web developera)">
    Jako alternatywa: obniż `z-index` banera cookies tak, aby był **poniżej** widgetu. Dokładny selektor zależy od wtyczki — dla przykładu Cookie Notice:

    ```css theme={null}
    #cookie-notice { z-index: 9998 !important; }
    ```
  </Step>
</Steps>

<Warning>
  **Nie wyłączaj banera cookies**, żeby „odsłonić" widget — zgoda na cookies to wymóg prawny. Wystarczy zmienić jego pozycję lub priorytet nakładania.
</Warning>

***

## Nadal nie wiesz, gdzie szukać tej reguły?

Napisz do nas — nasz zespół pomoże zlokalizować regułę CSS odpowiedzialną za konflikt:

* **Email**: [kontakt@wenet.pl](mailto:kontakt@wenet.pl)
* **Czat na stronie**: [wenetasystent.ai](https://wenetasystent.ai)

Przygotuj:

* Adres strony, na której widget wygląda nieprawidłowo
* Zrzut ekranu widgetu w tym stanie
* Informacje o platformie / motywie strony (WordPress, Wix, WebWave, własny CMS itp.)

Odpowiadamy w ciągu 24 godzin w dni robocze.