Abikeskus
Chatboti lisamine veebilehele

Kuidas lisada oma vestlusrobot Webflow' veebisaidile

Viimati uuendatud:

ChatLab chatbot'i lisamine oma Webflow veebisaidile võimaldab külastajatel suhelda teie tehisintellekti assistendiga otse teie saidil. See juhend selgitab samme, kuidas kopeerida põimimiskood ChatLabist ja kleepida see Webflow'sse.

Enne alustamist

Enne alustamist looge oma chatbot ning kontrollige, et teie Webflow sait või tööala sisaldab kohandatud koodi lisamise tuge. Vaadake Webflow kohandatud koodi nõudeid. Lisaks vajate õigusi veebisaidi muutmiseks ja avaldamiseks.

Samm 1 - Kopeerige põimimiskood ChatLabist

  1. Logige sisse teenusesse ChatLab ja valige chatbot, mida soovite põimida
  2. Klõpsake vahekaardil Deploy (Avalda), seejärel valige parempoolsest platvormide paneelist Webflow

Deploy vahekaart valitud Webflow'ga

  1. Valige päisesse paigaldamise jaoks Widget (Vidin). Alati nähtava vestluse jaoks valige Iframe ja järgige allpool toodud iframe'i juhiseid. Võrdluse leiate artiklist Mis vahe on vidinal ja Iframe'il?
  2. Klõpsake nupul Copy to clipboard (Kopeeri lõikelauale)

Nupp Copy to clipboard esile tõstetud|width=60

Samm 2 - Lisage kood Webflow'sse

Koodi lisamine jaotises Site Settings (Saidi seaded) kuvab chatbot'i teie Webflow saidi igal lehel.

  1. Avage oma projekt Webflow töölaual (Webflow Dashboard)
  2. Avage Site settings > Custom code
  3. Kleepige kopeeritud kood jaotisse Head Code
  4. Klõpsake Save Changes (Salvesta muudatused)
  5. Valige Publish (Avalda), et muudatused jõustuksid

Lisamine ainult ühele konkreetsele lehele

Kui soovite chatbot'i kuvada ainult kindlal lehel, mitte kogu saidil:

  1. Avage leht Webflow Designeris
  2. Klõpsake hammasrattaikoonil, et avada Page Settings (Lehe seaded)
  3. Kerige allapoole jaotiseni Custom Code (Kohandatud kood)
  4. Kleepige kood väljale Head Code
  5. Salvestage ja avaldage oma sait

Alati nähtava iframe'i lisamine

Lisage Webflow Designeris element Code Embed (Koodi põimimine) kohta, kuhu soovite chatbot'i paigutada, kleepige ChatLabist saadud Iframe koodilõik ning määrake selle laius ja kõrgus vastavalt oma paigutusele. Salvestage ja avaldage sait. Iframe kuulub lehe sisu hulka, mitte jaotisse Head Code.

Paigalduse kontrollimine

Pärast avaldamist avage oma Webflow sait brauseris. Peaksite nägema vestluse ikooni lehe nurgas (vidina režiimis) või otse lehele põimitud vestlusakent (iframe'i režiimis). Klõpsake ikoonil vestluse avamiseks ja saatke testsõnum, et veenduda kõige toimimises.

Seotud artiklid