Коммуникация с пользователями по емейлу – это эдакий low-hanging fruit, который нужно срывать в самую первую очередь. Работники диджитал сферы все еще постоянно зависают в почте. И возможность отправить им сообщение – прекрасный способ рассказать об обновлениях в своем продукте и донести важную информацию.
Моими основными задачами было:
Для создания веб-формы, доступной в браузере, нам потребуется собрать первый сценарий на Нодуле. Заходим на https://app.nodul.ru, нажимаем создать сценарий и собираем следующую конструкцию:
https://lh5.googleusercontent.com/b6uSRQjhCI32JLmb_P2TleHQbsctGDbWqmjnOvSy7TqyR-7BvM_FUSaF_pjQquOjdBNZ6mXN351RENT653fdHTD7M0AZp2VhaLv-B4IcywPyOX5kJdchNKsRRXCZ5irTnNbaNdGCELdgjspdMNsCn4Y
Сценарий 1: форма для сбора контента
Сценарий для вывода формы по URL состоит из трех модулей:
Это обычный URL адрес который запускает сценарий каждый раз, когда к нему обращаются (в нашем случае – открывают адрес во вкладке браузера). Единственная настройка внутри этого модуля – это кастомизация URL адреса, по которому вы будете вызывать сценарий.
https://lh6.googleusercontent.com/cBX6HrW2rRy94bQZtD4963ViOQH14jkEPYhIWs-eB9TQY0wr5ejRIFPYUYIxlhPi1OmliuutaGt3KMIA_fQHDM0QxFk2gCYcaRhKoe6lg6H3LgPeo_zwPRwGHF09uJYsP0busi2_oRvPYkpXqIJBwxY
Здесь происходит первый контакт с кодом, после которого страх перед непонятными строчками уходит. JavaScript ИИ ассистент берет всю работу с кодом на себя: написание, отладка, дальнейшая модернизация. Нам остается лишь формулировать запросы:
– Добавь скрипт к моему коду, который генерирует HTML форму со следующими полями для ввода: Тема письма,Обзор, Заголовок, Обновления платформы, Полезные материалы, Другие новости. Также добавь снизу кнопку для отправки. Дополни HTML приятным дизайном.
https://lh3.googleusercontent.com/ojM_5v8rMZG25VCtBfqM7vpieFbdVXJkwbj_GC-Mhn-_Rpacl_nYglyRatX94Cfx2Kk3eMgE7ZkHDUqUzR7rCpa-zLxTV97S79pFEW4Efuz_xr8qwtMNq2eKNsU5mo8L-LTTbGj3JGxa0oLf9wrRhOo
https://lh4.googleusercontent.com/ThAMfvUZ0zLjPtpZCBbdBAg7EI7fZOBN74lwgEtd9kvUruTn2j-bLNM4VVvusTB4lN-HyMOxdK_GHj5_ebysUAf17Uybu3TLbAxXID2a4ZDJdBqLh6Y5--qm2MXOMptHoK8pUokauxBTtVUXYomSWqw
В результате мы получаем сгенерированный HTML код, который модуль JavaScript будет возвращать в виде объекта с названием ‘html’. Именно этот объект мы и будем выводить в браузере после вызова Webhook URL. Но для этого, нам нужно отправить ‘html’ обратно на Webhook URL. Улавливаете логику? Сначала мы вызываем Webhook URL который запускает сценарий (в этот момент на экран ничего не выводится, но сценарий запущен), внутри JavaScript модуля уже существует код HTML формы, и единственное, что нам остаётся – это передать результат выполнения сценария обратно на Webhook URL. Делается это с помощью последнего модуля.