Физикл Store — интернет-магазин мерча на Tilda с интеграцией промокодов из мобильного приложения через API

О проекте

Физикл Store — это магазин мерча проекта Physical Transformation: одежда и аксессуары для активной аудитории бренда. На сайте собран максимально прямой и понятный путь покупки: каталог, корзина, поле для промокода, выбор способа оплаты, условия доставки и контактный блок без лишней перегрузки. Пользователь может быстро выбрать товар, добавить его в корзину, применить промокод, выбрать способ оплаты и завершить заказ. На сайте также прямо указаны варианты оплаты через CloudPayments и Prodamus, а доставка рассчитывается автоматически через СДЭК.

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

Что было сделано

В рамках проекта были выполнены дизайн и перенос сайта на Tilda, сборка каталога мерча на базе возможностей Tilda с корректировкой через скрипты и CSS, подключение доставки СДЭК, оплат CloudPayments и Prodamus, а также внедрение ключевой для проекта системы промокодов.

Но главная техническая часть проекта была не просто в скидках на сайте. Промокоды были интегрированы из мобильного приложения в мой API, а уже через него контролировались и применялись на сайте. Это было критично, потому что в проекте использовалось около 2500 промокодов, а стандартная логика Tilda для такого сценария не подходит: платформа поддерживает ограниченное количество кодов, и их пришлось бы заносить вручную. Здесь же нужна была полная автоматизация, контроль, проверка валидности и разовая активация.

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

Какая была задача

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

До этого команда уже пыталась идти через WordPress с другим специалистом, но нужная система так и не заработала как следует. В какой-то момент стало понятно, что нужно не продолжать закапываться в сложную сборку, а искать решение, которое можно реально довести до запуска.

Именно поэтому здесь и сработала логика Tilda + мой API + стыковка с мобильным приложением. Это позволило собрать рабочий магазин быстрее, чем если бы проект снова пошёл по пути тяжёлой кастомной разработки, и при этом не отказаться от ключевой функции — автоматической работы промокодов в связке с приложением.

Что видно по самому сайту

Сейчас на сайте видно, что проект собран в очень прикладной логике. Есть каталог, шаги оформления заказа, поле для промокода, два платёжных сценария — для карт РФ через CloudPayments и для зарубежных карт через Prodamus, а также отдельный блок с оплатой и доставкой. На сайте указано, что заказы принимаются по полной предоплате, доставка идёт через СДЭК, доступны ПВЗ, курьерская доставка, постаматы и отдельный сценарий для международной доставки. Это подтверждает, что магазин собирался не “в теории”, а сразу под реальные продажи.

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

Этап 1. Дизайн и перенос на Tilda

Сначала для проекта были собраны дизайн и сама основа магазина на Tilda.

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

После этого проект был перенесён на Tilda и уже на этой базе начал дорабатываться дальше.

Этап 2. Каталог на базе Tilda с корректировкой через скрипты и CSS

Каталог был собран на базе стандартных возможностей Tilda, но не оставлен в шаблонном виде. Под проект были сделаны точечные корректировки через скрипты и CSS, чтобы витрина работала и выглядела так, как нужно именно под этот запуск.

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

В результате проект получил магазин, который не уходит в тяжёлую разработку, но и не выглядит как “голая Тильда без настройки”.

Этап 3. Интеграция промокодов из мобильного приложения в собственный API

Это ключевой технический блок всего проекта.

Изначально задача была не просто добавить на сайт поле для скидки. Нужно было взять промокоды, которые уже существуют в мобильном приложении, и сделать так, чтобы они нормально работали на сайте, автоматически контролировались и не требовали ручного управления внутри Tilda.

Именно здесь стандартная логика Tilda не подходила. Для проекта требовалось работать примерно с 2500 промокодами, тогда как в обычной схеме платформы есть ограничение по количеству кодов, и к тому же их пришлось бы заносить вручную. Для пилотного запуска это было бы просто нереально.

Поэтому была реализована отдельная схема: промокоды из мобильного приложения интегрировались в мой API, а уже через него обрабатывались на сайте. Это позволило сделать:

• автоматическую работу большого количества промокодов;
• контроль использования кодов;
• проверку валидности;
• разовую активацию;
• нормальную систему без ручного хаоса и постоянного администрирования внутри Tilda.

Именно это решение стало тем, что позволило магазину не упереться в ограничения платформы и реально подготовиться к запуску.

Этап 4. Работа в связке с программистом мобильного приложения

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

Промокоды были частью мобильного приложения, а значит, нужно было синхронизировать логику сайта с приложением для iOS и Android. Поэтому работа шла в паре с их программистом: моя зона — сайт, каталог, промокоды на стороне API и контроль на сайте; его зона — приложение и связанная с ним часть логики.

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

Этап 5. Подключение оплат и доставки

Для магазина были подключены два платёжных сценария и доставка.

На сайте сейчас доступны:

• CloudPayments для оплаты картами РФ;
• Prodamus для оплаты зарубежными картами.
  Также подключена доставка через СДЭК, с автоматическим расчётом стоимости и несколькими вариантами получения заказа. Всё это уже отражено на сайте в пользовательском пути и в блоке про оплату и доставку.

Это важный слой проекта, потому что магазин мерча нельзя считать запущенным, если у него “пока есть только каталог”. Здесь были подключены именно те элементы, которые делают запуск реальным: товар можно выбрать, промокод можно применить, оплату можно провести, доставку — оформить.

Этап 6. Бонусная система как следующий шаг развития магазина

Отдельно позже для проекта была внедрена бонусная система.

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

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

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

За счёт этого магазин смог развиваться поэтапно:

• сначала запуск пилотной программы продаж;
• потом стабильная работа каталога, промокодов, оплат и доставки;
• затем подключение бонусной системы как следующего слоя для роста и удобства.

Именно так и должен развиваться живой проект: не через долгую заморозку ради “идеальной версии”, а через быстрый старт и дальнейшее усиление нужными функциями по мере роста задач.

Этап 7. Максимально простой и быстрый запуск

Ещё одна сильная сторона этого проекта — сам подход к реализации.

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

• каталог открывается;
• товары можно заказать;
• промокоды применяются корректно;
• сайт стыкуется с приложением;
• оплата и доставка подключены;
• пилотная программа стартует вовремя.

Именно в этом и заключается ценность проекта: он был собран не “на потом”, а под реальный запуск.

Почему этот проект особенно показательный

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

До моего подключения команда уже пробовала идти через WordPress с другим специалистом, но система не сложилась как нужно. В итоге сработал другой путь: Tilda + доработки + мой API + связка с приложением. Это позволило не только ускорить работу, но и сделать то, что реально было нужно проекту — функциональный магазин под конкретный запуск.

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

Что в итоге получил клиент

В результате клиент получил:

• магазин мерча, который удалось быстро запустить;
• аккуратный и понятный дизайн;
• рабочий каталог на базе Tilda с нужными доработками;
• промокоды, вынесенные из ограничений Tilda в собственную API-логику;
• автоматическую работу большого количества кодов;
• контроль использования и разовую активацию;
• административную часть для отслеживания и корректировки;
• стыковку магазина с мобильным приложением;
• подключённые оплаты и доставку;
• систему, которая помогла успеть к запуску пилотной программы продаж.

И это здесь главное: проект не остался в стадии “делаем”, а стал рабочим инструментом вовремя.

Отзыв

Маша

«Владимир нас просто капец как выручил. До этого мы долго пытались сделать сайт на WordPress с другим специалистом, но в итоге система так и не заработала как нужно, и стало понятно, что надо срочно искать другое решение.

Именно Владимир предложил вариант, при котором Tilda вместе с его API нормально состыкуется с нашим мобильным приложением для iOS и Android. Для нас это было огромным облегчением, потому что нужно было запуститься быстро, удобно и без очередного длинного круга сложной разработки.

Отдельно хочу сказать спасибо за терпение. Из-за наших внутренних юридических процессов согласование оплаты шло долго, но Владимир начал работу ещё до полного закрытия этого вопроса, и это очень помогло не потерять время.

В итоге мы получили магазин, который удалось быстро собрать, нормально связать с приложением и вовремя подготовить к запуску пилотной программы продаж. Спасибо большое за включённость, за удобный подход и за то, что ты смог предложить реально рабочее решение, когда это было особенно нужно».

Как со мной связаться

Если вам нужен интернет-магазин на Tilda с быстрым запуском, доработками под реальные задачи проекта, API-логикой и интеграциями с внешними сервисами или приложениями, напишите мне.

Telegram: @vbalakin
MAX: +7 987 982-28-42

Расскажите о вашем проекте — помогу понять, как лучше собрать его быстро, удобно и без лишней сложности.