РоботыЧто умеет нейросеть: ChatGPT починил нам сайт и объяснил код
![](/images/articles/nikita_archipov1.png)
В воскресенье я узнаю, что на нашем сайте не работают формы:
![Не отображается форма в поп-ап](/images/articles/thank-you-chatgpt/chat_gpt1.jpg)
Это поп-ап, через которую мы получаем клиентов, и в нём не отображается форма, чтобы вписать свой телефон. Сначала я подумал, что кто-то из сотрудников влез в код и сломал его, а потом увидел, что со всеми формами на сайте такая проблема, а значит, она системная.
Кусок кода, который мы используем для этого попапа, это публичный код, который используют многие. И он сломан на всех сайтах, которые его используют, не только у нас.
Сначала искали проблему в Тильде
Поскольку это воскресенье, было неудобно дергать сотрудников. Зато удобно — поддержку Тильды, только это не помогло.
Все наши сайты работают на Тильде, но мы не используем готовые шаблоны, а работаем со своим дизайном, поэтому сами пишем код. Когда я написал в поддержку, они ответили:
— Мы не отвечаем за кастомный код.
![Ответ поддержки Tilda](/images/articles/thank-you-chatgpt/chat_gpt2.jpg)
Пришлось разбираться без них.
Пробовали разобраться в коде
Я открыл код сайта и понял, что не смогу сам найти ошибку. Но я нашел кусок кода, который инициирует открытие форм на сайте. А поскольку я часто балуюсь с искусственным интеллектом, я взял этот кусок кода и вставил его в ChatGPT, чтобы он мне объяснил, что значит этот кусок, и он объяснил:
![Объяснение кода](/images/articles/thank-you-chatgpt/chat_gpt3.png)
Я начал уточнять детали:
![Что означают отдельные элементы кода](/images/articles/thank-you-chatgpt/chat_gpt4.png)
Надеюсь, эту статью не будут читать разработчики.
![Какие задачи выполняет код](/images/articles/thank-you-chatgpt/chat_gpt5.png)
Спустя несколько итераций, я узнал, где в коде появилась проблема:
![Предлагает использовать другой метод](/images/articles/thank-you-chatgpt/chat_gpt6.png)
Теперь нужно было ее решить, и в этом тоже помог ChatGPT.
Написали новые куски кода
Я сделал тестовую страницу, на которой можно проводить эксперименты. Увидел, что проблема появляется, если на странице работает два поп-апа, тогда один из них не открывается. Если он один, то проблем нет, форма отображается правильно.
Теперь я мог задать вопрос чату «Есть вот такой код, с ним такая-то проблема. Исправь этот код»
![Запросил исправить код](/images/articles/thank-you-chatgpt/chat_gpt7.png)
Чат меня понял не сразу, пришлось пробовать еще. И оказалось, что нужно изменить одно слово в запросе:
![Заменил слово "открывается" на "отображается"](/images/articles/thank-you-chatgpt/chat_gpt8.png)
Я повторял этот запрос несколько раз, каждый раз Чат выдавал мне куски кода, я тестировал, потом уточнял запрос, сообщал об ошибках.
Выглядело это как-то так:
![Изменения в коде](/images/articles/thank-you-chatgpt/chat_gpt9.png)
![Предлагает новый скрипт](/images/articles/thank-you-chatgpt/chat_gpt10.png)
Всё это заняло у меня около двух часов, и в итоге я получил код, который поставил на сайт, и всё заработало. Осталась одна мелочь:
![Нужно делать прозрачный фон](/images/articles/thank-you-chatgpt/chat_gpt11.png)
Теперь всё, как надо:
![Форма отображается на сайте](/images/articles/thank-you-chatgpt/chat_gpt12.png)
Если бы эту статью писал ChatGPT, она бы выглядела так:
![ChatGPT рассказывает как помог](/images/articles/thank-you-chatgpt/chat_gpt13.jpg)