Powrót do panelu

Dokumentacja

Dowiedz się, jak korzystać z Asyntai

Pierwsze kroki
Instalacja Baza wiedzy Jak AI uzyskuje dostęp do Twoich treści Połącz swoją witrynę Przetestuj swoje AI Zarządzaj stronami
Personalizacja
Wzory przycisku czatu Ikona przycisku czatu 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 Przejście z innego chatbota Porównaj plany
Funkcje
Pasek Ask AI Pasek wyszukiwania AI Wyszukiwanie AI dla WordPressa AI Search for Joomla AI Search for Webflow AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for OpenCart AI Search for BigCommerce AI Search for Magento Indeksowanie strony Luki w wiedzy Karty produktów Dynamiczne karty produktów Obrazy dynamiczne Kontekst użytkownika Narzędzia niestandardowe Parametry linków 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 Uwierzytelnianie dwuskładnikowe Dołącz obrazy Rozpoznawanie obrazów Widget tłumaczenia Lokalizacja Przejrzystość AI Kontakty Inteligentne pozyskiwanie kontaktów Zgłoszenia wsparcia Kategorie czatów Rezerwacje Osadzenia Wyklucz strony Zablokowane adresy IP Zasady przechowywania Tryb zerowego przechowywania Maskowanie PII Klasyfikator odpowiedzi Access Tags Przypinanie wersji widżetu Dziennik audytu Inteligentniejszy model Włącz myślenie Sugestie odpowiedzi Wiadomości uzupełniające Zamiana mowy na tekst Pobieranie transkrypcji Osadzony czat Osadzenie przez iframe
Analityka
Analityka czatu Dzienniki czatów
Integracje
REST API Łącznik MCP Instagram Messenger WhatsApp Discord Zulip Bitrix24 phpBB NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian Attio SuiteCRM YouTrack Kit nopCommerce Nuvemshop Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki Webex Activepieces Albato Zapier Email Notion Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk Aplikacje mobilne
Inne
Dodaj do ekranu głównego Niestandardowy przycisk otwierania Przyciski Zapytaj AI Płatność nieudana?
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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.