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

Nejprve přejděte na svůj Asyntai Dashboard a sjeďte dolů do sekce „Embed Code“. Zkopírujte svůj jedinečný vkládací kód, který bude vypadat 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 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řidejte kód pomocí Code Injection

Pokud je váš web na tarifu Squarespace Core, Plus nebo Advanced (nebo na starším tarifu Business či Commerce), můžete chatbota přidat 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 Pages v levém panelu
Klikněte na Custom Code v dolní části panelu
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 "Save"

Poznámka: Ve Squarespace 7.0 najdete Code Injection v Pages → Website Tools.

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

Chcete-li chatbota přidat jen na konkrétní stránky, můžete použít bloky kódu (Code Blocks). Blok kódu spouští JavaScript jen na tarifu Core, Plus nebo Advanced (nebo na starším tarifu Business či Commerce).

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
Ujistěte se, že nabídka Mode bloku je nastavena na HTML
Klikněte mimo blok pro zavření editoru
Klikněte na "Save"

Důležité: Při použití bloků kódu musíte kód přidat na každou stránku, kde se má chatbot zobrazit. Pro instalaci na celý web použijte výše uvedenou metodu Code Injection.

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. Kód se někdy nespustí, když jste přihlášeni do Squarespace, proto web zkontrolujte v anonymním okně.

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 značce script atribut data-replace a lišta nahradí tu, kterou už vaše šablona má. Přidejte ho v Pages, Custom Code, Code Injection, Zápatí, na stejném místě jako kód chatu. Squarespace nabízí Code Injection jen na tarifu Core, Plus nebo Advanced (nebo na starším tarifu Business či Commerce), takže jeden z nich 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>