Livechat w sklepie Shoplo.com
 

Jak zainstalować livechat w Shoplo.com?


Na początku, na dysku naszego komputera tworzymy (np. z pomocą notatnika) plik o nazwie livechat z rozszerzeniem .js, czyli livechat.js. W pliku tym wklejamy nasz skrypt czatu pobrany z czatera.

window.$czater || (function (d, s) { var z = $czater = function (c) { z._.push(c) }, $ = z.s = d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) { z.set. _.push(o) }; z._ = []; z.set._ = []; $.async = !0; $.setAttribute('charset', 'utf-8'); $.src = 'https://app.live-chat.pl/assets/modules/chat/js/chat.js'; z.t = +new Date; z.tok = "ID_Twojego_Czatu"; z.domain="https://app.live-chat.pl/"; $.type = 'text/javascript'; e.parentNode.insertBefore($, e) })(document, 'script');

Następnie, po zalogowaniu do panelu administracyjnego naszego sklepu Shoplo, przechodzimy do edycji kodu używanego szablonu. Klikamy na wygląd sklepu i z prawej strony obok aktualnego szablonu trzy kropki, które rozwijają menu. Przechodzimy do edytora HTML. Tutaj, w sekcji Pliki javascript klikamy na Dodaj plik i wgrywamy uprzednio przygotowany plik livechat.js.

livechat w Shoplo.com

Klikamy na Zapisz zmiany.

kod livechatu w Shoplo

Następnie w sekcji Szablon główny wybieramy plik z kodem źródłowym, czyli base.tpl.
Teraz w sekcji body tuż przed jej zakończeniem czyli tagiem /body> odnajdujemy linijki kodu odwołujące się do innych plików Javascript np.
{"plugins.js"|asset_url:script_tag}
{"bootstrap.js"|asset_url:script_tag}
{"main.js"|asset_url:script_tag}
{"cart.js"|asset_url:script_tag}
{"shoploAJAX.js"|asset_url:script_tag}

Pod nimi wklejamy nową linijkę odwołującą się do pliku z czatem:
{"livechat.js"|asset_url:script_tag}

fragment kodu livechat w Shoplo

Klikamy na Zapisz zmiany. Od tej pory czat będzie widoczny w sklepie.


Twoja opinia:

Podpis:

Adres email:
(nie będzie opublikowany)

Twoja ocena:

Twój komentarz zostanie dodany po zakceptowaniu przez moderacje.