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 Framer

Instrukcja krok po kroku dla stron Framer

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 niestandardowego kodu (zalecane)

Framer posiada wbudowana funkcje niestandardowego kodu, która ułatwia dodawanie skryptów:

  1. Otwórz swój projekt Framer
  2. Kliknij ikone zebatki (Site Settings) w lewym górnym rogu
  3. Przejdź do sekcji "Custom Code"
  4. Kliknij przycisk "Add Script"
  5. Wklej kod osadzania Asyntai w polu skryptu
  6. Ustaw umiejscowienie na "End of <body> tag"
  7. Zapisz i opublikuj witrynę

Wskazówka: Umieszczenie skryptu na "End of <body> tag" zapewnia jego załadowanie po zawartości strony, co jest zalecane dla widgetów czatu i nie spowalnia ładowania strony. Framer oferuje również opcje "Start of <head>" i "End of <head>", ale koniec body jest preferowany.

Alternatywa: Użycie komponentu kodu

Jeśli wolisz dodać chatbota za pomocą komponentu kodu:

  1. W edytorze Framer otwórz stronę, na której chcesz umieścić chatbota
  2. Dodaj komponent kodu do swojej płaszczyzny roboczej
  3. Wklej kod osadzania Asyntai do komponentu
  4. Ustaw go w układzie zgodnie z potrzebami

Uwaga: Metoda niestandardowego kodu jest preferowana, ponieważ stosuje chatbota na całej witrynie na wszystkich stronach. Metoda komponentu kodu może dodać chatbota tylko do konkretnej strony, na której umieszczono komponent.

Krok 3: Weryfikacja instalacji

Po opublikowaniu zmian odwiedź witrynę Framer 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 zapisales i opublikowałeś witrynę po dodaniu kodu. Spróbuj wyczyść pamięć podręczna przeglądarki lub otwórz stronę w trybie incognito. Jeśli używasz niestandardowej domeny, propagacja zmian może potrwac kilka minut.