Takaisin hallintapaneeliin

Dokumentaatio

Opi käyttämään Asyntai

Alkuun pääseminen
Asennus Tietopankki Testaa tekoälyäsi Hallinnoi verkkosivustoja
Mukauttaminen
Widgetin värit Tekoälyavustajan nimi Aloitusviesti Widgetin sijainti Automaattinen käynnistys Tervetulokupla Lukematon-merkki Ohjetila Kysy kysymyksiä Käytä emojeja Kerää sähköpostiosoitteita Kerää puhelinnumeroita Älykäs liidien keräys Lokalisointi Piilota brändäys Tietosuojalinkki Mukautettu ilmoitus Keskustelutallenteen lataus Uusi keskustelu Keskusteluhistoria Tunnuslause ja tilapiste Puheesta tekstiksi Chat-kuvake Yrityksen logo Merkkirajoitus Lämpötila
Tekoälyohjeiden vinkit Vertaa paketteja
Ominaisuudet
Verkkosivuston indeksointi Tietopuutteet Tuotekortit Dynaamiset tuotekortit Dynamic Images Käyttäjäkonteksti Reaaliaikainen seuranta Ihmisen haltuunotto Eskalointi Tekoälyilmoitukset Päiväraportti Reaaliaikainen datasyöte Reaaliaikainen datasyöte Max Tiimin jäsenet Single Sign-On Lisää kuvia Kuvantunnistus Käännöswidget Lokalisointi Liidit Älykäs liidien keräys Tukipyynnöt Varaukset Upotukset Sulje pois sivuja Estetyt IP-osoitteet Älykkäämpi malli Ota ajattelu käyttöön Vastausehdotukset Jatkosanomat Puheesta tekstiksi Keskustelutallenteen lataus Upotettu chat
Analytiikka
Chat-analytiikka Keskustelulokit
Integraatiot
REST API Instagram Messenger WhatsApp Zapier Email Mobiilisovellukset
Muu
Lisää aloitusnäytölle Mukautettu avauspainike
Kysy tekoälyltä

Asyntai AI -chatbotin lisääminen Framer-alustalle

Vaiheittainen opas Framer-verkkosivustoille

Hae upotuskoodi
Alusta:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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: Mukautetun koodin käyttö (suositeltu)

Framerissa on sisäänrakennettu mukautetun koodin ominaisuus, joka tekee skriptien lisäämisestä helppoa:

  1. Avaa Framer-projektisi
  2. Napsauta rataskuvaketta (Site Settings) vasemmassa yläkulmassa
  3. Siirry \"Custom Code\" -osioon
  4. Napsauta \"Add Script\" -painiketta
  5. Liitä Asyntai-upotuskoodisi skriptikenttään
  6. Aseta sijainti muotoon \"End of <body> tag\"
  7. Tallenna ja julkaise sivustosi

Vinkki: Skriptin sijoittaminen kohtaan \"End of <body> tag\" varmistaa, että se latautuu sivun sisällön jälkeen, mikä on suositeltavaa chat-widgeteille eikä hidasta sivun latautumista. Framer tarjoaa myös \"Start of <head>\"- ja \"End of <head>\" -vaihtoehdot, mutta body-osion loppu on suositeltavampi.

Vaihtoehto: Koodikomponentin käyttö

Jos haluat lisätä chatbotin koodikomponentin avulla:

  1. Avaa Framer-editorissa sivu, jolle haluat chatbotin
  2. Lisää koodikomponentti piirtoalustallesi
  3. Liitä Asyntai-upotuskoodi komponenttiin
  4. Sijoita se asetteluun tarpeen mukaan

Huomautus: Mukautetun koodin tapa on suositeltavampi, koska se lisää chatbotin koko sivustolle kaikille sivuille. Koodikomponenttitapa saattaa lisätä chatbotin vain sille sivulle, jolle komponentin sijoitat.

Vaihe 3: Vahvista asennus

Kun olet julkaissut muutoksesi, avaa Framer-sivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että tallensit ja julkaisit sivustosi koodin lisäämisen jälkeen. Kokeile tyhjentää selaimen välimuisti tai katsella sivua incognito-ikkunassa. Jos käytät mukautettua verkkotunnusta, muutosten näkyminen voi kestää muutaman minuutin.