Теперь вам не придется отказывать клиентам в разработке и интеграции форм с CRM. Раньше мы просто не знали как реализовать данную функцию. Наконец-то мы нашли решение этой проблемы и хотим поделиться с вами этим решением:

 Для работы потребуется:

• Аккаунт в CRM Bitrix 24 https://www.bitrix.ru
• Проект Adobe Muse с применением формы.
• Набор скриптов для работы форм с CRM

1)    Этап. Выгрузка готового проекта

Для того, чтобы начать работу с привязкой форм, Вы должны экспортировать готовый проект в HTML , для этого вы можете задействовать комбинацию клавиш Ctrl+E.
Поместите rest.php и common.js  в корневую папку сайта.

2) Этап. Подготовка PHP файла-обработчика для отправки в CRM

Откройте файл Rest.php  в любом редакторе (я рекомендую Sublime text)

Начнем редактировать данный файл с доступа, для отправки данных на ваш аккаунт в CRM системе.

Вам необходимо изменить такие пункты:

• CRM_HOST – укажите адрес вашего профиля в CRM
• CRM_LOGIN – укажите логин от аккаунта в CRM системе
• CRM_PASSWORD – укажите пароль от аккаунта в CRM системе

После того как вы завершите настройки доступа к аккаунту, мы настроим поля которые будут передавать наши формы. А точнее данные, которые будет обрабатывать PHP файл.

Если в Вашей форме будет использоваться всего 2 поля (Имя и Телефон), тогда вам не нужно изменять данный участок кода.
Если вы хотите добавить больше полей, например:
E-mail – Вам необходимо создать или заменить ненужное поле с такими данными:
' EMAIL_WORK' => $_POST[' EMAIL_WORK'],
Если вы хотите узнать какие еще данные вы можете передать в форме, перейдите на список функций CRM Bitrix 24

3) Этап. Адаптация полей формы Adobe Muse

1. Для того, чтобы обработчик смог определить поступающие данные из формы, поля формы нужно подписать. Если вы хотите, чтобы письма приходили только в CRM, удалите строчку action="scripts/form-u98.php"

_{(id названия файла php может отличаться от предложенного в данном уроке, но это не значит что его нужно оставить )}

2. Добавьте полям атрибут name. Найдите у полей место, как показано на скриншоте и вставьте соответствующие поля, удалите тег name который был или замените его атрибут:

Для заголовка – добавьте строчку <input type="hidden" name="TITLE" value="Тема сообщения">

Для Имя — name="NAME"

Для Телефона — name="PHONE_MOBILE"

4) Этап. Редактируем файл Common.js

В данном коде потребуется заменить id формы, на вашу. Если у вас будет несколько форм, указываете id через запятую с пробелом. Например: ( “#widgetu98, #widgetu99, #widgetu100” )

Так же, скриптом предусмотрена переадресация на страницу благодарности, после успешного выполнения функции. Вы можете указать свою страницу, если у её имя не Thanks.

5) Этап. Завершение, вставка скрипта common в проект

В разделе Other Script
Укажите путь к файлу common.js на вашем хостинге, как показано на скриншоте.

Все готово, проверяйте работоспособность только после того, как загрузите сайт на хостинг!

Оригинал статьи: Как подключить форму Adobe Muse к CRM Bitrix 24