Перед тем, как начать интегрировать 5crm в форму Вашего сайта, проверьте, что Вы поставили галочку напротив Захват Web-формы в разделе Компания — Код на сайт.
После этого вставьте далее идущий код в код Вашего сайта, подставив свои переменные.
- Переменную ВАШ_ТОКЕН_ДОСТУПА можно посмотреть в Компания — Код на сайт.
- Переменная CSS-СЕЛЕКТОР_КНОПКИ_ОТПРАВКИ_ФОРМЫ — например, #form-submit.
- Переменная CSS-СЕЛЕКТОР_С_ID_ЭЛЕМЕНТА_СОДЕРЖАЩЕГО_ПОЛЯ_ДЛЯ_ВВОДА_И_КНОПКУ_ОТПРАВКИ_ФОРМЫ — например, #form-delivery.
В FIVE_CRM_CONSTRUCTOR.addForm в namesList записать список имён name полей формы, а в names — их соответствие названиям полей в 5crm.
Для интеграции доступны следующие поля:
- name -название сделки
- email -емейл
- phone -телефон контакта
- sum -сумма
- description -описание.
- sum_original -себестоимость.
funnel_id — это id воронки, в которую вы хотите поместить сделку
stage_id — это id этапа этой воронки
Также вы можете интегрировать кастомные поля. Их имена для интеграции вида «f_1» можно посмотреть в карточке любой сделки, в окне «Настройка полей ‘Сделки'». В данный момент для интеграции доступны только поля типов Число, Текстовая область и Текст.
В случае, если на Вашей странице несколько форм, продублируйте методы addForm01, addForm02 и т.д. сколько нужно, заменив CSS-СЕЛЕКТОР_КНОПКИ_ОТПРАВКИ_ФОРМЫ на селектор кнопки отправки соответствующей формы, а дальше вызовите эти методы FIVE_CRM_CONSTRUCTOR.addForm01 …, FIVE_CRM_CONSTRUCTOR.addForm02 …, и т.д., прописав в них список интегрируемых полей и селектор этих форм.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
<!-- 5crm --> <script charset="utf-8" src="https://api.5crm.ru/ctm/get?public_token=ВАШ_ТОКЕН_ДОСТУПА"></script> <script> document.addEventListener("DOMContentLoaded", function () { var FIVE_CRM_CONSTRUCTOR = { list: [], sendForm: function (data) { FIVE_CRM_GLOBAL.form.data = data; FIVE_CRM_GLOBAL.form.methods.send(); }, addForm: function (options) { var self = this; var form = options.element; if (form) { form.querySelector('CSS-СЕЛЕКТОР_КНОПКИ_ОТПРАВКИ_ФОРМЫ').addEventListener('click', function (event) { var data = self.getFields(options); if (Object.keys(data).length > 0) { self.sendForm(data); } }); } }, getFields: function (options) { var data = {}; var elements = options.element.querySelectorAll("input, select, textarea"); for (var i = 0; i < elements.length; ++i) { var element = elements[i]; if (element) { var name = element.name; var value = element.value; if (options.namesList.indexOf(name) != -1) { data[options.names[name]] = value; } } } return data; } }; FIVE_CRM_CONSTRUCTOR.addForm({ element: document.querySelector('CSS-СЕЛЕКТОР_С_ID_ЭЛЕМЕНТА_СОДЕРЖАЩЕГО_ПОЛЯ_ДЛЯ_ВВОДА_И_КНОПКУ_ОТПРАВКИ_ФОРМЫ'), <!-- в namesList записать список имён name полей формы, а в names - их соответствие названиям полей в 5crm. Для интеграции доступны следующие поля: name, email, phone, sum, description --> namesList: ['Name', 'Email', 'Phone', 'Textarea'], names: { 'Name': 'name', 'Email': 'email', 'Phone': 'phone', 'Textarea': 'description' } }); }); </script> <!-- /5crm --> |