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 Bubbleen

Vaiheittainen opas Bubble-sovelluksille

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: Sovellusasetusten käyttö (Suositeltu)

Bubblessa on sisäänrakennettu tapa lisätä mukautettuja skriptejä sovellusasetusten kautta:

  1. Kirjaudu Bubble-sovelluksesi editoriin
  2. Siirry kohtaan Settings vasemmassa sivupalkissa
  3. Napsauta "Web App" -välilehteä
  4. Vieritä alas kohtaan "Advanced Settings"
  5. Etsi "Custom headers and body" -osio
  6. Liitä Asyntai-upotuskoodisi "Script in body" -kenttään
  7. Julkaise sovelluksesi

Vinkki: Koodin lisääminen body script -kenttään varmistaa, että se latautuu jokaisella Bubble-sovelluksesi sivulla, mikä on suositeltu tapa chat-widgeteille. Tämä ominaisuus on saatavilla kaikissa Bubble-paketeissa, myös ilmaisessa.

Vaihtoehto: HTML-elementin käyttö

Jos haluat lisätä chatbotin vain tietylle sivulle:

  1. Avaa Bubble-editorissa sivu, jolle haluat chatbotin
  2. Lisää HTML-elementti sivullesi
  3. Liitä Asyntai-upotuskoodi elementtiin
  4. Julkaise sovelluksesi

Huomautus: Sovellusasetusmenetelmä on suositeltava, koska se lisää chatbotin koko sovellukseesi. HTML-elementtimenetelmä lisää chatbotin vain sille sivulle, jolle elementin sijoitat.

Vaihe 3: Vahvista asennus

Sovelluksen julkaisemisen jälkeen käy Bubble-sivustollasi uudessa selainvälilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että julkaisit sovelluksesi koodin lisäämisen jälkeen. Kokeile tyhjentää selaimen välimuisti tai tarkastella incognito-ikkunassa. Jos testaat kehitystilassa, tarkista myös sovelluksesi live-versio.