Nazaj na nadzorno ploščo

Dokumentacija

Naučite se uporabljati Asyntai

Uvod
Namestitev Baza znanja Preizkusite svojo UI Upravljanje spletnih mest
Prilagoditev
Barve pripomočka Ime pomočnika UI Začetno sporočilo Položaj pripomočka Samodejno proženje Pozdravni oblaček Značka neprebranih Način navodil Postavljajte vprašanja Uporabi emodžije Zbirajte e-poštne naslove Zbirajte telefonske številke Pametno zajemanje potencialnih strank Lokalizacija Skrij blagovno znamko Povezava do zasebnosti Prilagojeno obvestilo Prenos prepisa Nov pogovor Zgodovina pogovorov Slogan in statusna pika Govor v besedilo Ikona klepeta Logotip podjetja Omejitev znakov Temperatura
Nasveti za navodila UI Primerjaj načrte
Funkcije
Indeksiranje spletnega mesta Vrzeli v znanju Kartice izdelkov Dinamične kartice izdelkov Dynamic Images Kontekst uporabnika Spremljanje v živo Prevzem s strani človeka Eskalacija Obvestila UI Dnevno poročilo Podatkovni vir v realnem času Podatkovni vir v realnem času Max Člani ekipe Enkratna prijava Vključi slike Slikovni vid Pripomoček za prevajanje Lokalizacija Potencialne stranke Pametno zajemanje potencialnih strank Zahtevki za podporo Rezervacije Vdelave Izključi strani Blokirani IP-ji Pametnejši model Omogoči razmišljanje Predlogi odgovorov Nadaljnja sporočila Govor v besedilo Prenos prepisa Vgrajen klepet
Analitiko
Analitika klepeta Dnevniki klepetov
Integracije
REST API Instagram Messenger WhatsApp Zapier Email Mobilne aplikacije
Drugo
Dodaj na začetni zaslon Prilagojen gumb za odpiranje
Vprašajte AI

Kako dodati klepetalnik Asyntai z UI v Bubble

Vodič po korakih za aplikacije Bubble

Pridobite kodo za vgradnjo
Platforma:
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

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

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

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Uporaba nastavitev aplikacije (priporočeno)

Bubble ima vgrajen način za dodajanje skriptov po meri prek nastavitev aplikacije:

  1. Prijavite se v urejevalnik aplikacije Bubble
  2. Pojdite na Nastavitve v levi stranski vrstici
  3. Kliknite zavihek "Spletna aplikacija"
  4. Pomaknite se navzdol do "Napredne nastavitve"
  5. Poiščite razdelek "Glave in telo po meri"
  6. Prilepite svojo vdelovalno kodo Asyntai v polje "Skript v telesu"
  7. Namestite svojo aplikacijo

Nasvet: Dodajanje kode v polje skripta telesa zagotavlja nalaganje na vsaki strani vaše aplikacije Bubble, kar je priporočeni pristop za klepetalne pripomočke. Ta funkcija je na voljo v vseh načrtih Bubble, vključno s Free.

Alternativa: Uporaba elementa HTML

Če raje dodate klepetalnik le na določeno stran:

  1. V urejevalniku Bubble odprite stran, kjer želite klepetalnik
  2. Dodajte element HTML na svojo stran
  3. Prilepite vdelovalno kodo Asyntai v element
  4. Namestite svojo aplikacijo

Opomba: Način z nastavitvami aplikacije je prednosten, saj uporabi klepetalnik v celotni aplikaciji. Način z elementom HTML bo dodal klepetalnik le na določeno stran, kamor umestite element.

Korak 3: Preverite namestitev

Po namestitvi aplikacije obiščite svojo stran Bubble v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.

Ne vidite klepetalnika? Prepričajte se, da ste namestili svojo aplikacijo po dodajanju kode. Poskusite počistiti predpomnilnik brskalnika ali si ogledati stran v oknu brez beleženja. Če testirate v razvojnem načinu, preverite tudi različico aplikacije v živo.