Natrag na nadzornu ploču

Dokumentacija

Naučite kako koristiti Asyntai

Kako dodati Asyntai AI chatbot na Framer

Vodič korak po korak za Framer web stranice

Nabavite kod za ugradnju

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: Korištenje prilagođenog koda (Preporučeno)

Framer ima ugradenu znacajku prilagodenog koda koja olaksava dodavanje skripti:

  1. Otvorite svoj Framer projekt
  2. Kliknite na ikonu zupčanika (Postavke web mjesta) u lijevoj bočnoj traci
  3. Idite na odjeljak "Custom Code"
  4. Kliknite gumb "Add Script"
  5. Zalijepite svoj Asyntai ugradni kod u polje za skriptu
  6. Postavite smjestaj na "End of <body> tag"
  7. Spremite i objavite svoju stranicu

Savjet: Postavljanje skripte na "End of <body> tag" osigurava ucitavanje nakon sadrzaja stranice, sto je preporuceno za widgete za razgovor i nece usporiti ucitavanje stranice. Framer takoder nudi opcije "Start of <head>" i "End of <head>", ali kraj tijela je preferirani odabir.

Alternativa: Korištenje komponente koda

Ako preferirate dodavanje chatbota koristeći komponentu koda:

  1. U Framer uredniku otvorite stranicu na kojoj želite chatbot
  2. Dodajte komponentu koda na svoje platno
  3. Zalijepite Asyntai ugradni kod u komponentu
  4. Postavite je u svoj raspored prema potrebi

Napomena: Metoda prilagodenog koda je preferirana jer primjenjuje chatbot na cijelom webu na svim stranicama. Metoda komponente koda moze dodati chatbot samo na odredenu stranicu na koju postavite komponentu.

Korak 3: Provjerite instalaciju

Nakon objavljivanja promjena, posjetite svoju Framer stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite jeste li spremili i objavili stranicu nakon dodavanja koda. Pokusajte ocistiti predmemoriju preglednika ili pregledavati u anonimnom prozoru. Ako koristite prilagodenu domenu, promjene mogu potrajati nekoliko minuta za propagaciju.