# Интеграция в LPMotor

### Подключение виджета умной корзины Кактус

Войдите в общие настройки сайта

[![image-1593529592525.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593529592525.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593529592525.png)

[![image-1593529658594.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593529658594.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593529658594.png)

В поле "Вставка в тэг head" добавьте следующий код

[![image-1593529788777.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593529788777.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593529788777.png)

```HTML
<script src="https://static.kak2c.ru/v2/kak2c.checkout.js"></script>
<link rel="stylesheet" href="https://static.kak2c.ru/v2/kak2c.checkout.css">

<script>
    var kak2c_domain = "shopXXXXXX";

    document.addEventListener("DOMContentLoaded", function (){
        kaktusWidget({
            domain: kak2c_domain,
        });

        var buttons=document.querySelectorAll('a[href^="#order"]');

        if (buttons.length) {
	        buttons.forEach(function(elem) {
	        	elem.addEventListener('click', function(event) {
		            event.preventDefault();
		            event.stopPropagation();
		            var article = $(this).attr('href').replace(/^#order:?/gi, '').trim();
		            if (article) {
		                kaktusWidget.changeCart({
							variantId: article, 
							count: 1, 
							operation: 'ADD' 
						});
		            }
		        })
	        });
	    }
    });
    
</script>
```

**Внимание! В строке**

**var kak2c\_domain = "shopXXXXXX";**

**XXXXXX заменить на ID аккаунта, который можно посмотреть в настройках ЛК Кактус.**

### Создание кнопки для добавления товара в корзину

Войдите в редактор страницы IPMotor. Добавьте на Вашу страницу новую кнопку.

[![image-1593530247544.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593530247544.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593530247544.png)

[![image-1593530288683.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593530288683.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593530288683.png)

Кликните на эту кнопку, затем войдите в ее редактирование. Выберите Действие - "Переход по ссылке"

[![image-1593530593983.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593530593983.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593530593983.png)

В качестве ссылки задайте следующую строку (начиная со знака "#", без пробелов)

```
#order:XXXX
```

Вместо XXXX укажите ID товара, который должна добавлять в корзину эта кнопка. ID товара можно посмотреть в личном кабинете Кактуса:

[![image-1593530876179.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1593530876179.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1593530876179.png)

***Примечание:** для товаров с вариантами нужно указывать ID варианта.*

Вместо ID товара или варианта можно использовать артикул, который в этом случае указывается в поле "Внешний ID" ЛК Кактуса. Для этого нужно изменить код из предыдущего раздела: фрагмент

```JavaScript
 kaktusWidget.changeCart({
   variantId: article, 
   count: 1, 
   operation: 'ADD' 
 });
```

Заменить на

```
kaktusWidget.changeCart({
   variantExtId: article, 
   count: 1, 
   operation: 'ADD' 
 });
```