Nazaj na nadzorno ploščo

Dokumentacija

Naučite se uporabljati Asyntai

Kako dodati klepetalnik Asyntai AI v Squarespace

Vodič po korakih za spletna mesta Squarespace

Pridobite kodo za vgradnjo

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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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: Dodajte kodo s Code Injection

Če ima vaše spletno mesto paket Squarespace Core, Plus ali Advanced (ali starejši paket Business ali Commerce), lahko klepetalnik dodate na vse strani hkrati s Code Injection:

  1. Prijavite se v svoj račun Squarespace in odprite svoje spletno mesto
  2. Kliknite Pages na levi plošči
  3. Kliknite Custom Code na dnu plošče
  4. Kliknite Vstavljanje kode
  5. Pomaknite se navzdol do razdelka Noga
  6. Prilepite svojo vdelano kodo Asyntai v besedilno polje Noga
  7. Kliknite "Shrani"

Opomba: V Squarespace 7.0 je Code Injection pod Pages → Website Tools.

Nasvet: Dodajanje kode v razdelek Noga jo umesti tik pred zaključno oznako </body>, kar je priporočena umestitev za pripomocke za klepet in ne bo upočasnilo nalaganja vaše strani.

Alternativa: Uporaba blokov kode

Če želite klepetalnik dodati samo na določene strani, lahko uporabite bloke kode. Blok kode izvaja JavaScript samo s paketom Core, Plus ali Advanced (ali s starejšim paketom Business ali Commerce).

  1. Odprite svoje spletno mesto v urejevalniku Squarespace
  2. Pojdite na stran, kamor želite dodati klepetalnik
  3. Kliknite "Uredi" na strani
  4. Pomaknite se nad razdelek in kliknite "+ Dodaj blok"
  5. Pomaknite se navzdol in izberite "Koda"
  6. Kliknite ikono svinčnika za urejanje bloka kode
  7. Prilepite svojo vdelovalno kodo Asyntai
  8. Prepričajte se, da je meni Mode bloka nastavljen na HTML
  9. Kliknite zunaj bloka za zaprtje urejevalnika
  10. Kliknite "Shrani"

Pomembno: Pri uporabi blokov kode morate kodo dodati na vsako stran, kjer želite, da se prikaže klepetalnik. Za namestitev na celotno spletno mesto uporabite zgornjo metodo Code Injection.

Korak 3: Preverite namestitev

Po shranjevanju sprememb odprite svoje spletno mesto v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb pripomocka za klepet. Kliknite nanj, da se prepričajte, da se odpre in pravilno deluje.

Ne vidite klepetalnika? Prepričajte se, da ste shranili in objavili svoje spremembe. Poskusite pocistiti predpomnilnik brskalnika ali si spletno mesto ogledati v oknu brez beleženja. Squarespace lahko za uveljavitev sprememb kode potrebuje nekaj minut. Koda se včasih ne izvaja, ko ste prijavljeni v Squarespace, zato spletno mesto preverite v zasebnem oknu.

Dodajanje iskalne vrstice z UI

Iskalna vrstica z UI je ločen pripomoček z lastno kodo. Dodajte jo poleg klepeta ali samostojno. Zahteva paket Standard ali višji: pri nižjem se vrstica prikaže, a ne vrne rezultatov.

Oznaki script dodajte atribut data-replace in vrstica bo prevzela mesto tiste, ki jo tema že ima. Dodajte ga v Pages, Custom Code, Code Injection, Footer, na isto mesto kot kodo klepeta. Squarespace ponuja Code Injection samo s paketom Core, Plus ali Advanced (ali s starejšim paketom Business ali Commerce), zato ga za namestitev potrebujete.

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

Preberite celoten vodnik za iskalno vrstico z UI