Kako dodati klepetalnik Asyntai z UI v HubSpot

Vodič po korakih za spletne strani HubSpot CMS

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Uporaba nastavitev strani (priporočeno)

Najlažji način za dodajanje klepetalnika na vse strani vaše spletne strani HubSpot:

Prijavite se v svoj račun HubSpot
Kliknite ikono nastavitev (zobnik) v glavni navigacijski vrstici
V levi stranski vrstici pojdite na Spletna stran > Strani
Pomaknite se navzdol do razdelka "HTML noge strani"
Prilepite svojo vdelovalno kodo Asyntai v besedilno polje
Kliknite "Shrani" na dnu strani

Nasvet: Dodajanje skripta v HTML noge strani zagotavlja nalaganje na vseh straneh po glavni vsebini, kar je priporočena umestitev za klepetalnik.

Alternativa: Namestitev za določeno stran

Če želite klepetalnik le na določenih straneh:

Pojdite na Trženje > Spletna stran > Spletne strani (ali Pristajalne strani)
Kliknite na stran, ki jo želite urediti
V urejevalniku strani kliknite Nastavitve na vrhu
Pomaknite se navzdol do "Napredne možnosti"
Poiščite razdelek "HTML noge"
Prilepite svojo vdelovalno kodo Asyntai
Kliknite "Uporabi spremembe" in objavite svojo stran

Opomba: Koda za določeno stran se bo naložila le na tisti strani. Uporabite ta način, če želite klepetalnik na izbranih straneh namesto na celotnem mestu.

Alternativa: Uporaba upravljalnika oblikovanja

Za več nadzora lahko dodate datoteko JavaScript prek upravljalnika oblikovanja:

Go to Marketing > Files and Templates > Design Tools
V levi stranski vrstici kliknite Datoteka > Nova datoteka
Izberite "JavaScript" iz spustnega menija
Poimenujte svojo datoteko (npr. asyntai-chatbot.js)
Dodajte naslednjo kodo:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Replace YOUR_WIDGET_ID with your actual widget ID
Kliknite "Objavi spremembe"
Vključite to datoteko v svojo predlogo z uporabo require_js ali jo povežite v nastavitvah strani

Alternativa: Uporaba modulov po meri

Ustvarite modul za večkratno uporabo za klepetalnik:

Go to Marketing > Files and Templates > Design Tools
Kliknite Datoteka > Nova datoteka > Modul
Poimenujte ga "Klepetalnik Asyntai"
V datoteko module.html prilepite svojo vdelovalno kodo
Objavite modul
Dodajte modul v razdelek noge svoje predloge ali ga povlecite na posamezne strani

Nasvet: Uporaba modula po meri omogoča enostavno dodajanje ali odstranjevanje klepetalnika iz določenih predlog ali strani prek urejevalnika za vlečenje in spuščanje.

Korak 3: Preverite namestitev

Po shranjevanju sprememb obiščite svojo spletno stran HubSpot v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.

Ne vidite klepetalnika? Prepričajte se, da ste po dodajanju kode kliknili "Shrani" ali "Objavi". HubSpot predpomni strani, zato poskusite si ogledati svojo stran v oknu brez beleženja ali počistite predpomnilnik brskalnika. Če ste kodo dodali na določeno stran, se prepričajte, da je ta stran objavljena.

Zahtevana je HubSpot CMS Hub: Dodajanje JavaScripta po meri zahteva HubSpot CMS Hub (Starter, Professional ali Enterprise). Če uporabljate brezplačna orodja HubSpot CMS, imate morda omejene možnosti za dodajanje skriptov po meri.