Kuinka lisätä Asyntai AI Chatbot WordPress-sivustolle

Vaiheittainen opas WordPress-sivustoille

Hae upotuskoodi

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Valitse asennustapa

Chat-widgetin voi lisätä WordPressiin useilla tavoilla. Valitse sinulle parhaiten sopiva menetelmä:

Menetelmä 1: Lisäosan käyttö (suositeltu)

Helpoin tapa lisätä chat-widget on käyttää lisäosaa, kuten "Insert Headers and Footers" tai "WPCode".

WPCoden käyttö (ilmainen)

  1. Siirry WordPress-hallinnassa kohtaan Lisäosat → Lisää uusi
  2. Hae "WPCode" ja asenna se
  3. Aktivoi lisäosa
  4. Siirry kohtaan Code Snippets → Header & Footer
  5. Liitä Asyntai-upotuskoodisi "Footer" -osioon
  6. Napsauta "Save Changes"

Insert Headers and Footers -lisäosan käyttö

  1. Siirry WordPress-hallinnassa kohtaan Lisäosat → Lisää uusi
  2. Hae "Insert Headers and Footers" WPBeginneriltä
  3. Asenna ja aktivoi lisäosa
  4. Siirry kohtaan Asetukset → Insert Headers and Footers
  5. Liitä Asyntai-upotuskoodisi "Scripts in Footer" -kenttään
  6. Napsauta "Save"

Miksi käyttää lisäosaa? Lisäosan käyttö varmistaa, että koodisi pysyy paikallaan, vaikka päivittäisit tai vaihtaisit WordPress-teemasi.

Menetelmä 2: Teematiedostojen muokkaus

Voit lisätä koodin suoraan teematiedostoihisi. Teematiedostojen muokkaimen sijainti riippuu WordPress-versiostasi ja teematyypistä.

Klassisille teemoille

  1. Siirry WordPress-hallinnassa kohtaan Ulkoasu → Teematiedostojen muokkain
  2. Valitse aktiivinen teemasi pudotusvalikosta (jos ei ole jo valittuna)
  3. Etsi ja napsauta footer.php oikean puolen tiedostoluettelosta
  4. Vieritä alas ja etsi sulkeva </body>-tagi
  5. Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
  6. Napsauta "Update File"

Lohkoteemoille (FSE-teemat)

Jos käytät lohkopohjaista teemaa (kuten Twenty Twenty-Four tai muita Full Site Editing -teemoja), Teematiedostojen muokkain on siirtynyt:

  1. Siirry WordPress-hallinnassa kohtaan Työkalut → Teematiedostojen muokkain
  2. Valitse aktiivinen teemasi pudotusvalikosta
  3. Etsi footer.php tai footer.html tiedostoluettelosta
  4. Lisää Asyntai-upotuskoodisi ennen sulkevaa </body>-tagia
  5. Napsauta "Update File"

Huomautus: Joissain lohkoteemoissa ei ole footer.php-tiedostoa. Käytä siinä tapauksessa lisäosamenetelmää (WPCode), joka toimii kaikkien teematyyppien kanssa.

Tärkeää: Teemapäivitykset ylikirjoittavat muutoksesi. Pysyvää ratkaisua varten käytä lapsiteemaa tai lisäosamenetelmää.

Menetelmä 3: Elementorin käyttö

Jos käytät Elementoria, voit lisätä koodin Elementorin mukautetun koodin ominaisuuden kautta.

Elementor Pro

  1. Siirry kohtaan Elementor → Custom Code
  2. Napsauta "Add New"
  3. Anna sille nimi, kuten "Asyntai Chatbot
  4. Aseta sijainti kohtaan "Before </body> End"
  5. Liitä Asyntai-upotuskoodisi
  6. Aseta näyttöehdoksi "Entire Site"
  7. Napsauta "Publish"

Elementor Free

Jos käytät Elementorin ilmaisversiota, käytä yllä kuvattua lisäosamenetelmää, sillä mukautetun koodin lisääminen vaatii Elementor Pron.

Vaihe 3: Vahvista asennus

Koodin lisäämisen jälkeen vieraile verkkosivustollasi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widgetin painikkeen pitäisi näkyä sivustosi oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Tyhjennä selaimen välimuisti ja WordPress-välimuistilisäosat. Jos käytät välimuistilisäosaa, kuten WP Rocket tai W3 Total Cache, tyhjennä välimuisti koodin lisäämisen jälkeen.