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

1\. В настройках внешнего вида сайта Ecwid включите отображение артикула на странице товара. **Это важно для правильной работы виджета корзины Кактус.** Если Вы не хотите чтобы артикул отображался покупателю, его можно скрыть (см. комментарии в коде ниже). Но тем не менее включать в настройках его все равно обязательно.

Войдите в редактирование внешнего вида сайта.

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

Затем магазин/страница товара

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

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

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

2\. В поле "мета-теги для верификации сайта" после уже имеющегося там кода добавьте код интеграции виджета корзины Кактус. При этом вместо "XXXXX" не забудьте указать свой ID аккауната, который можно посмотреть в настройках ЛК Кактуса.

[![image-1591995599898.png](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/scaled-1680-/image-1591995599898.png)](https://wiki.kak2c.ru/uploads/images/gallery/2020-06/image-1591995599898.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">
<style>
	.details-product-purchase__checkout, .float-icons__icon--cart, .ec-footer {
		display: none !important;
	}

	/* Необязательная возможность скрыть поле артикула на страницы товара. При надобности раскомментируйте */
	/*.product-details__product-sku {
		display: none !important;	
	} */
</style>

<script>
	document.addEventListener("DOMContentLoaded", function (){
    	var kak2c_domain = "shopXXXXXX"; //	Укажите здесь Ваш идентификатор магазина

    	kaktusWidget({
	        domain: kak2c_domain
	    });

    	document.body.addEventListener('click', function(e) {
    		if (e.target.closest('.details-product-purchase__add-to-bag, .details-product-purchase__add-more')) {
    			var sku = document.querySelector('.product-details__product-sku').textContent.replace(/артикул/gui, '').trim();
    			kaktusWidget.changeCart({
					variantExtId: sku,
					count: 1, 
					operation: 'ADD' 
				});
    			event.stopPropagation();
            	event.preventDefault();
    		}
    	}, {capture: true});

    });
</script>
```

3\. В ecwid задайте артикулы всем товарам. Если Вы не ведете артикулы, можно задать любое значение, лишь бы оно было уникально для каждого товара. Для товаров с вариантами нужно задать уникальный артикул для каждого варианта. И то же самое значение нужно указать в поле "Внешний ID" товара или варианта в ЛК Кактуса.

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

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