Kuidas lisada Asyntai tehisintellekti vestlusrobot HubSpotile

Samm-sammult juhend HubSpot CMS-i veebisaitide jaoks

Hangi manestuskood

1. samm: Hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni "Manuskood". Kopeerige oma unikaalne manuskood, mis näeb välja selline:

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

Märkus: Ülalolev kood on vaid näide. Peate kopeerima oma unikaalse manuskoodi oma juhtpaneelilt, kuna see sisaldab teie isiklikku vidina ID-d.

2. samm: Saidi seadete kasutamine (soovitatav)

Lihtsaim viis vestlusroboti lisamiseks kõikidele oma HubSpoti veebisaidi lehtedele:

  1. Logige sisse oma HubSpoti kontole
  2. Klõpsake põhinavigatsiooniribal seadete ikooni (hammasratas)
  3. Navigeerige vasakpoolsel külgribal Veebisait > Lehed
  4. Kerige alla jaotiseni "Saidi jaluse HTML"
  5. Kleepige oma Asyntai manuskood teksti piirkonda
  6. Klõpsake lehe allosas "Salvesta"

Vihje: Skripti lisamine saidi jaluse HTML-i tagab, et see laadib kõikidel lehtedel pärast põhisisu, mis on vestlusvidinate jaoks soovitatav paigutus.

Alternatiiv: lehepõhine paigaldamine

Kui soovite vestlusrobotit ainult konkreetsetele lehtedele:

  1. Minge Turundus > Veebisait > Veebisaidi lehed (või Maandumislehed)
  2. Klõpsake lehel, mida soovite muuta
  3. Leheredaktoris klõpsake ülaosas Seaded
  4. Kerige alla jaotiseni "Täpsemad valikud"
  5. Leidke jaotis "Jaluse HTML"
  6. Kleepige oma Asyntai manuskood
  7. Klõpsake "Rakenda muudatused" ja avaldage oma leht

Märkus: Lehepõhine kood laadib ainult sellel konkreetsel lehel. Kasutage seda meetodit, kui soovite vestlusrobotit valitud lehtedele, mitte kogu saidile.

Alternatiiv: disainihalduri kasutamine

Suurema kontrolli saamiseks saate JavaScripti faili lisada disainihalduri kaudu:

  1. Minge Turundus > Failid ja mallid > Disainitööriistad
  2. Klõpsake vasakpoolsel külgribal Fail > Uus fail
  3. Valige rippmenüüst "JavaScript"
  4. Andke oma failile nimi (nt asyntai-chatbot.js)
  5. Lisage järgmine kood:
    (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);
    })();
  6. Asendage YOUR_WIDGET_ID oma tegeliku vidina ID-ga
  7. Klõpsake "Avalda muudatused"
  8. Lisage see fail oma mallile kasutades require_js või linkige see oma saidi seadetes

Alternatiiv: kohandatud moodulite kasutamine

Looge vestlusroboti jaoks korduvkasutatav moodul:

  1. Minge Turundus > Failid ja mallid > Disainitööriistad
  2. Klõpsake Fail > Uus fail > Moodul
  3. Andke sellele nimeks "Asyntai Chatbot"
  4. Kleepige oma manuskood faili module.html
  5. Avaldage moodul
  6. Lisage moodul oma malli jaluse jaotisesse või lohistage see üksikutele lehtedele

Vihje: Kohandatud mooduli kasutamine võimaldab vestlusrobotit lihtsalt lisada või eemaldada konkreetsetelt mallidelt või lehtedelt lohistamisredaktori kaudu.

3. samm: Kontrollige paigaldust

Pärast muudatuste salvestamist külastage oma HubSpoti veebisaiti uues brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu alumises paremas nurgas. Klõpsake sellel, et veenduda, et see avaneb ja töötab korrektselt.

Ei näe vidinat? Veenduge, et klõpsasite pärast koodi lisamist "Salvesta" või "Avalda". HubSpot vahemälustab lehti, nii et proovige vaadata oma saiti inkognito aknas või tühjendage brauseri vahemälu. Kui lisasite koodi konkreetsele lehele, veenduge, et see leht on avaldatud.

HubSpot CMS Hub nõutav: Kohandatud JavaScripti lisamine nõuab HubSpot CMS Hubi (Starter, Professional või Enterprise). Kui kasutate tasuta HubSpot CMS-i tööriistu, võivad teil olla kohandatud skriptide lisamise võimalused piiratud.