Kuinka lisätä Asyntai AI Chatbot Weebly-sivustolle
Vaiheittainen opas Weebly-sivustoille
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.
- Kirjaudu Weebly-tilillesi ja avaa sivuston muokkain
- Napsauta Asetukset ylävalikossa
- Valitse SEO vasemmasta sivupalkista
- Vieritä alas löytääksesi Footer Code -osion
- Liitä Asyntai-upotuskoodisi Footer Code -kenttään
- Napsauta Save
- 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:
- Napsauta Weebly-muokkaimessa Sivut ylävalikossa
- Valitse sivu, jolle haluat lisätä chatbotin
- Napsauta kyseisen sivun SEO-asetuksia (tai Lisäasetuksia)
- Etsi Footer Code -osio
- Liitä Asyntai-upotuskoodisi
- Napsauta Save
- Toista kaikille muille sivuille, joille haluat chatbotin
- 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:
- Siirry Weebly-muokkaimessa Rakenna-välilehteen
- Etsi Embed Code -elementti Perus-osiosta
- Vedä Embed Code -elementti sivullesi (mieluiten lähelle alareunaa)
- Napsauta elementtiä ja valitse Muokkaa mukautettua HTML:ää
- Liitä Asyntai-upotuskoodisi
- Napsauta elementin ulkopuolelle tallentaaksesi
- 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:
- Siirry Square Online -hallintapaneeliin
- Siirry kohtaan Website > Site Settings
- Etsi Lisäasetukset tai Mukautettu koodi
- Lisää Asyntai-upotuskoodisi alatunnisteosioon
- Tallenna ja julkaise muutoksesi
Weebly