Интеграция формы с сайта с AmoCRM в 35 строк

Наконец, подвернулась небольшая задача о решении которой не влом создать пост, ведь и спрос на такого рода связку часто возникает.

Суть задания — связать форму с сайта с кабинетом AmoCRM чтобы лиды приходили туда. Находил много слишком объёмных решений с использованием библиотеки AmoCRM , но зачем, если можно сделать это в несколько строк.

<script>
	$(document).ready(function () {
		$('#form_id').on('submit', function (event) {
				var visitor_uid = AMOPIXEL_IDENTIFIER.getVisitorUid();
				var user_origin = { datetime: new Date(), referer: "pavuk.me" };  // referer - (источник лида)
				var user_origin_string = JSON.stringify(user_origin);

				formData = new FormData();    
				formData.append( 'fields[name_1]', $this.find('#name').val() );  // Имя и значение кастомного поля
				formData.append( 'fields[118061_1][211222]', $this.find('#phone').val() );  // Имя и значение кастомного поля
				formData.append( 'fields[118064_1][211211]', $this.find('#email').val() ); // Имя и значение кастомного поля
				formData.append( 'fields[note_2]', $this.find('#textarea').val() );  // Имя и значение кастомного поля

				formData.append( 'form_id', 211211 ); // Очевидно - ID формы
				formData.append( 'hash', 'b9fb1c7hlFj3bvb07e87625e759969f' );  // Очевидно - хэш формы
				formData.append( 'visitor_uid', visitor_uid ); 
				formData.append( 'user_origin', user_origin_string );

				$.ajax({
					type: "post",
					url: 'https://forms.amocrm.ru/queue/add',
					data: formData,
		            contentType: false,
		            processData: false,
					success: function () {
						console.log('successfully sent to amocrm');
					},
					error: function () {
					}
				});

		});
	});
</script> 

<script type="text/javascript" id="amo_pixel_identifier_js" async="async" src="https://piper.amocrm.ru/pixel/js/identifier/pixel_identifier.js"></script>

AmoCRM Идентификатор формы — в настройках формы в AmoCRM а идентификаторы полей можно найти в примере формы от AmoCRM

Вот и всё. Используйте лучший хостинг от Fornex, где качественная и оперативная поддержка, и невысокие цены.

Покупайте биткоин 😉 Пишите @pavlowd если вы владелец сайта на котором нужно добавить этот код.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *