Обратно към таблото

Документация

Научете как да използвате Asyntai

Първи стъпки
Инсталация База знания Тествайте вашия ИИ Управление на уебсайтове
Персонализиране
Цветове на уиджета Име на ИИ асистента Начално съобщение Позиция на уиджета Автоматично задействане Приветствен балон Индикатор за непрочетени Режим на инструкции Задаване на въпроси Използване на емоджи Събиране на имейли Събиране на телефонни номера Интелигентно събиране на контакти Локализация Скриване на брандирането Връзка за поверителност Персонализирано известие Изтегляне на стенограма Нов разговор История на разговорите Слоган и индикатор за статус Реч към текст Икона на чата Фирмено лого Ограничение на символите Температура
Съвети за ИИ инструкции Сравнение на планове
Функции
Сканиране на уебсайт Пропуски в знанията Продуктови карти Динамични продуктови карти Dynamic Images Потребителски контекст Наблюдение на живо Поемане от човек Ескалация ИИ известия Дневен отчет Поток от данни в реално време Максимален поток от данни в реално време Членове на екипа Единичен вход (SSO) Включване на изображения Визуално разпознаване на изображения Приспособление за превод Локализация Потенциални клиенти Интелигентно събиране на контакти Тикети за поддръжка Резервации Вграждания Изключване на страници Блокирани IP адреси По-умен модел Активиране на мислене Предложения за отговор Последващи съобщения Реч към текст Изтегляне на стенограма Вграден чат
Анализи
Анализ на чата Чат логове
Интеграции
REST API Instagram Messenger WhatsApp Zapier Email Мобилни приложения
Друго
Добавяне към началния екран Персонализиран бутон за отваряне
Попитайте AI

Как да добавите Asyntai AI чатбот във Framer

Ръководство стъпка по стъпка за уебсайтове на Framer

Вземете код за вграждане
Платформа:
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

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

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

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Използване на персонализиран код (Препоръчително)

Framer има вградена функция за персонализиран код, която улеснява добавянето на скриптове:

  1. Отворете вашия Framer проект
  2. Кликнете върху иконата на зъбно колело (Настройки на сайта) в лявата странична лента
  3. Отидете на секцията "Custom Code"
  4. Кликнете бутона "Add Script"
  5. Поставете вашия Asyntai код за вграждане в полето за скрипт
  6. Задайте позицията на "End of <body> tag"
  7. Запазете и публикувайте сайта си

Съвет: Поставянето на скрипта в "End of <body> tag" гарантира, че той се зарежда след съдържанието на страницата, което е препоръчително за чат уиджети и няма да забави зареждането на страницата ви. Framer предлага също опции "Start of <head>" и "End of <head>", но краят на body е предпочитан.

Алтернатива: Използване на Code компонент

Ако предпочитате да добавите чатбота, като използвате Code компонент:

  1. Във Framer редактора отворете страницата, на която искате чатбота
  2. Добавете Code компонент към платното си
  3. Поставете кода за вграждане на Asyntai в компонента
  4. Позиционирайте го във вашето оформление по необходимост

Забележка: Методът с персонализиран код е предпочитан, тъй като прилага чатбота на целия сайт на всички страници. Методът с Code компонент може да добави чатбота само на конкретната страница, на която поставите компонента.

Стъпка 3: Проверка на инсталацията

След публикуване на промените посетете вашия Framer сайт в нов раздел на браузъра или в инкогнито прозорец. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и работи правилно.

Не виждате уиджета? Уверете се, че сте запазили и публикували сайта си след добавяне на кода. Опитайте да изчистите кеша на браузъра или да разгледате в инкогнито прозорец. Ако използвате персонализиран домейн, промените може да отнемат няколко минути, за да се разпространят.