Ohjekeskus
Chatbotin lisääminen verkkosivustolle

Miten lisäät chatbotin WordPress-sivustollesi

Viimeksi päivitetty:

ChatLab-chatbotin lisääminen WordPress-sivustollesi antaa vierailijoille mahdollisuuden keskustella tekoälyavustajasi kanssa suoraan sivustollasi. Asennustapoja on kaksi: WordPress-lisäosa (suositeltu) tai koodin manuaalinen upotus.

Vaihe 1 - Avaa ChatLabin Deploy-välilehti

  1. Kirjaudu sisään osoitteessa ChatLab ja valitse chatbot, jonka haluat upottaa
  2. Napsauta Deploy-välilehteä (Julkaise) ja valitse sitten oikeanpuoleisesta alustapaneelista WordPress

Deploy-välilehti WordPress valittuna

WordPress-paneelissa näkyy kaksi välilehteä: Plugin Installation (Lisäosan asennus) ja Manual Installation (Manuaalinen asennus).

Tapa 1: WordPress-lisäosa (suositeltu)

Lisäosamenetelmä on helpoin tapa lisätä ChatLab WordPressiin - koodin muokkaamista ei tarvita.

  1. Napsauta Get WordPress Plugin (Hanki WordPress-lisäosa) avataksesi lisäosasivun wordpress.org-sivustolla

Get WordPress Plugin -painike korostettuna

  1. Asenna ja ota käyttöön "ChatLab - AI Chatbot" -lisäosa WordPressin lisäosahakemistosta
  2. Siirry WordPressin ylläpidossa lisäosan asetussivulle
  3. Palaa ChatLabiin ja kopioi Bot ID leikepöydälle napsauttamalla sen vieressä olevaa Copy-painiketta (Kopioi)

Bot ID ja Copy-painike korostettuna

  1. Liitä Bot ID lisäosan asetuksiin WordPressissä ja tallenna
  2. Avaa sivustosi selaimessa varmistaaksesi, että chatbot-kuvake tulee näkyviin

Tapa 2: Manuaalinen asennus

Jos haluat mieluummin upottaa koodin manuaalisesti, napsauta Manual Installation -välilehteä.

Manual Installation -välilehti korostettuna

  1. Asenna ja ota käyttöön "Insert Headers and Footers" -lisäosa WordPressissä (tai mikä tahansa lisäosa, jolla voi lisätä koodia <head>-osioon)
  2. Siirry WordPressin ylläpidossa kohtaan Settings > Insert Headers and Footers
  3. Valitse ChatLabissa vaihtoehdoista Widget (chat-ponnahdusikkuna, joka avautuu chat-kuvakkeesta) tai Iframe (sivulle upotettu, aina näkyvissä oleva chat). Katso vertailu artikkelista Mitä eroa on widgetillä ja Iframella?
  4. Kopioi koodi napsauttamalla Copy to clipboard (Kopioi leikepöydälle)

Copy to clipboard -painike korostettuna

  1. Liitä koodi WordPressin Header section -osioon ja tallenna
  2. Päivitä verkkosivustosi varmistaaksesi, että chatbot tulee näkyviin

Asennuksen tarkistaminen

Kun olet suorittanut jommankumman tavan, avaa WordPress-sivustosi selaimessa. Sivun kulmassa pitäisi näkyä chat-kuvake (widget-tila) tai sivulle upotettu chat-ikkuna (iframe-tila). Napsauta kuvaketta avataksesi chatin ja lähetä testiviesti varmistaaksesi, että kaikki toimii.