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 powiadomienia 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
Funkcję
Crawlowanie strony Luki w wiedzy Karty produktów 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 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

Jak dodać chatbota AI Asyntai do Blogger

Przewodnik krok po kroku dla stron Blogger

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 gadzetu HTML/JavaScript (zalecane)

Najłatwiejszym sposobem dodania chatbota jest użycie wbudowanego gadzetu HTML/JavaScript Blogger:

  1. Zaloguj się do swojego Panelu Blogger na blogger.com
  2. Wybierz swojego bloga z listy
  3. Kliknij "Layout" na lewym pasku bocznym
  4. Znajdź sekcję, w której chcesz dodać widget (najlepiej stopkę)
  5. Kliknij "Add a Gadget"
  6. Wybierz "HTML/JavaScript" z listy gadzetow
  7. Pozostaw tytuł pusty (lub dodaj, jeśli wolisz)
  8. Wklej kod osadzania Asyntai w obszarze treści
  9. Kliknij "Save"
  10. Kliknij "Save arrangement" na stronie Layout

Wskazówka: Dodanie gadzetu do sekcji stopki zapewnia, że ładuje się on na wszystkich stronach bloga. Chatbot pojawi się jako pływający przycisk niezaleznie od tego, gdzie umieszcisz gadzet.

Alternatywa: Edycja kodu HTML motywu

Możesz również dodać kod bezpośrednio do kodu HTML motywu:

  1. Przejdź do "Theme" na lewym pasku bocznym
  2. Kliknij strzalke rozwijana obok "Customize"
  3. Wybierz "Edit HTML"
  4. Press Ctrl+F (or Cmd+F on Mac) to open search
  5. Wyszukaj </body>
  6. Wklej kod osadzania Asyntai tuz przed znacznikiem </body>
  7. Kliknij "Save theme"

Ważne: Podczas edycji kodu HTML motywu uwazaj, aby nie usunąć ani nie zmodyfikowac innego kodu. Rozważyć wykonanie kopii zapasowej motywu, klikajac "Backup" przed wprowadzeniem zmian.

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź swojego bloga 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? Blogger może potrzebowac kilku minut na zastosowanie zmian. Spróbuj wyczyść pamięć podręczną przeglądarki lub wyświetlić stronę w oknie incognito. Upewnij się, że kliknales "Save" po dodaniu gadzetu.