Tilda · 6 мин чтения

Скрипт для Тильды: когда нужен, сколько стоит и как внедряется

Скрипт для Тильды нужен, когда типовых настроек конструктора не хватает: посчитать доставку по своей логике, ограничить промокод условием, которого нет в панели, или передать данные во внешнюю систему. Ниже подробно про цену, сроки по этапам, что входит в работу и что заказчик оплачивает отдельно, без общих фраз, только то, с чем сталкиваюсь на реальных проектах.

Когда нужен скрипт, а не штатная настройка Тильды

  • Ограничение промокода по категории товаров или по конкретному разделу каталога. В панели Тильды промокод ограничивается количеством использований и сроком действия, привязки к товарной категории в интерфейсе нет, поэтому такое условие добавляется скриптом поверх формы заказа.
  • Зона доставки, нарисованная по карте или по радиусу от точки. Штатно Тильда считает доставку по городам и через калькулятор СДЭК по адресу с учётом веса и габаритов, а произвольная зона, не совпадающая с границами города целиком, штатными средствами не собирается.
  • Расчёт налога, НДС или комиссии внутри заказа под конкретную схему налогообложения. Конструктор передаёт сумму заказа как есть, отдельная логика расчёта делается скриптом.
  • Конвертация цен в разных валютах для покупателей из разных стран.
  • Кастомная логика на форме: показать или скрыть поле по условию, изменить текст ошибки, отправить данные сразу в CRM и в Telegram.
  • Тонкая настройка индексации. В интерфейсе Тильды нет визуального редактора robots.txt, при этом 301-редиректы уже настраиваются в панели SEO без единой строчки кода, и для переезда страниц этого обычно хватает.
  • Обмен данными с внешними сервисами, которых нет в списке готовых интеграций. Здесь я работаю через вебхуки Форм и API Тильды, у которого только чтение: семь GET-методов и лимит 150 запросов в час. Писать данные обратно в Тильду через API нельзя, для этого используются формы и вебхуки, а не прямая запись.

Бесплатный материал

🎁 Полезный скрипт в подарок

Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.

Без спама. Отписка в 1 клик.

Из чего складывается цена скрипта для Тильды

Цена зависит от четырёх вещей: сложности логики, количества внешних систем, объёма правок в существующей вёрстке и того, насколько чётко сформулирована задача до старта. Условие в одну строку кода и условие с несколькими сценариями и проверкой на ошибки, это разные по времени задачи, даже если выглядят похоже в кратком описании.

Отдельно считается интеграция с внешними сервисами: подключение СДЭК, эквайринга или CRM требует не только кода на стороне Тильды, но и работы с личными кабинетами и ключами этих сервисов. Обмен с 1С через CommerceML и синхронизация с МойСклад у Тильды уже встроены и настраиваются в интерфейсе, а нестандартный маппинг полей или логика, которой нет в штатном обмене, оценивается отдельно.

Такую доработку я веду как отдельную услугу: кастомная доработка Тильды начинается от 3 000 ₽ за точечную правку и от 40 000 ₽ за комплексную интеграцию с CRM, эквайрингом или СДЭК.

Тип задачи Что делает скрипт Цена Срок
Точечная доработка Скрытие или показ блока по условию, кастомный редирект, валидация поля формы, корректный порядок подключённых скриптов от 3 000 ₽ 1-3 дня
Логика на форме или в каталоге Условное ограничение промокода, цена по региону, кастомный расчёт суммы заказа от 3 000 ₽ 2-5 дней
Комплексная интеграция Связка с CRM, эквайрингом, СДЭК или другой внешней системой через API и вебхуки от 40 000 ₽ 2-4 недели

Сроки по этапам: от диагностики до публикации

  • Диагностика и формулировка задачи. Смотрю текущий код проекта, блоки, уже подключённые скрипты и формулирую, что именно должно происходить и при каких условиях. На точечную правку уходит один день, на интеграцию с несколькими системами до трёх дней, потому что нужно свести логику разных сервисов в одну схему.
  • Разработка и локальное тестирование. Срок берётся из таблицы выше и зависит от количества сценариев: обычный кейс, граничный кейс, ошибка ввода.
  • Проверка на мобильной версии и в разных браузерах. Код, который отрабатывает на десктопе, не всегда ведёт себя так же на мобильной версии блока, потому что вёрстка и события там другие. Закладываю на это отдельное время, а не последние пять минут перед сдачей.
  • Публикация и приёмка. Тильда кеширует статику через CDN, поэтому изменения кода иногда не видны сразу после публикации страницы, и это нормально, а не повод считать, что скрипт не сработал.

Что входит в работу и что оплачивается отдельно

  • Входит: анализ текущей структуры проекта, написание и тестирование скрипта, установка в настройки проекта или в конкретный блок, проверка на мобильной версии, короткое описание того, что и куда добавлено.
  • Оплачивается отдельно: настройка самих сторонних сервисов, например тарифов эквайринга или личного кабинета СДЭК, доработка скрипта после того, как Тильда меняет вёрстку блока, потому что это уже новая задача, а не гарантийный случай, и постоянная техническая поддержка проекта.

Что подготовить до старта

  • Доступ к панели Тильды с ролью, которая даёт возможность редактировать код проекта.
  • Описание логики словами, даже без технического языка: как должно работать в обычной ситуации и что делать в нестандартной.
  • Ключи и доступы к личным кабинетам сторонних сервисов, если нужна интеграция, например к СДЭК, платёжному шлюзу или CRM.
  • Тестовые данные: тестовый заказ, тестовый промокод, тестовый номер телефона для проверки уведомлений в Telegram через Формы.

Где обычно ломается кастомный скрипт на Тильде

  • Конфликт порядка подключения скриптов в head, когда пиксель метрики или другой сторонний код перехватывает событие раньше, чем должен сработать кастомный скрипт.
  • Изменение вёрстки блока после того, как Тильда обновляет редактор, из-за чего скрипт, завязанный на конкретный класс, перестаёт находить элемент на странице.
  • Лимит API в 150 запросов в час, который легко выбрать, если скрипт дёргает данные по каждому действию пользователя вместо разумного кеширования на своей стороне.
  • Мобильная адаптация: события клика и скролла на тач-устройствах ведут себя иначе, чем на десктопе, и без отдельной проверки это всплывает уже после публикации.

Как принимать работу

Прошу тестовый сценарий с несколькими кейсами: обычный, граничный и заведомо ошибочный ввод, чтобы увидеть, как скрипт себя ведёт не только в идеальных условиях. Проверяю результат на мобильной версии и в другом браузере, а не только там, где велась разработка. Получаю короткое описание того, куда именно вставлен код и на что он завязан, это пригодится, если через полгода к проекту зайдёт другой разработчик. Убеждаюсь, что правки сделаны в самом проекте на Тильде, а не во внешнем файле с истекающим сроком доступа.

Условия и возможности Тильды меняются, поэтому перед запуском я уточняю их у самого сервиса.

Частые вопросы

Можно ли вставить скрипт в Тильду самостоятельно, без разработчика

В настройках проекта есть поля для кода до </head> и перед </body>, а для точечных блоков используется Zero Block с собственной вёрсткой. Технически вставить код может любой, кто имеет доступ к панели. Сложность обычно не в том, куда вставить, а в том, чтобы код не конфликтовал с уже подключёнными скриптами и одинаково работал на десктопе и на мобильной версии.

Что будет, если после обновления Тильды скрипт перестанет работать

Тильда время от времени меняет вёрстку блоков, и скрипт, завязанный на конкретный класс или структуру, может сломаться. Бесплатных обновлений я не обещаю: доработка после изменения вёрстки оценивается как отдельная задача, обычно она короче и дешевле первоначальной разработки, потому что логика уже понятна и меняется только привязка к элементам.

Реально ли ограничить промокод по категории товаров через настройки Тильды

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

Нужен ли доступ к аккаунту Тильды для установки скрипта

Да, нужен доступ с ролью, которая даёт возможность редактировать код проекта. Для интеграций с СДЭК, CRM или эквайрингом дополнительно нужны ключи и доступы в личных кабинетах этих сервисов, без них разработка упирается в тестирование уже на этапе, когда код готов, а проверить его не на чем.

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно