Kako dodati Asyntai AI chatbot na Webflow

Vodič korak po korak za Webflow web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte kod putem postavki web mjesta (sve stranice)

Za dodavanje chatbota na sve stranice vašeg Webflow web mjesta odjednom:

Log in to your Webflow account and select your project
Kliknite na ikonu zupčanika (Postavke web mjesta) u lijevoj bočnoj traci
Kliknite na "Custom Code" u izborniku postavki
Pomaknite se prema dolje do odjeljka "Footer Code" (prije </body> oznake)
Zalijepite svoj Asyntai kod za ugradnju
Kliknite "Save Changes"
Objavite svoju stranicu kako bi promjene postale aktivne

Savjet: Dodavanje koda u odjeljak Footer postavlja ga neposredno prije završne </body> oznake, što je preporučeno za chat widgete jer neće usporiti učitavanje vaše stranice.

Alternativa: Prilagođeni kod za određenu stranicu

Ako zelite chatbot samo na odredenim stranicama:

Otvorite svoj projekt u Webflow Designeru
Kliknite na panel Stranice (ikona mape) u lijevoj bočnoj traci
Zadržite pokazivač miša iznad stranice koju želite urediti i kliknite na ikonu zupčanika
Pomaknite se prema dolje do "Custom Code"
Zalijepite svoj Asyntai ugradbeni kod u odjeljak "Before </body> tag"
Kliknite "Spremi"
Objavite svoju stranicu

Alternativa: Korištenje elementa za ugradnju

Također možete dodati chatbot koristeći element za ugradnju bilo gdje na svojoj stranici:

Otvorite svoj projekt u Webflow Designeru
Kliknite gumb "+" za otvaranje panela za dodavanje
Potražite "Embed" ili ga pronađite pod Komponente
Povucite element za ugradnju na svoju stranicu
Zalijepite svoj Asyntai ugradni kod u uredivac koda
Kliknite "Save & Close"
Objavite svoju stranicu

Važno: Kada koristite element za ugradnju, morat ćete ga dodati na svaku stranicu gdje želite chatbot. Za instalaciju na cijelom web mjestu koristite gornju metodu putem postavki web mjesta.

Korak 3: Provjerite instalaciju

Nakon objavljivanja stranice, otvorite je u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu. Kliknite na njega kako biste provjerili otvara li se i radi li ispravno.