Ako pridať Asyntai AI Chatbot do Squarespace

Podrobný návod pre webové stránky Squarespace

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite do svojho panela Asyntai a posuňte sa nadol do sekcie "Vkladací kód". Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

<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>

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Pridajte kód pomocou Code Injection

Ak má váš web plán Squarespace Core, Plus alebo Advanced (alebo starší plán Business či Commerce), môžete pridať chatbota na všetky stránky naraz pomocou Code Injection:

Prihláste sa do svojho účtu Squarespace a otvorte svoj web
Kliknite na Pages v ľavom paneli
Kliknite na Custom Code v dolnej časti panela
Kliknite na Code Injection
Prejdite nadol do sekcie Footer
Vložte svoj vkladací kód Asyntai do textového poľa Footer
Kliknite na "Uložiť"

Poznámka: V Squarespace 7.0 nájdete Code Injection v Pages → Website Tools.

Tip: Pridanie kódu do sekcie Footer ho umiestni tesne pred uzatváraciu značku </body>, čo je odporúčané umiestnenie pre chatové widgety a nespomalí načítanie vašej stránky.

Alternatíva: Použitie blokov kódu

Ak chcete pridať chatbota iba na konkrétne stránky, môžete použiť bloky kódu. Blok kódu spúšťa JavaScript iba s plánom Core, Plus alebo Advanced (alebo so starším plánom Business či Commerce).

Otvorte svoj web v editore Squarespace
Prejdite na stránku, kde chcete pridat chatbota
Kliknite na "Edit" na stránke
Prejdite myšou nad sekciu a kliknite na "+ Add Block"
Prejdite nadol a vyberte "Code"
Kliknite na ikonu ceruzky pre úpravu bloku kódu
Vložte svoj vkladací kód Asyntai
Uistite sa, že ponuka Mode bloku je nastavená na HTML
Kliknite mimo bloku pre zatvorenie editora
Kliknite na "Uložiť"

Dôležité: Pri použití blokov kódu budete musieť pridať kód na každú stránku, kde sa má chatbot zobraziť. Na inštaláciu na celý web použite metódu Code Injection uvedenú vyššie.

Krok 3: Overenie inštalácie

Po uložení zmien otvorte svoj web v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu by ste mali vidieť tlačidlo chatového widgetu. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne.

Nevidíte widget? Uistite sa, že ste uložili a publikovali svoje zmeny. Skúste vymazať vyrovnávaciu pamäť prehliadača alebo zobraziť svoj web v okne inkognito. Squarespace môže trvať niekoľko minút, kým sa aplikujú zmeny kódu. Kód sa niekedy nespustí, keď ste prihlásení do Squarespace, preto skontrolujte web v súkromnom okne.

Pridanie AI vyhľadávacieho poľa

AI vyhľadávacie pole je samostatný widget s vlastným kódom. Pridajte ho popri chate, alebo samostatne. Vyžaduje tarif Standard alebo vyšší: v nižšom sa pole zobrazí, ale nevráti výsledky.

Pridajte k značke script atribút data-replace a lišta nahradí tú, ktorú už má vaša šablóna. Pridajte ho v Pages, Custom Code, Code Injection, Footer, na rovnakom mieste ako kód chatu. Squarespace ponúka Code Injection iba s plánom Core, Plus alebo Advanced (alebo so starším plánom Business či Commerce), takže na inštaláciu ho potrebujete.

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