Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Шины и диски 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 element.php favicon google maps Google Mobile Friendly Websites marketmixer robot.txt SEO seo sku template.php title автокомпозит авторизация адаптивная верстка активация 1С-Битрикс активное и подключенное свойство акции артикул товара Аспро: Next Аспро: Медицинский центр 2.0 баннеры бренды быстрый заказ валюта визуальный редактор вкладки главная страница единицы измерения заголовки изменение текста в блоке изменить заголовки изображения как загрузить каптча капча карта карточка товара карточка услуги кастом каталог товаров классы стилей ключевые слова код решения кодировка количество товара корзина купить в 1 клик левое меню логотип магазины маркер на карте маска телефона медиабиблиотека меню местоположения мобильная платформа модули модуль настроек название сайта настройка валют настройка веб-форм настройка инфоблоков настройка компонентов настройка свойств настройки доступа настройки инфоблока настройки магазина настройки модулей настройки раздела нет в наличии новая цена новости обновление платформы обновление решения обратный звонок ограничения описание раздела описание страницы описание товаров основной баннер отзывы о товаре отображение свойств отображение товаров оформление заказа ошибка активации ошибка в форме персональные рекомендации платежные системы подлинность лицензии подписка на товар поиск покупка в 1 клик пользовательские свойства пользовательские скрипты похожие товары почтовые уведомления почтовые шаблоны права доступа проекты проживание разделы каталога разработчикам регистрация резервное копирование свойства заказа свойства инфоблока свойства раздела свойства товара связанные товары символьный код скидки скорость загрузки сайта скрывать картинку модели скрывать описание бренда сортировка социальные сервисы список заказов список пользователей способы доставки сравнение товаров страница партнеров страница успешной оплаты структура сайта текст в карточке товара текст в корзине тизеры типы цен товары в регионах товары на складах торговые предложения умный фильтр услуги установка решения уязвимости файлы и папки фильтр по годам форма CRM форма задать вопрос формы на инфоблоках формы обратной связи форум харктеристики хлебные крошки чпу шапка на мобильном эквайринг