Powrót do panelu

Dokumentacja

Dowiedz się, jak korzystać z Asyntai

Pierwsze kroki
Instalacja Baza wiedzy Przetestuj swoje AI Zarządzaj stronami
Personalizacja
Kolory widgetu Nazwa asystenta AI Wiadomość powitalna Pozycja widgetu Automatyczne uruchamianie Dymek powitalny Odznaka nieprzeczytanych Tryb instrukcji Zadawanie pytań Używanie emoji Zbieranie e-maili Zbieranie numerów telefonów Inteligentne pozyskiwanie kontaktów Lokalizacja Ukryj oznaczenie marki Link do polityki prywatności Niestandardowe powiadomienie Pobieranie transkrypcji Nowa rozmowa Historia rozmów Slogan i kropka statusu Zamiana mowy na tekst Ikona czatu Logo firmy Limit znaków Temperatura
Wskazówki dotyczące instrukcji AI Porównaj plany
Funkcje
Indeksowanie strony Luki w wiedzy Karty produktów Dynamiczne karty produktów Dynamic Images Kontekst użytkownika Monitorowanie na żywo Przejęcie przez człowieka Eskalacja Powiadomienia AI Raport dzienny Dane w czasie rzeczywistym Dane w czasie rzeczywistym Max Członkowie zespołu Jednokrotne logowanie Dołącz obrazy Rozpoznawanie obrazów Widget tłumaczenia Lokalizacja Kontakty Inteligentne pozyskiwanie kontaktów Zgłoszenia wsparcia Rezerwacje Osadzenia Wyklucz strony Zablokowane adresy IP Inteligentniejszy model Włącz myślenie Sugestie odpowiedzi Wiadomości uzupełniające Zamiana mowy na tekst Pobieranie transkrypcji Osadzony czat
Analityka
Analityka czatu Dzienniki czatów
Integracje
REST API Instagram Messenger WhatsApp Zapier Email Aplikacje mobilne
Inne
Dodaj do ekranu głównego Niestandardowy przycisk otwierania
Zapytaj AI

Jak dodać chatbota AI Asyntai do Bubble

Przewodnik krok po kroku dla aplikacji Bubble

Pobierz kod osadzania
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

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

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

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Użycie ustawień aplikacji (zalecane)

Bubble ma wbudowany sposób dodawania własnych skryptów przez ustawienia aplikacji:

  1. Zaloguj się do edytora aplikacji Bubble
  2. Przejdź do Settings na lewym pasku bocznym
  3. Kliknij zakładkę "Web App"
  4. Przewiń w dół do \"Advanced Settings\"
  5. Znajdź sekcję "Custom headers and body"
  6. Wklej kod osadzania Asyntai w polu "Script in body"
  7. Opublikuj swoją aplikację

Wskazówka: Dodanie kodu do pola skryptu body zapewnia, że ładuje się on na każdej stronie aplikacji Bubble, co jest zalecanym podejściem dla widgetów czatu. Ta funkcja jest dostępna we wszystkich planach Bubble, w tym Free.

Alternatywa: Użycie elementu HTML

Jeśli wolisz dodać chatbota tylko do konkretnej strony:

  1. W edytorze Bubble otwórz stronę, na której chcesz mieć chatbota
  2. Dodaj element HTML do swojej strony
  3. Wklej kod osadzania Asyntai w elemencie
  4. Opublikuj swoją aplikację

Uwaga: Metoda ustawień aplikacji jest preferowana, ponieważ stosuje chatbota w całej aplikacji. Metoda elementu HTML doda chatbota tylko do konkretnej strony, na której umieszczono element.

Krok 3: Weryfikacja instalacji

Po wdrożeniu aplikacji odwiedź swoją stronę Bubble w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa prawidłowo.

Nie widzisz widgetu? Upewnij się, że wdrożyłeś aplikację po dodaniu kodu. Spróbuj wyczyścić pamięć podręczną przeglądarki lub wyświetlić stronę w oknie incognito. Jeśli testujesz w trybie deweloperskim, upewnij się, że sprawdziłeś również wersję produkcyjną aplikacji.