Эта инструкция поможет вам установить виджет на ваш сайт, даже если вы не обладаете глубокими техническими знаниями. Следуйте по шагам ниже, и всё получится!
Шаг 1: Подготовка файлов
- Скачайте файлы виджета: У вас должен быть архив с файлами, который включает:
- Файлы: script
.js
, styles.css … итд
- Файлы: script
- Распакуйте архив: Если файлы находятся в архиве (например,
.zip
), извлеките их в отдельную папку на вашем компьютере.
Шаг 2: Загрузка файлов на сайт
- Откройте панель управления сайтом:
- Обычно это делается через FTP-клиент (например, FileZilla) или через файловый менеджер в вашем хостинге.
- Создайте папку для виджета:
- В корневой директории вашего сайта (обычно это папка
public_html
илиwww
) создайте новую папку,gpt
- В корневой директории вашего сайта (обычно это папка
- Загрузите файлы:
- Скопируйте все файлы виджета в созданную папку
gpt
.
- Скопируйте все файлы виджета в созданную папку
Шаг 3: Вставка установочного кода
- Откройте файл шаблона вашего сайта:
- Обычно это файл
index.html
, footer.html,footer.php
, который находится в папке с темой вашего сайта. - Если вы используете CMS (например, WordPress), найдите файл
footer.php
в папке вашей темы (например,wp-content/themes/ваша_тема/footer.php
). или используйте плагин для вставки кода в подвал.
- Обычно это файл
- Вставьте код перед закрывающим тегом
</body>
:- Найдите строку
</body>
в файле шаблона. - Перед этой строкой вставьте установочный JavaScript-код, который вам предоставили (пример ниже).
- Убедитесь, что путь к файлам ресурсов указан правильно т.е указана директория в которую вы скопировали файлы виджета.
- Найдите строку
- Сохраните изменения:
- После вставки кода сохраните файл.
Пример кода вставки:
<!-- Начало aiboto -->
<link href="/gpt/styles.css" rel="stylesheet">
<link href="/gpt/custom_button.css" rel="stylesheet">
еще что то ...
<script src="/gpt/script_cfg.js"></script>
<script src="/gpt/script.js"></script>
<!-- Конец aiboto-->
Шаг 4: Проверка работы виджета
- Откройте сайт в браузере:
- Перейдите на ваш сайт и убедитесь, что виджет отображается корректно.
- Если виджет не работает:
- Проверьте, правильно ли указаны пути к файлам в установочном коде.
- Убедитесь, что все файлы загружены в корневую папку на сервере.
- Если вы используете CMS, очистите кеш (если это необходимо) и очистите кеш браузера нажатием CTRL+F5
Дополнительные советы
- Резервное копирование: Перед внесением изменений сделайте резервную копию вашего сайта или файлов которые редактируете.
- Помощь специалиста: Если что-то не получается, обратитесь к разработчику или к вашему специалисту.
Готово! Теперь виджет ИИ Консультанта должен работать на вашем сайте.