Skip to main content

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.
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.

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:
albo
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):
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ć.
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.

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.
To problem wizualny po stronie strony, nie asystenta. Rozmowy, leady i dane klientów są bezpieczne, a widget nie wymaga ponownej instalacji.
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:
1

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ę.
2

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).
3

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:
Nie wyłączaj banera cookies, żeby „odsłonić” widget — zgoda na cookies to wymóg prawny. Wystarczy zmienić jego pozycję lub priorytet nakładania.

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

Napisz do nas — nasz zespół pomoże zlokalizować regułę CSS odpowiedzialną za konflikt: 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.