Модалки из лид-форм и отправка формы в CRM + мелочи

Цена договорная
16 января 2023, 15:42 • 2 отклика • 46 просмотров
Исходные данные:
Есть сайт, сделанный на конструкторе WebFlow. Url: https://gurdy.webflow.io
Имеем исходники html, css, js. Сделана русская и английская версии.
На сайте есть несколько кнопок вызова лид-форм, которые должны открываться в модалке. На каждой кнопке указывается текст, который должен отображаться в заголовке модалки и кнопки отправки лид-формы.
Есть форма в amoCRM, в которую надо передавать данные из лид-формы. Есть js-код формы, из нее получили id, name полей формы и хэш формы для передачи ее в CRM.
Кнопки лид-форм если написать больше символов в тексте, увеличиваются в высоту, а не в ширину

Вот форма, которую с сайта будем передавать в заполненном виде в CRM:
https://forms.amocrm.ru/rlrtdmr

Код для сайта, который предлагает вставить CRM, вместо которого мы делаем несколько модалок + убираем артефакт, что это amoCRM:
!function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+r]({id:"1013481",hash:"bb6ed732a74aaa80cb3c851ef8f9cfe0",locale:"ru"}),a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded");

Задача:
1. На кнопке вызова лид-формы указывается текст, который должен отображаться в модалке в виде заголовка и кнопки.
Например: кнопка «Получить презентацию» => в модалке заголовок «Получить презентацию» и кнопка отправки формы «Получить»,
или кнопка «Заказать демонстрацию» => заголовок в модалке «Заказать презентацию», кнопка отправки формы- «Заказать»
2. Передача данных из лид-формы в форму amoCRM. Надо передавать данные из формы, затем выводить сообщение, что данные запрос отправлен. Выводить данные без перезагрузки страницы – вместо контента модалки
3. Исправить код в HTML для кнопок чтобы они растягивались в ширину, а не в высоту, если символов в тексте больше
4. Изменения в коде пометить комментариями

Будут вопросы - спрашивайте.