Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Шины и диски 2.0
    • Аспро: Next
    • Аспро: Оптимус
    • Аспро: Шины и диски, интернет-магазин
    • Аспро: Интернет-магазин
    • Аспро: Крутой шоп
    • Аспро: Маркет
  • Корпоративные сайты
    • Аспро: Приорити
    • Аспро: Корпоративный сайт 2.0
    • Аспро: Ландшафт
    • Аспро: Медицинский центр 2.0
    • Аспро: Digital-компания
    • Аспро: Курорт
    • Аспро: Стройка
    • Аспро: Сайт медицинского центра
    • Аспро: Корпорация
    • Аспро: Корпоративный сайт
    • Аспро: Корпоративный сайт современной компании
  • Модули
    • Аспро: Шинный калькулятор
    • Аспро: Кредитный калькулятор
    • Аспро: Универсальный импорт
  • 1С-Битрикс
    • Общее

Как заменить на сайте вывод попап-форм из решения на формы из Битрикс24

ID статьи: 385 , создана 27 Май 2019
Необходимо заменить на сайте вывод попап-форм из решения на формы из Битрикс24. 

Решение

Указанный способ реализации доработки гарантирует его стабильную работу даже после обновления модуля решения. Рассмотрим его работу на примере Аспро: Медицинский центр 2.0 для направления «Терапевтия».

Внимание! Эта инструкция актуальна только для тех форм, у которых прописан параметр «data-event="jqm"».

1. Создайте и настройте CRM-форму в Битрикс24. 

2. Скопируйте код формы для вставки на сайт, типа «Клик по ссылке».


Перейдите в настройки сайта в административной части. В разделе «Цели и счетчики», нажмите кнопку «Редактировать» и добавьте файл со счетчиками.



После добавления кода, нажмите кнопку«Сохранить».



3. Перейдите в публичную часть сайта. Нажмите на кнопку записи на прием. Убедитесь, что в подвале сайта появилась ссылка, клик по которой вызывает появление CRM-формы из Битрикс24.




4. Чтобы скрыть эту ссылку, вернитесь в административную часть, где вы добавляли код формы и добавить «hidden» в класс ссылки.


5. Далее, необходимо внести изменения в файл шаблона сайта, предназначенный для пользовательских скриптов. Путь к нему в оригинальном шаблоне решения /bitrix/templates/aspro-medc2/js/custom.js.

Вставьте код: 

    
/* bindings of forms in site and B24 forms */
var formBindings = {
	326: 3,
}

/* click button of B24 form */
$(document).on('click', '[data-event=b24]', function(){
	var id = $(this).data('param-id');
	if(id > 0 && typeof formBindings === 'object'){
		var bind = formBindings[id];
		if(bind > 0){
			var $link = $('.b24-web-form-popup-btn-' + bind);
			if($link.length){
				$link[0].click();
			}
		}
	}
});

/* unbind jqm events */
$(document).ready(function(){
	if(typeof formBindings === 'object'){
		var keys = Object.keys(formBindings);
		for(var i in keys){
			var id = keys[i];
			var $link = $('[data-event=jqm][data-param-id=' + id + ']');
			if($link.length){
				$link.unbind();
				$link.data('event', 'b24');
				$link.attr('data-event', 'b24');
			}
		}
	}
});



6. Измените объект formsBindings, в котором перечислены связи форм на сайте с CRM-формами в Битрикс24. Например, инфоблок формы «Запись онлайн» на сайте имеет идентификатор 326, а идентификатор аналогичной CRM-формы в Битрикс24 - 3 .

Пример:

var formsBindings = {

   326: 3,

};

Для описания связей нескольких форм нужно просто перечислить их все в объекте через запятую, где идентификатор инфоблока на сайте - это ключ объекта, а идентификатор соответствующей CRM-формы в Битрикс24 - это значение ключа.

var formsBindings = {

   326: 3,

   328: 1,

};


7. Убедитесь, что клик по кнопке открывает CRM-форму в Битрикс24.




  • Комментарии
Загрузка комментариев...

Тэги

1С-Битрикс cdn custom.css favicon footer.php google maps Google Mobile Friendly Websites robot.txt SEO seo sku template.php title автокомпозит авторизация адаптивная верстка адаптивность таблиц активация 1С-Битрикс акции артикул товара Аспро: Next Аспро: Медицинский центр 2.0 баннеры бренды быстрый заказ валюта видео вкладки выводить описание главная страница единицы измерения заголовки заголовки на главной изменить заголовки изменить заголовки на главной изображения Интернет-магазин каптча капча карта карточка товара кастом каталог товаров классы стилей код решения кодировка количество товара корзина купить в 1 клик левое меню логотип магазины маска телефона медиабиблиотека меню местоположения мобильная платформа модули модуль настроек название сайта настройка валют настройка веб-форм настройка инфоблоков настройка компонентов настройка свойств настройки доступа настройки инфоблока настройки магазина настройки модулей настройки раздела нет в наличии новая цена новости обновление платформы обновление решения обратный звонок ограничения описание страницы описание товаров основной баннер отзывы о товаре отображение свойств отображение товаров отсутствующие товары оформление заказа ошибка в форме переиндексация переустановка решения персональные рекомендации платежные системы подлинность лицензии подписка на товар подразделы каталога поиск покупка в 1 клик пользовательские скрипты поля похожие товары почтовые уведомления почтовые шаблоны права доступа премодерация проекты разделы каталога разработчикам регистрация резервное копирование свойства заказа свойства инфоблока свойства раздела свойства товара связанные товары символьный код скидки скидки на товар скорость загрузки сайта скрывать описание бренда скрывать текст бренда сортировка социальные сервисы список пользователей способы доставки сравнение товаров страница успешной оплаты структура сайта текст в корзине текст в летающей корзине тизеры типы цен товары в регионах товары на складах торговые предложения умный фильтр услуги установка решения уязвимости файлы и папки форма CRM форма задать вопрос формы формы на инфоблоках формы обратной связи форум харктеристики хлебные крошки чпу эквайринг элементы в разделе элементы навигации