> For the complete documentation index, see [llms.txt](https://help.fosci.cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fosci.cloud/nastroiki/nastroika-tilda.md).

# Настройка Tilda

#### Используйте блоки из раздела Магазин

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FTqINM6YkU6jmlrmgCt0Y%2F2022-09-30_12-27-44.png?alt=media&amp;token=ac2cef3a-519d-4880-aeb5-6a9b22487be5" alt=""><figcaption></figcaption></figure>

#### Назначьте идентификаторы

Для передачи необходимых параметров в систему и автоматического создания плана питания оформите карточку программы питания следующим образом:\
В поле подзаголовок или артикул пропишите значения нужной программы питания. Таблицу соответствий мы пришлем на запрос. Пример таблицы с программами&#x20;

| Название вашей программы питания | Идентификатор   |
| -------------------------------- | --------------- |
| Спорт и набор массы              | program\_id\_4  |
| Комфортное похудение             | program\_id\_5  |
| Детокс                           | program\_id\_17 |

Чтоб подзаголовок (Артикул) не мешался в карточке товара, выделите его название, нажмите иконку редактирования цвета текста и поставьте значение #f7f7f7 тогда он сольется с фоном и клиенты его не увидят. А нам этот параметр очень нужен по нему мы будем определять какую программу заказал клиент и автоматически создадим календарь питания.

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2F96KKs5cvkx9k8TT77cO2%2F2022-09-30_12-37-57.png?alt=media&amp;token=00a5c4ba-5e76-4d55-a5da-201c259985da" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FPWgUKGBdCInRMEsY5pHX%2F2022-09-30_12-39-24.png?alt=media&amp;token=4d0116df-f146-4799-8258-505df32d6b49" alt=""><figcaption></figcaption></figure>

#### Укажите количество дней

Второй параметр в карточке товара Количество дней. В значение параметра вы можете указать специфичную цену за определенное количество дней. Нам этот параметр необходим, что знать на какое кол-во дней в системе создать календарь питания.\
ВАЖНО! Параметр должен называться Количество дней с большой буквы, с одним пробелом, без ошибок, иначе скрипт не сработает. Можете скопировать из инструкции или посмотреть на картинку. Заполните стоимость дней, помните, что при поступлении заявки в систему, мы все равно возьмем цену из текущего прайса, поэтому не ошибайтесь с ценами на сайте и не вводите в заблуждение клиентов.

Если у вас одна цена на все дни, то все равно желательно указать на сколько дней клиент может оформить заказ.

**Подключите корзину**

Подключите блок ST 100 - корзина и настройте ее: нажмите “Контент” -> “Поля для ввода”.&#x20;

И так заполните все поля, которые вам необходимы, обязательные поля мы отметили в таблице.&#x20;

| Тип (поля Тильда)            | Имя переменной | Комментарий                                                                             | Обязательно |
| ---------------------------- | -------------- | --------------------------------------------------------------------------------------- | ----------- |
| Имя                          | Name           | Имя клиента                                                                             | Да          |
| E-mail                       | Email          | емейл клиента                                                                           | Да          |
| Телефон                      | Phone          | телефон клиента                                                                         | Да          |
| Поле для ввода в одну строку | Address        | Адрес доставки клиента                                                                  | нет         |
| Промокод                     | нет            | Внимательно по промокоду                                                                | нет         |
| Дата                         | date           | Дата первой доставки, которую желает клиент, но все зависит от процессов вашей компании | нет         |
| Выпадающий список            | time           | Временной диапазон доставки                                                             | нет         |

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FBvx8wuVVPbE6ApWoCRav%2F2022-09-30_12-57-22.png?alt=media&amp;token=5e348475-6259-4d71-a0de-dcdc661fbf6e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FjW9dNQjT6ivKOhLf6TGp%2F2022-09-30_12-58-46.png?alt=media&amp;token=400d1529-6247-4b73-926a-2062032f57b1" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
ВАЖНО! Обратите внимание на формат даты!
{% endhint %}

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FNA12QD8aqy471EH3cLTq%2F2022-09-30_12-59-26.png?alt=media&amp;token=adaf9a18-de8e-470e-abd8-c149bed32346" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
ВАЖНО! Обратите внимание на формат диапазона времени!
{% endhint %}

#### Создайте промокоды в системе

Промокод. В нашей системе есть промокоды и в тильде тоже.&#x20;

{% content-ref url="/pages/-MeJk3j\_wYIRgn-0FSdd" %}
[Промокоды](/klienty/marketing/promokody.md)
{% endcontent-ref %}

Поэтому когда вы будете заполнять справочник промокодов в Тильде необходимо выполнить 2 условия:

1. Данный промокод должен быть заведен и в ERP системе.
2. Данные промокодов должны точно совпадать (Код, размер скидки, срок действия)
3. Проверьте карточку заказа и корзину

В итоге при заказе программы карточка товара должна выглядеть примерно так (дизайн зависит от того какой вы выбрали блок и от вашей фантазии)

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2F8q5m3KbqhB8d67kR3Yld%2F2022-09-30_13-05-12.png?alt=media&amp;token=ef724946-2152-491a-9225-59c3fc515c38" alt=""><figcaption></figcaption></figure>

Корзина будет выглядеть так и опять же зависит какие поля вы решили дополнительно добавить к заказу.<br>

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FOf21wjtzwHwzlw3lebqY%2F2022-09-30_13-06-08.png?alt=media&amp;token=1a3e1c69-dc5d-4870-b10f-a458a41eb8e5" alt=""><figcaption></figcaption></figure>

#### Подключите Webhook

Для тестирования заказа перейдите на сайт <https://webhook.site/>

Получите вашу персональную ссылку для тестирования (Your unique URL)<br>

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2F0eJBjsFru09MQjFZZ63p%2F2022-09-30_13-07-05.png?alt=media&amp;token=150cddcb-4666-479c-8745-a31e72455190" alt=""><figcaption></figcaption></figure>

Скопируйте и перейдите на настройки сайта Тильда -> Формы -> WebHook

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FDLAzxKEMPZH5CFIc5r3F%2F2022-09-30_13-08-08.png?alt=media&amp;token=f7fd06ac-3db4-4d58-b9b8-d690e6cb44f3" alt=""><figcaption></figcaption></figure>

Вводите в поле WEBHOOK URL ссылку полученную на предыдущем сайте.

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2FDQ2ZhWIeuStbkwwmzGEq%2F2022-09-30_13-09-01.png?alt=media&amp;token=39c3ad25-6efd-42ea-a1e6-3c7dfe5b26ff" alt=""><figcaption></figcaption></figure>

Далее переходите на страницу с корзиной и подключаете данный webhook к корзине. Корзина -> Контент -> подключенные сервисы

<figure><img src="https://3776302887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MdOUy5z6bFR2lVbnY-R%2Fuploads%2F8GOc3wMbg32JPztaeDzM%2F2022-09-30_13-09-44.png?alt=media&amp;token=adcfd87a-a646-4e26-916b-edad67cd85a4" alt=""><figcaption><p><br></p></figcaption></figure>

#### Тестирование

Публикуем страницы, переходим и оформляем заказ, после отправки Тильда отправит данные на сайт <https://webhook.site/> и вы увидите все данные которые пришли. Проверьте правильность написания полей и из заполнение.<br>

#### Работа

Если все ок, то тестовый WEBHOOK можно отключать и прописывать рабочий адрес и токен, который получите их в техподдержке нашей компании.\
https\://<ваш адрес в системе>.fosci.cloud/api/tilda/order?api\_token=<код от техподдержки>

Поставьте в настройках тильды "присылать Cookies - выключено", "присылать UTM - включено"<br>