Jak přidat Asyntai AI chatbota do Squarespace

Průvodce krok za krokem pro weby Squarespace

Platforma:

Krok 1: Získejte svůj vkládací kód

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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 výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Přidání kódu pomocí Code Injection (plány Business a Commerce)

Pokud máte plán Squarespace Business nebo Commerce, můžete přidat chatbota na všechny stránky najednou pomocí Code Injection:

Přihlaste se ke svému účtu Squarespace a otevřete svůj web
Klikněte na Nastavení v levém postranním panelu
Klikněte na Pokročilé
Klikněte na Code Injection
Posuňte se dolů k sekci Zápatí
Vložte svůj kód Asyntai do textového pole Zápatí
Klikněte na "Uložit" vlevo nahoře

Tip: Přidání kódu do sekce Zápatí jej umístí těsně před uzavírací tag </body>, což je doporučené umístění pro chatovací widgety a nezpomalí načítání stránky.

Alternativa: Použití bloků kódu (všechny plány)

Pokud máte plán Personal nebo chcete chatbota přidat pouze na konkrétní stránky, můžete použít bloky kódu:

Otevřete svůj web v editoru Squarespace
Přejděte na stránku, kam chcete chatbota přidat
Klikněte na stránce na "Upravit"
Najeďte na sekci a klikněte na "+ Přidat blok"
Posuňte se dolů a vyberte "Kód"
Klikněte na ikonu tužky pro úpravu bloku kódu
Vložte svůj vkládací kód Asyntai
Klikněte mimo blok pro zavření editoru
Klikněte na "Uložit" v levém horním rohu

Důležité: Při použití bloků kódu budete muset kód přidat na každou stránku, kde chcete chatbota zobrazit. Pro instalaci na celém webu použijte výše uvedenou metodu Code Injection (vyžaduje plán Business nebo Commerce).

Krok 3: Ověřte instalaci

Po uložení změn otevřete svůj web v nové kartě prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatového widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.

Nevidíte widget? Ujistěte se, že jste uložili a publikovali své změny. Zkuste vymazat mezipaměť prohlížeče nebo web zobrazit v anonymním okně. Squarespace může potřebovat několik minut na aplikování změn kódu.

Přidání AI vyhledávacího pole

AI vyhledávací pole je samostatný widget s vlastním kódem. Přidejte ho vedle chatu, nebo samostatně. Vyžaduje tarif Standard nebo vyšší: v nižším se pole zobrazí, ale nevrátí výsledky.

Přidejte ke skriptu atribut data-replace a pole nahradí to, které už vaše šablona má. Přidejte ho v Settings, Code Injection, Footer, na stejné místo jako kód chatu. Squarespace nabízí Code Injection jen v tarifu Business nebo Commerce, takže ho k instalaci potřebujete.

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