Подключение форм CRM Битрикс24 к сайту

В данной инструкции разберем как заменить стандартные формы в решении на формы CRM Битрикс24.


1. В личном кабинете Битрикс24 переходим на вкладку CRM => Еще => CRM-формы



2. Создаем новую форму либо выбираем из готовых. Кликаем по кнопке "Код на сайт".



3. Переходим на вкладку "На внешнем сайте". Позже данный код нужно будет скопировать и разместить на сайте (шаг 8).



4. Переходим на сайт в панель Администрирование. Открываем папку с файлами форм (путь: корень сайта => lib => feedback => forms).


·         form_calc_index.php – Форма на главной странице калькулятора (для решений Стройка.GS, Ремонт.GS)

·         form_contacts.php – Форма на странице контактов

·         form_estimate.php – Форма на странице проектов (для решения Стройка.GS, Ремонт.GS, Profi.GS)

·         form_manager_index.php – Форма на главной странице

·         form_measure.php – Форма вызова замерщика (для решений Стройка.GS, Ремонт.GS, Profi.GS)

·         form_popup_callback.php – Всплывающая форма «Заказать звонок»

·         form_popup_catalog.php – Всплывающая форма в каталоге «Заказть»

·         form_popup_estimate.php – Всплывающая форма «Заказать расчет» на странице проектов (для решения Стройка.GS, Ремонт.GS, Profi.GS)

·         form_popup_measure.php – Всплывающая форма вызова замерщика (для решений Стройка.GS, Ремонт.GS, Profi.GS)

·         form_popup_request.php – Всплывающая форма в шапке сайта и в блоке преимуществ на главной странице «Оставить заявку»

·         form_service_bottom.php – Форма (нижняя) на странице услуг

·         form_service_top.php - Форма (верхняя) на странице услуг

·         form_slider_main.php – Форма в слайдере на главной странице


5. Для примера сделаем интеграцию формы Битрикс24 в файле form_popup_callback.php (popup - Заказать звонок). 


Предварительно все формы решения можно заархивировать, чтобы была возможность вернуться к их использованию в будущем (шаг 12).


6. Удаляем код в форме за исключением кода

<div id="form-popup-callback"></div>



7. В итоге файл должен иметь следующий вид.



8. Размещаем скопированный код формы из Битрикс24 (шаг 3).



9. Проверяем результат.



10. Форма Битрикс24 размещена. В форме остались отступы от padding, которые при желании можно удалить.


11. Для удаления отступов padding необходимо внести небольшой css код в файл стилей customer.css

Код: 

.fancybox-content {padding: 0 !important;}



12. Старые формы решения можно предварительно заархивировать. Это даст возможность вернуться к старым формам решения в будущем.



Менеджер
Сафронова Екатерина
Ведущий специалист
+7 000-00-88
Консультация специалиста
Наш менеджер перезвонит вам в течении 5 минут
Менеджер
Команда ГВОЗДЕВСОФТ
Оставить заявку
Менеджер
Хорошова Анастасия
Сметчик
+7 000-00-99
Заказать расчет
Бесплатный расчет сметы в течении одного дня