Instrukcja włączenia Livechat’u Firmao

Jak włączyć Livechat zintegrowany z Firmao CRM

Przedstawiamy instrukcję włączenia usługi Livechat’u zintegrowanego ze systemem Firmao o którym wspominaliśmy w jednym z naszych poprzednich wpisów. Oczywiście w razie jakichkolwiek pytań związanych z włączeniem Livechat’u nasz dział wsparcia służy pomocą.

Celem dodania do swojej strony WWW Livechatu Firmao należy do kodu HTML tworzącego stronę główną (najczęściej index.html lub index.php) dodać następujące linie kodu w sekcji <body>:









<div id="chatContentHolder" style="position: fixed;right: 10px;bottom: 0px;width: 320px;" >

<div id="chatContent" style="position:absolute; left: 10px; bottom: -5px; height: 37px; background-color: #0061cd; color: #d1ddff; border-radius: 5px; padding: 6px 30px 6px 8px; width: 300px; font-family: arial; line-height: 20px; font-size: 14px;">

<div id="toolbar" class="header">
   Porozmawiaj z nami
   







<div style="font-size: 11px; float: right;">Czat z <a style="color: #d1ddff;" href="https://firmao.pl?ref2=chat2" onclick="return doNotAllowPropagation(event);" target="_blank"">Firmao.pl</a> CRM</div>








  </div>








 </div>








 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fsystem.firmao.pl%3A8443%2Fjs%2FchatPlugin%2FChatPlugin.js%22%20id%3D%22firmao_chat%22%20data-org-identifier%3D%22ID_FIRMY%22%20chat-minimized-size%3D%22big%22%20chat-consultant-image%3D%22https%3A%2F%2Ffirmao.pl%2Fimages%2Fconsultant_new.png%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="Kod livechat" title="Kod livechat" />
</div>








Livechat będzie wówczas rozwinięty w momencie wejścia na naszą stronę:

Livechat

Lub









<div id="chatContentHolder" style="position: fixed;right: 10px;bottom: 0px;width: 320px;" >

<div id="chatContent" style="position:absolute; left: 10px; bottom: -5px; height: 37px; background-color: #0061cd; color: #d1ddff; border-radius: 5px; padding: 6px 30px 6px 8px; width: 300px; font-family: arial; line-height: 20px; font-size: 14px;">

<div id="toolbar" class="header">
   Porozmawiaj z nami
   







<div style="font-size: 11px; float: right;">Czat z <a style="color: #d1ddff;" href="https://firmao.pl?ref2=chat2" onclick="return doNotAllowPropagation(event);" target="_blank"">Firmao.pl</a> CRM</div>








  </div>








 </div>








<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fsystem.firmao.pl%3A8443%2Fjs%2FchatPlugin%2FChatPlugin.js%22%20id%3D%22firmao_chat%22%20data-org-identifier%3D%22ID_FIRMY%22%20chat-consultant-image%3D%22https%3A%2F%2Ffirmao.pl%2Fimages%2Fconsultant_new.png%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="Livechat kod" title="Livechat kod" />
</div>








Aby czat był zwinięty w momencie wejścia na naszą stronę:

Livechat CRM
Zamiast ID_FIRMY należy wpisać identyfikator Państwa firmy widoczny w pasku adresowym przeglądarki (na czerwono poniżej)
Firmao CRM id firmy

Następnym krokiem jest aktywowanie z poziomu szczegółów wybranego użytkownika checkboxu “Konsultant Livechat” oraz „Konsultant CallBack” jeśli chcą Państwo otrzymywać wiadomości z funkcjonalności CallBack jak poniżej:

Szczegóły użytkownika

Ostatnim krokiem jest wybór statusu z poziomu prawego panelu bezpośrednio z konta danego użytkownika jak na poniższym zrzucie ekranu:
CRM livechat

Lista statusów:

Dostępny – powoduje, że użytkownik będzie widoczny na czacie przez innych użytkowników jako dostępny, a wiadomości z Livechat czy też CallBack nie będą dla niego widoczne.
Konsultant Livechat – powoduje, że użytkownik będzie widoczny na czacie przez innych użytkowników jako dostępny oraz na Livechat, przez co wiadomości z Livechat również będą do niego przychodzić
Konsultant CallBack – powoduje, że użytkownik będzie widoczny na czacie przez innych użytkowników jako dostępny oraz będzie dla tego użytkownika widoczna grupa „CallBack” na której pojawiają się wszystkie numery z Panelu CallBack na własnej stronie.
Konsultant Livechat i CallBack – powoduje, że użytkownik będzie widoczny na czacie przez innych użytkowników jako dostępny oraz będzie konsultantem Livechat oraz CallBack.
Niewidoczny – powoduje, że użytkownik będzie widoczny na czacie jako niedostępny przez innych użytkownik, ale będzie mógł korzystać z czatu.
Niedostępny – powoduje, że użytkownik nie będzie mógł korzystać z funkcji czatu oraz Livechat.

Dodatkowe atrybuty które umożliwiają personalizacje Livechat:

chat-toolbar-color = (kolor paska) format koloru dla html
chat-toolbar-text-color = (kolor tekstu paska) format koloru dla html
chat-consultant-image = (zmiana zdjęcia konsultant) link do obrazka
chat-company-image = (zmiana loga firmy) link do obrazka
chat-background-color = (zmiana koloru tła) format koloru dla html
chat-text-color = (zmiana koloru tekstu ) format koloru dla html
chat-not-active-consultant-text = (zmiana tekstu pracujemy… jak nie ma aktywnego konsultanta) zwykły tekst
chat-not-active-consultant-message-placeholder-text = (zmiana tekstu w polu wiadomości jak nie ma aktywnego konsultanta) zwykły tekst
chat-active-consultant-text = (zmiana tekstu Dzień dobry.. jak jest aktywny konsultant) zwykły tekst
chat-start-maximized = (czat wyświetla się w pozycji zmaksymalizowanej) wartość logiczna domyślnie false, żeby aktywować true
chat-alignment = (krawędź przy której znajduje się czat) right/left domyślnie left
chat-offset = (przesunięcie od bocznej krawędzi strony w pixelach) liczba, domyślnie 10

 

Przykład:

 









<div id="chatContentHolder" style="position: fixed;right: 10px;bottom: 0px;width: 320px;" >

<div id="chatContent" style="position:absolute; left: 10px; bottom: -5px; height: 37px; background-color: #0061cd; color: #d1ddff; border-radius: 5px; padding: 6px 30px 6px 8px; width: 300px; font-family: arial; line-height: 20px; font-size: 14px;">

<div id="toolbar" class="header">
   Porozmawiaj z nami
   







<div style="font-size: 11px; float: right;">Czat z <a style="color: #d1ddff;" href="https://firmao.pl?ref2=chat2" onclick="return doNotAllowPropagation(event);" target="_blank"">Firmao.pl</a> CRM</div>








  </div>








 </div>








 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fsystem.firmao.pl%3A8443%2Fjs%2FchatPlugin%2FChatPlugin.js%22%20id%3D%22firmao_chat%22%20data-org-identifier%3D%22ID_FIRMY%22%20chat-minimized-size%3D%22big%22%20chat-consultant-image%3D%22https%3A%2F%2Ffirmao.pl%2Fimages%2Fconsultant_new.png%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="Kod do livechat" title="Kod do livechat" />
</div>








Livechat okienkoOkienko livechat

Skontaktuj się z nami pod numerem +48 22 300 1111 aby aktywować Livechat oraz uzyskać pomoc w instalacji.

Lista artykułów