Настройка Tilda
Используйте блоки из раздела Магазин
Назначьте идентификаторы
Для передачи необходимых параметров в систему и автоматического создания плана питания оформите карточку программы питания следующим образом: В поле подзаголовок или артикул пропишите значения нужной программы питания. Таблицу соответствий мы пришлем на запрос. Пример таблицы с программами
Название вашей программы питания | Идентификатор |
Спорт и набор массы | program_id_4 |
Комфортное похудение | program_id_5 |
Детокс | program_id_17 |
Чтоб подзаголовок (Артикул) не мешался в карточке товара, выделите его название, нажмите иконку редактирования цвета текста и поставьте значение #f7f7f7 тогда он сольется с фоном и клиенты его не увидят. А нам этот параметр очень нужен по нему мы будем определять какую программу заказал клиент и автоматически создадим календарь питания.
Укажите количество дней
Второй параметр в карточке товара Количество дней. В значение параметра вы можете указать специфичную цену за определенное количество дней. Нам этот параметр необходим, что знать на какое кол-во дней в системе создать календарь питания. ВАЖНО! Параметр должен называться Количество дней с большой буквы, с одним пробелом, без ошибок, иначе скрипт не сработает. Можете скопировать из инструкции или посмотреть на картинку. Заполните стоимость дней, помните, что при поступлении заявки в систему, мы все равно возьмем цену из текущего прайса, поэтому не ошибайтесь с ценами на сайте и не вводите в заблуждение клиентов.
Если у вас одна цена на все дни, то все равно желательно указать на сколько дней клиент может оформить заказ.
Подключите корзину
Подключите блок ST 100 - корзина и настройте ее: нажмите “Контент” -> “Поля для ввода”.
И так заполните все поля, которые вам необходимы, обязательные поля мы отметили в таблице.
Тип (поля Тильда) | Имя переменной | Комментарий | Обязательно |
Имя | Name | Имя клиента | Да |
емейл клиента | Да | ||
Телефон | Phone | телефон клиента | Да |
Поле для ввода в одну строку | Address | Адрес доставки клиента | нет |
Промокод | нет | Внимательно по промокоду | нет |
Дата | date | Дата первой доставки, которую желает клиент, но все зависит от процессов вашей компании | нет |
Выпадающий список | time | Временной диапазон доставки | нет |
ВАЖНО! Обратите внимание на формат даты!
ВАЖНО! Обратите внимание на формат диапазона времени!
Создайте промокоды в системе
Промокод. В нашей системе есть промокоды и в тильде тоже.
pageПромокодыПоэтому когда вы будете заполнять справочник промокодов в Тильде необходимо выполнить 2 условия:
Данный промокод должен быть заведен и в ERP системе.
Данные промокодов должны точно совпадать (Код, размер скидки, срок действия)
Проверьте карточку заказа и корзину
В итоге при заказе программы карточка товара должна выглядеть примерно так (дизайн зависит от того какой вы выбрали блок и от вашей фантазии)
Корзина будет выглядеть так и опять же зависит какие поля вы решили дополнительно добавить к заказу.
Подключите Webhook
Для тестирования заказа перейдите на сайт https://webhook.site/
Получите вашу персональную ссылку для тестирования (Your unique URL)
Скопируйте и перейдите на настройки сайта Тильда -> Формы -> WebHook
Вводите в поле WEBHOOK URL ссылку полученную на предыдущем сайте.
Далее переходите на страницу с корзиной и подключаете данный webhook к корзине. Корзина -> Контент -> подключенные сервисы
Тестирование
Публикуем страницы, переходим и оформляем заказ, после отправки Тильда отправит данные на сайт https://webhook.site/ и вы увидите все данные которые пришли. Проверьте правильность написания полей и из заполнение.
Работа
Если все ок, то тестовый WEBHOOK можно отключать и прописывать рабочий адрес и токен, который получите их в техподдержке нашей компании. https://<ваш адрес в системе>.fosci.cloud/api/tilda/order?api_token=<код от техподдержки>
Поставьте в настройках тильды "присылать Cookies - выключено", "присылать UTM - включено"
Last updated