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 Duda

Instrukcja krok po kroku dla stron Duda

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: Dodaj kod w ustawieniach witryny (zalecane)

Najłatwiejszym sposobem dodania chatbota do wszystkich stron witryny Duda sa ustawienia witryny:

  1. Zaloguj sie na swoje konto Duda i otwórz edytor witryny
  2. W lewym panelu bocznym kliknij "More" (ikona trzech kropek)
  3. Kliknij "Settings"
  4. Przewiń w dół i kliknij "Head HTML"
  5. W polu "Body End HTML" wklej kod osadzania Asyntai
  6. Kliknij "Save"
  7. Kliknij "Publish" w prawym gornym rogu, aby opublikować zmiany

Wskazówka: Dodanie kodu do sekcji Body End HTML zapewnia załadowanie chatbota po zawartości strony, co nie wpływa na szybkość ładowania witryny. Ta metoda automatycznie dodaje chatbota do każdej strony witryny.

Metoda alternatywna 1: Widget HTML (konkretne strony)

Jeśli chcesz dodać chatbota tylko do określonych stron, użyj widgetu HTML:

  1. Otwórz stronę, która chcesz edytować, w edytorze Duda
  2. Na lewym pasku bocznym wyszukaj "HTML" w panelu widgetów
  3. Przeciagnij i upusc widget HTML do kolumny lub wiersza na stronie
  4. Kliknij widget, aby go edytować
  5. Wklej kod osadzania Asyntai w polu kodu
  6. Kliknij "Update"
  7. Kliknij "Publish", aby opublikować zmiany

Uwaga: Widget HTML umożliwia osadzanie niestandardowego kodu w dowolnym miejscu na stronie. Wizualne umiejscowienie widgetu nie wpływa na to, gdzie pojawia sie chatbot - nadal będzie wyświetlany w prawym dolnym rogu zgodnie z konfiguracja.

Metoda alternatywna 2: Tryb deweloperski (zaawansowana)

Dla zaawansowanych użytkowników można użyć trybu deweloperskiego, aby dodać kod bezpośrednio do HTML:

  1. W edytorze Duda kliknij ikone Developer Mode na gornym pasku
  2. Kliknij "Site HTML/CSS", aby rozwinąć wybór
  3. Kliknij "body-end.html" z listy plików
  4. Przewiń do ostatniej linii pliku
  5. Wklej kod osadzania Asyntai w nowej linii
  6. Kliknij "Save"
  7. Kliknij "Done", aby wyjść z trybu deweloperskiego
  8. Kliknij "Publish", aby wdrożyć zmiany

Ważne: Tryb deweloperski zapewnia bezpośredni dostęp do HTML i CSS witryny. Pamietaj, aby dodawać kod tylko na końcu pliku body-end.html, aby nie zaburzyc funkcjonalności witryny. Zawsze testuj zmiany przed publikacja.

Krok 3: Weryfikacja instalacji

Po opublikowaniu zmian otwórz witrynę w nowej karcie przeglądarki lub w trybie incognito. Przycisk widgetu czatu powinien byc widoczny w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.

Nie widzisz widgetu? Upewnij sie, ze opublikowałeś witrynę (a nie tylko ja zapisales). Wyczyść pamięć podręczna przeglądarki lub otwórz stronę w trybie incognito. Sprawdź, czy kod używa HTTPS (co jest domyślne). Otwórz konsolę przeglądarki (F12), aby sprawdzic, czy nie ma błędów JavaScript.