Muse Masters
muse-and-crm-bitrix24

Привязать форму к CRM Bitrix24

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

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

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

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

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

11

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

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

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

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

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

2

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

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

3

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

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

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

87

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

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

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

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

5

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

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

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

6

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

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

7

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

Скачать материалы из урока

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

Добавить комментарий

Мы VK

Интересные статьи

Следите за новостями

Хочешь знать о новинках Adobe Muse. Получать свежие уроки и тонны виджетов? Присоединяйся