Как подключить ChatGPT к сайту

Запрос «подключить ChatGPT к сайту» обычно значит одно: владелец сайта хочет, чтобы в углу страницы появился чат, который отвечает посетителям так же связно, как ChatGPT, но знает цены, услуги и правила именно его компании. Сделать это можно тремя способами: написать свою интеграцию с API OpenAI, поставить универсальный виджет и вписать в него свой ключ или взять готовый ИИ-консультант, где всё уже собрано. Ниже разберём, что нужно для каждого способа, сколько работы он требует и где обычно возникают проблемы.

ChatGPT и API OpenAI: что на самом деле подключают к сайту

ChatGPT — это приложение компании OpenAI: сайт и программы, в которых человек переписывается с нейросетью. Встроить само приложение на чужой сайт нельзя. То же касается GPT, которые пользователи создают внутри ChatGPT: они работают только там.

На сайт подключают не ChatGPT, а языковые модели OpenAI через API, программный интерфейс для разработчиков. Сайт отправляет в API текст вопроса и инструкцию, модель возвращает ответ. Важные следствия:

• API оплачивается отдельно от подписки ChatGPT. Платная подписка на ChatGPT не даёт доступа к API: там своя оплата по объёму обработанного текста (токенам).
• Модель ничего не знает о вашей компании. Сведения о бизнесе нужно передавать ей в каждом запросе: инструкцией, фрагментами документов, ответами на частые вопросы.
• Интерфейс чата, история переписки и защита от злоупотреблений — тоже ваша задача. API отвечает на запрос и больше ничего не делает.

Поэтому выбор сводится к тому, кто возьмёт на себя эту обвязку: ваш разработчик, универсальный виджет или специализированный сервис.

Три способа добавить ChatGPT на сайт

Способ 1: своя интеграция через API OpenAI

Этот путь выбирают, когда чат должен быть частью собственного продукта: смотреть в учётную систему, проверять статус заказа по номеру, работать в личном кабинете клиента. Для обычного сайта компании это, как правило, избыточно.

Что придётся сделать

1. Серверную часть. Запросы к API должны идти с вашего сервера. Если вставить ключ в JavaScript на странице, его увидит любой посетитель и сможет тратить ваши деньги.
2. Окно чата. Кнопку, окно переписки, индикатор набора, отображение на телефонах, хранение переписки, пока посетитель ходит по страницам.
3. Инструкцию для модели. Системный промпт: роль, тон, ограничения, что делать, если ответа нет.
4. Поиск по базе знаний. Прайс на сотни позиций целиком в каждый запрос не положишь: это дорого и упирается в размер контекста. Нужен поиск подходящих фрагментов документов под каждый вопрос.
5. Защиту. Ограничение частоты запросов, фильтр посторонних тем, контроль расходов. Иначе чат на сайте становится бесплатным ChatGPT для всех желающих за ваш счёт.
6. Обработку заявок и журнал диалогов. Куда сохранять контакты клиентов и где менеджер увидит переписку.

Подводные камни

• Доступ и оплата. Для API нужен аккаунт OpenAI с оплатой. Из России API официально недоступен, поэтому вопрос оплаты и доступа придётся решать отдельно.
• Непредсказуемые расходы. Оплата идёт за каждый запрос. Один посетитель, который решил «поболтать», или бот, который долбит форму, могут заметно увеличить счёт.
• Выдуманные ответы. Без строгой инструкции и базы знаний модель охотно называет правдоподобные, но несуществующие цены и сроки.
• Обновления. OpenAI выпускает новые модели и выводит старые из работы, меняет API. Код придётся сопровождать.

Способ 2: универсальный виджет со своим ключом

Есть сервисы, которые дают готовое окно чата: вы вставляете в настройки свой ключ API OpenAI и инструкцию, а на сайт ставите код виджета. Это быстрее разработки, но вопросы доступа к OpenAI и оплаты API остаются на вас, а платить приходится дважды: сервису за виджет и OpenAI за запросы. Перед выбором такого виджета проверьте, умеет ли он искать по вашим документам, ограничивать посторонние темы и передавать заявки, а не только показывать окно переписки.

Способ 3: готовый ИИ-консультант

Специализированный сервис закрывает всю обвязку сам: модель, поиск по документам, окно чата, историю диалогов, заявки. От вас нужны только знания о компании. Так устроен CyberFAQ: ответы формируют языковые модели GPT от OpenAI, на тех же моделях построен ChatGPT, но ключ, запросы и их оплату берёт на себя сервис.

Что вы получаете вместо самостоятельной разработки:

• База знаний без программирования. Промпт до 20 000 символов, до 100 пар «вопрос-ответ», которые учитываются в каждом ответе, и файлы PDF, DOCX, XLSX, CSV, TXT и других форматов, по которым консультант ищет нужные фрагменты. Подробно — в статье о том, как обучить чат-бота на своих документах.
• Встроенные ограничения. Консультант держится темы вашей компании, отказывается писать код, стихи и сочинения, не ищет ответы в интернете и отвечает коротко. Посетители не превратят чат в бесплатный ChatGPT.
• Окно чата. Аватар, название, приветственное сообщение, цвет и сторона экрана настраиваются в кабинете. На тарифе Business можно добавить свой CSS и убрать упоминание CyberFAQ (White Label).
• Telegram. Тот же консультант с той же базой знаний отвечает в боте компании, подключение по токену из BotFather.
• Заявки и диалоги. Консультант сам предлагает оставить контакты, заявки приходят в кабинет, на почту или на ваш вебхук. Все диалоги видны в кабинете, сотрудник может перехватить разговор и ответить сам.
• Оплата в рублях. Тариф Free бесплатный и без срока, платные Pro и Business дают больше консультантов, сообщений и файлов. Цены на странице тарифов.

Ограничения тоже стоит знать заранее: каналы — сайт и Telegram, готовых интеграций с CRM нет (заявки передаются вебхуком), кнопок и форм внутри чата нет, сайт по ссылке консультант не обходит, материалы загружаются файлами.

Пошагово: ChatGPT на сайте через CyberFAQ

1. Создайте консультанта. Войдите в кабинет CyberFAQ по коду из письма и нажмите «Новый Консультант». Аккаунт создаётся при первом входе, карта не нужна.
2. Напишите промпт. Опишите своими словами, кто такой консультант, о чём он говорит и чего не обещает. Можно начать с отраслевого шаблона кнопкой «Выбрать шаблон».
3. Дайте знания о компании. Добавьте пары «вопрос-ответ» на частые вопросы и загрузите в раздел «Датасет» прайс, каталог или условия файлами PDF, DOCX, XLSX и других форматов.
4. Проверьте ответы в тестовом чате. Задайте консультанту настоящие вопросы клиентов прямо в кабинете и поправьте промпт или документы там, где ответ неточный.
5. Поставьте код на сайт. Скопируйте строку из поля «HTML-код виджета» и вставьте её в шаблон сайта перед закрывающим тегом </head> или в настройки конструктора.
6. Включите заявки и Telegram. В блоке «Прием заявок» выберите, куда присылать контакты клиентов, а в блоке «Интеграция с Telegram» подключите бота компании по токену.

Код виджета — одна строка <script>, она одинаково работает на самописном сайте и на конструкторах. Подробные инструкции для популярных платформ: Тильда, WordPress, 1С-Битрикс. Общая инструкция по установке — в статье «Как добавить ИИ онлайн-консультанта на сайт». Учтите, что сообщения в тестовом чате расходуют лимит тарифа так же, как сообщения посетителей.

Какой способ выбрать

• Своя интеграция оправдана, если чат должен работать с вашими внутренними системами в реальном времени (статусы заказов, остатки, личный кабинет), у вас есть разработчик и бюджет на сопровождение, а доступ к API вы уже решили.
• Виджет со своим ключом подходит, если у вас уже есть оплаченный доступ к API и нужно быстро получить окно чата с минимумом настроек.
• Готовый ИИ-консультант подходит большинству сайтов компаний: интернет-магазинам, услугам, клиникам, школам. Чат должен отвечать по прайсу и условиям, собирать заявки и работать без программиста.

Если сомневаетесь, начните с готового сервиса: за день станет понятно, какие вопросы задают посетители и хватает ли ответов по документам. Если понадобится логика, которой в сервисе нет, к собственной разработке вы придёте уже с готовым промптом, базой знаний и списком реальных вопросов клиентов.

Частые вопросы

Можно ли встроить на сайт сам ChatGPT или свой GPT из ChatGPT?

Нет. ChatGPT — это приложение OpenAI, а созданные в нём GPT работают внутри ChatGPT. На сайт подключают языковые модели OpenAI через API: своим кодом или через сервис, который делает это за вас.

Нужен ли ключ OpenAI, чтобы поставить CyberFAQ на сайт?

Нет. Ключ, запросы к моделям и их оплату берёт на себя сервис. Вы платите только подписку CyberFAQ в рублях, а на тарифе Free не платите ничего.

Будет ли бот на сайте отвечать на любые вопросы, как ChatGPT?

Нет, и это сделано намеренно. Консультант CyberFAQ говорит о вашей компании и её услугах, вежливо отказывается писать код, стихи и обсуждать посторонние темы и не ищет ответы в интернете. Так посетители не расходуют ваш лимит сообщений на свои задачи.

Можно ли подключить ChatGPT к сайту бесплатно?

Свой код на API бесплатным не будет: запросы к моделям OpenAI оплачиваются по объёму текста. В CyberFAQ есть тариф Free без срока: один консультант, один файл знаний и 1 000 сообщений посетителей в месяц.

Сколько времени занимает подключение?

Консультанта в CyberFAQ можно создать и поставить на сайт за один рабочий день, если промпт и документы с ответами уже есть. Больше всего времени уходит не на установку, а на подготовку материалов и проверку ответов.

Итог

ChatGPT как приложение на сайт не встраивается: подключают модели OpenAI через API, а вокруг них нужно построить окно чата, поиск по документам, защиту и обработку заявок. Можно сделать это самому, взять виджет и вписать свой ключ или поставить готовый ИИ-консультант, где всё уже собрано. Проверить последний вариант можно бесплатно: создайте консультанта, загрузите прайс или ответы на частые вопросы и задайте ему вопросы своих клиентов в тестовом чате.