Kuinka lisätä Asyntai AI Chatbot Weebly-sivustolle

Vaiheittainen opas Weebly-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

Weebly-sivustolle voi lisätä chat-widgetin useilla tavoilla. Valitse sinulle parhaiten sopiva menetelmä:

Menetelmä 1: Koko sivuston alatunnisteen koodi (suositeltu)

Tämä menetelmä lisää chatbotin automaattisesti jokaiselle Weebly-sivustosi sivulle.

  1. Kirjaudu Weebly-tilillesi ja avaa sivuston muokkain
  2. Napsauta Asetukset ylävalikossa
  3. Valitse SEO vasemmasta sivupalkista
  4. Vieritä alas löytääksesi Footer Code -osion
  5. Liitä Asyntai-upotuskoodisi Footer Code -kenttään
  6. Napsauta Save
  7. Napsauta Publish ottaaksesi muutokset käyttöön

Miksi alatunnisteen koodi? Skriptin lisääminen alatunnisteeseen varmistaa, että se latautuu sivun sisällön jälkeen, mikä on optimaalista suorituskyvylle eikä hidasta sivustoasi.

Menetelmä 2: Yksittäisen sivun asennus

Jos haluat chatbotin vain tietyille sivuille, käytä tätä menetelmää kullekin sivulle:

  1. Napsauta Weebly-muokkaimessa Sivut ylävalikossa
  2. Valitse sivu, jolle haluat lisätä chatbotin
  3. Napsauta kyseisen sivun SEO-asetuksia (tai Lisäasetuksia)
  4. Etsi Footer Code -osio
  5. Liitä Asyntai-upotuskoodisi
  6. Napsauta Save
  7. Toista kaikille muille sivuille, joille haluat chatbotin
  8. Napsauta Publish ottaaksesi muutokset käyttöön

Huomautus: Sivutason koodi vaikuttaa vain kyseiseen sivuun. Jos haluat chatbotin useille sivuille, koko sivuston menetelmä on tehokkaampi.

Menetelmä 3: Upotuskoodi-elementin käyttö

Voit myös käyttää Weeblyn Upotuskoodi-elementtiä, vaikka alatunnistemenetelmä on suositeltavampi chat-widgeteille:

  1. Siirry Weebly-muokkaimessa Rakenna-välilehteen
  2. Etsi Embed Code -elementti Perus-osiosta
  3. Vedä Embed Code -elementti sivullesi (mieluiten lähelle alareunaa)
  4. Napsauta elementtiä ja valitse Muokkaa mukautettua HTML:ää
  5. Liitä Asyntai-upotuskoodisi
  6. Napsauta elementin ulkopuolelle tallentaaksesi
  7. Napsauta Publish ottaaksesi muutokset käyttöön

Tärkeää: Embed Code -elementti ei näytä esikatselua muokkaimessa. Sinun täytyy julkaista sivustosi nähdäksesi chatbotin toiminnassa.

Vaihe 3: Vahvista asennus

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

Etkö näe widgetiä? Weebly ei näytä esikatselua header/footer-osioihin lisätylle koodille. Varmista, että olet napsauttanut "Publish" ottaaksesi muutokset käyttöön. Kokeile tyhjentää selaimen välimuisti tai avata sivu incognito-ikkunassa.

Weebly Square Online -huomautus

Jos käytät Square Onlinea (Weeblyn verkkokauppa-alusta), vaiheet ovat samankaltaiset:

  1. Siirry Square Online -hallintapaneeliin
  2. Siirry kohtaan Website > Site Settings
  3. Etsi Lisäasetukset tai Mukautettu koodi
  4. Lisää Asyntai-upotuskoodisi alatunnisteosioon
  5. Tallenna ja julkaise muutoksesi