# Chat

W Responso masz możliwość utworzenia chatu i osadzenia go na stronie swojego sklepu internetowego. Wiadomości z chatu będą trafiały do inboxu Responso, gdzie możesz nimi wygodnie zarządzać.

## Tworzenie chatu

1. Po zalogowaniu do Responso, kliknij przycisk ***Dodaj kanał*** w prawym górnym rogu.
2. Wybierz ***Chat*****.**
3. *Kliknij przycisk **Utwórz***.
4. Zobaczysz okno konfiguracji czatu wraz z podglądem. Dzięki temu przed wprowadzeniem zmian możesz zobaczyć, jak będą one wyglądać. Zmiany wprowadzane w sekcjach po lewej stronie będą od razu pojawiały się w podglądzie czatu widocznym po prawej.<br>

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

### Podstawowe ustawienia

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

**Nazwa** – to będzie nazwa twojego chatu wyświetlana na liście utworzonych chatów w Responso.&#x20;

**Adres URL do Twojego sklepu** – tutaj wklej adres stron y, na której chcesz osadzić czat.

### Wygląd

W tej sekcji możesz określić kolory i umiejscowienie okna czatu.

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

**Kolor podstawowy** – to kolor elementów takich jak zaznaczenie wiadomości klienta, przycisk wysyłki czy nagłówek okna czatu w widoku formularza. Możesz wybrać dowolny kolor używając suwaka, próbnika (aby pobrać kolor z dowolnego miejsca na ekranie) lub wpisać kod RGB.

**Kolor wtórny –** to kolor innych elementów, takich jak tekst wiadomości klienta, wiadomości powitalnej. Możesz wybrać dowolny kolor używając suwaka, próbnika (aby pobrać kolor z dowolnego miejsca na ekranie) lub wpisać kod RGB.

**Wyrównanie** – możesz zdecydować, czy okno czatu ma się wyświetlać po lewej czy po prawej na Twojej stronie.

**Odstęp pionowy** – to odstęp ikony i okna czatu od dolnej krawędzi strony.

<figure><img src="/files/1EOlofj98wDMYP3KRUBt" alt=""><figcaption></figcaption></figure>

Aby podgląd był możliwie jak najbardziej zbliżony do wyglądu Twojej strony, na której osadzisz czat, możesz również zmienić kolor tła podglądu.

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

### **Formularz przed czatem**

W tej sekcji możesz zdecydować, czy konwersacja na czacie ma się rozpoczynać wypełnieniem krótkiego formularza. Formularz zawiera pola: Imię i nazwisko, e-mail, temat wiadomości i treść wiadomości. Modyfikacja pól formularza nie jest możliwa. Wszystkie pola są wymagane do rozpoczęcia czatu.

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

**Widoczność formularza** – przesuń suwak, aby dodać do czatu formularz. Pojawi się on w podglądzie.

**Wiadomość powitalna** – to wiadomość, która będzie widoczna w nagłówku chatu, zarówno w widoku formularza jak i wiadomości po godzinach pracy.

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

### Lista dostępu do ścieżek

W tej sekcji możesz zdecydować, na których podstronach Twojego sklepu ma być wyświetlany czat.

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

**Typ listy** – wybierz, czy lista ścieżek, które podasz, ma być czarną listą czy białą listą. Wybierz ten typ listy, który łatwiej Ci będzie stworzyć – jeśli chcesz wyświetlać czat tylko na kilku podstronach, wybierz białą listę. Jeśli chcesz go wyświetlać prawie wszędzie i wykluczeń jest niewiele, wybierz czarną listę. Jeśli chcesz wyświetlać czat wszędzie, pozostaw typ czarna lista i nie dodawaj żadnych ścieżek.

**Czarna lista** oznacza, że czat będzie wyświetlany **wszędzie poza wskazanymi podstronami**.

**Biała lista** oznacza, że czat będzie wyświetlany **tylko na wskazanych podstronach**.

**Lista ścieżek** – kliknij *Dodaj* i w polu, które się pojawi, wklej ścieżkę (adres podstrony), na na których czat ma być wyświetlany (w przypadku typu: biała lista) lub na których ma być niewidoczny (w przypadku typu: czarna lista).

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

### Godziny pracy

W tej sekcji możesz określić, w jakich godzinach czat ma być dostępny.

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

Dni i godziny dostępności czatu możesz ustawić dowolnie. W każdej chwili możesz je zmienić. Upewnij się tylko, że w godzinach dostępności czatu pracują agenci z dostępem do niego, aby wiadomości pisane przez klientów na czacie nie pozostały bez odpowiedzi.

**Strefa czasowa** – pamiętaj, że wpisane powyżej godziny będą godzinami dla wybranej strefy czasowej.

### Po godzinach pracy

Tutaj możesz zdecydować, co ma się dziać z oknem czatu po godzinach wskazanych w poprzedniej sekcji.

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

**Zachowanie po godzinach pracy**

* **Wyświetl komunikat** – jeśli zdecydujesz się na tę opcję, po godzinach pracy czat będzie widoczny, ale nie będzie można wysłać wiadomości. Widoczny będzie komunikat, który możesz wpisać poniżej.
* **Ukryj widżet czatu** – wybór tej opcji sprawi, że po godzinach pracy czatu ani ikona, ani okno czatu nie będą widoczne dla klientów. Wiadomość po godzinach pracy zniknęła także z podglądu.

**Wiadomość wyświetlana na czacie po godzinach pracy** – komunikat wpisany w tym polu jest od razu widoczny na podglądzie.

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

### **Dodatkowe ustawienia**

W tej sekcji możesz wskazać agentów, którzy będą mieć dostęp do czatu.

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

**Lista agentów z dostępem do czatu** – po kliknięciu w to pole zobaczysz listę agentów do wyboru. Możesz wybrać dowolną liczbę pracowników. **Jeśli nie wskażesz nikogo, nikt nie będzie mógł odpisywać na wiadomości z chatu**.&#x20;

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

5. Po ustawieniu wszystkich parametrów kliknij ***Utwórz***, aby zapisać czat.

## Osadzenie czatu na stronie

1. Twój nowoutworzony czat pojawił się na liście w zakładce Chat. Aby osadzić go na stronie sklepu, kliknij ***Wyświetl kod***.

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

2. Kliknij ***Kopiuj***.<br>

<figure><img src="/files/dXL3d0h7NdhdvJ4qAynZ" alt="" width="371"><figcaption></figcaption></figure>

3. Wklej skopiowany kod do kodu swojej strony internetowej tam, gdzie dodajesz inne skrypty JavaScript (z reguły znajdują się one pod koniec sekcji body).

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxBd7AiJvoHKedJlJN54%2Fuploads%2FMlWDgl35tITMA9s22p3N%2Fchat-shopify.mp4?alt=media&token=5792f420-83d3-421d-b666-2666003b835e>" %}
Osadzenie czatu w kodzie na przykładzie Shopify
{% endembed %}

4. Na stronie Twojego e-sklepu pojawi się ikonka chatu.

<figure><img src="/files/47qMuh7032HWqY0vjAkg" alt="" width="563"><figcaption><p>Przykładowa strona sklepu z zaimplementowanym chatem. Ikonka chatu widoczna w prawym dolnym rogu.</p></figcaption></figure>

## Język chatu

Treści edytowalne i wiadomości wymieniane na chacie mogą być w dowolnym języku. Treści domyślne (pomocnicze; np. *Wpisz wiadomość*, *Agent dołączył do czatu*) będą wyświetlane w zależności od ustawień lokalizacji przeglądarki w jednym z dostępnych języków:

* en\_US - angielski
* pl\_PL - polski
* pt\_BR - brazylijski
* ro\_RO - rumuński
* de\_DE - niemiecki
* it\_IT - włoski
* cs\_CZ - czeski

Jeśli ustawienia lokalizacji przeglądarki są inne niż wymienione powyżej, domyślne wiadomości czatu będą w języku angielskim.

## Konwersacja z kupującym na chacie

1. Aby zainicjować czat, klient musi kliknąć ikonę czatu. Wtedy, w zależności od ustawień, zobaczy od razu okno konwersacji lub widok formularza. Kupujący powinien wpisać imię i nazwisko, adres e-mail (posłuży do powiązania ticketu z zamówieniami z BaseLinkera), temat, którego dotyczy wiadomość i treść wiadomości. Aby wysłać wiadomość, należy kliknąć *Rozpocznij czat*.<br>

   <figure><img src="/files/c4nK61IyQKYRDKMgFSzs" alt="" width="317"><figcaption></figcaption></figure>
2. Po rozpoczęciu chatu klient otrzymuje informację, że oczekuje na agenta.<br>

   <figure><img src="/files/0FYcWybMD92fung6pDUy" alt="" width="363"><figcaption></figcaption></figure>
3. Gdy pracownik otworzy ticket wiadomości z chatu, kupujący otrzyma informację, że konkretny agent dołączył do czatu. Otworzenie ticketu przez agenta powoduje automatyczne przypisanie danego ticketu do tego agenta.<br>

   <figure><img src="/files/V8m5KKsA6nRc8vPcmzWg" alt="" width="345"><figcaption></figcaption></figure>

## Tickety chatu – co możesz z nimi zrobić?

Tickety czatu wyglądają identycznie jak inne, standardowe tickety w Responso. Po prawej stronie w widoku ticketu możesz zobaczyć informacje o tickecie: jego ID, datę utworzenia, datę i nadawcę ostatniej wiadomości w tickecie, status, priorytet, login sprzedawcy (to nazwa chatu, jaka została mu nadana podczas jego tworzenia) oraz inbox, do którego jest przypisany. Możesz z tego miejsca zobaczyć lub dodać tagi, przypisanego agenta, zespół, obserwujących czy powiązane z ticketem zadania.&#x20;

Nad ticketem, pod przyciskiem z wielokropkiem, znajdziesz możliwości modułu zadań: możesz utworzyć task powiązany z ticketem lub wyświetlić projekty.

Podobnie jak w przypadku innych ticketów, dla ticketu chatu dostępne są informacje o zamówieniach z BaseLinkera, jeśli udało się na podstawie podanego przez kupującego adresu e-mail odnaleźć i powiązać jakiekolwiek zamówienia.

Dla ticketu chatu dostępne są także szybkie akcje: nowy ticket (jeśli chcesz w tym momencie szybko utworzyć nowy ticket w ramach integracji IMAP / przekierowania e-mail), zamknięcie ticketu, dodanie nadawcy do listy kontaktów czy wyłączenie następnego autorespondera.

### Automatyczne akcje dla ticketów chatu

Autorespondery, podobnie jak inne automatyczne akcje, mogą być tworzone także dla ticketów chatu.

Aby utworzyć automatyczną akcję dla ticketów chatu, w warunkach wybierz Integracje – jest – \[nazwa chatu]. Dodając kolejne warunki możesz szczegółowo określić, których ticketów z czatu ma dotyczyć dany workflow – np. wybierając konkretny sentyment czy kontekst. W ramach akcji masz dostępne wszystkie możliwości – możesz m.in. wysłać autoresponder, automatycznie zmienić status w BaseLinkerze (jeśli będą dostępne zamówienia do powiązania) czy ustawić priorytet.<br>

<figure><img src="/files/VT55ZgeqJKxVBYXyieKK" alt="" width="563"><figcaption></figcaption></figure>


---

# 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.responso.com/responso-doc/funkcje/chat.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.