KEY4GAMES — разработка магазина игровых ключей и аккаунтов
Постоянная разработка живого магазина на WooCommerce: новая главная и страница товара, каталог, корзина и оплата, 32 тысячи консольных аккаунтов, партнёрская программа, более 460 релизов.
KEY4GAMES (key4games.com) — европейский магазин цифровых товаров для геймеров: ключи для ПК и консолей, аккаунты PlayStation, Xbox и Nintendo, подарочные карты и пополнения, сайт на 17 языках и в девяти валютах. Магазин уже работал на WordPress и WooCommerce с собственным API каталога, когда в сентябре 2026 года мы подключились к проекту. Начали с новой главной, а дальше стали постоянной командой разработки: страница товара, каталог, корзина и оплата, выдача заказов, партнёрская программа, страницы поддержки и админ-инструменты для владельца. С 22 сентября мы выпустили на прод более 460 релизов.
Технический стек
WordPress + WooCommerce с собственной темой магазина, отдельный API на Laravel, который держит каталог, цены и выдачу, и чекаут на WooCommerce Blocks, поверх которого мы положили собственный слой интерфейса. Каждый релиз идёт через git-тег с проверками на сервере (рендер страниц, цены, платёжки) и автооткатом, если что-то падает. Чат поддержки — LiveChat, рабочие уведомления — Telegram-бот.
Главная
Главную мы сначала нарисовали в Figma и сверстали с точностью до ±2 px, а потом встроили в тему и выкатили на прод. Хиро — до четырёх игр с миниатюрами, дальше предзаказы, подарочные карты с ценами номиналов, новинки, блок преимуществ и игры до €10. Хиро и подборки владелец заполняет сам в разделе Key4Games › Homepage: игра, картинка из медиатеки, позиция кадра, тексты.
Страница товара
Страницу товара переделали в цветах сайта, в логике больших маркетплейсов: медиа, атрибуты с иконками и блок цены с кнопками. Издания и платформы одной игры собраны на одной странице с переключателями. Трейлер играет прямо в галерее, а на телефоне обложку можно листать свайпом. Для аккаунтов, которые выдаются не ключом, а в чате, страница сразу объясняет, как это работает.
32 тысячи консольных аккаунтов
Мы подключили фид поставщика с более чем 32 тысячами аккаунтов PlayStation, Xbox и Nintendo. Цены и наличие обновляются каждый час, а игры сгруппированы по схеме «игра → тип (ключ, консольный или ПК-аккаунт) → платформа». Для 12 764 игр мы подготовили описания с проверкой фактов, а трейлеры подтянули из карточки той же игры и из Steam.
Промостраницы релизов
Под большие релизы промостраницу создают в админке без разработчика: арт, лого игры, переключатель платформ, карточки изданий и подборки. Сейчас так сделаны GTA VI, EA SPORTS FC 27, Call of Duty: Modern Warfare 4 и Star Wars: Galactic Racer.
Корзина и оплата
Корзину и оплату мы сделали по дизайну владельца поверх WooCommerce Blocks. После добавления товара открывается окно с подборкой «Often bought together», в шапке есть мини-корзина, а оформление разбито на шаги Cart → Payment → Delivery. Комиссия метода оплаты видна до оплаты, Apple Pay и Google Pay — кнопками прямо в корзине и на странице оплаты. Карта Visa/Mastercard сама идёт через того эквайера, который обслуживает страну и валюту покупателя. Скидки и промокоды управляются из админки: правила на ключи, аккаунты, игры или товары, даты действия и скидка от суммы корзины.
Выдача и поддержка
После оплаты покупатель видит страницу доставки с отдельной карточкой на каждое состояние: ожидание, ключ с кнопкой копирования, передача в чат, проблема с выдачей. Аккаунты выдаёт оператор в LiveChat: у одного покупателя один чат на всех устройствах, и когда оператор отправляет данные, заказ сам становится «Доставлен». Команда получает уведомления в Telegram об оплатах, ручной выдаче и проблемных заказах. Страницы Help center, FAQ, Contact us, How to buy и Activation guide мы сделали по макету владельца.
Партнёрская программа
Мы сделали партнёрскую программу: ссылки с ?ref= на любую страницу, комиссии на уровне строки заказа, кабинет партнёра /partner/ без доступа к админке (клики, заказы, оборот, комиссия), выплаты по запросу и фиды заказов и товаров для партнёрских площадок.
Скорость и стабильность
Обложки отдаются WebP-копиями нужной ширины, а не оригиналами на несколько мегабайт. Поисковых и AI-ботов мы отделили от живых посетителей, потому что краулер забирал лимит запросов и сайт отдавал людям 429. А повторная оплата после отказа банка или незавершённого 3-D Secure открывает новый счёт, а не зависший старый.
Мобильная версия
Язык и валюту на телефоне выбирают в шторке снизу, обложку товара листают свайпом, а в корзине панель с суммой и кнопкой закреплена внизу экрана.
Итог
На нас новая главная и страница товара, каталог, категории, корзина и оплата по макетам владельца, фид на 32 тысячи аккаунтов с описаниями и трейлерами, промостраницы, скидки и партнёрская программа, выдача через чат и Telegram, страницы поддержки с переводами на все языки сайта и более 460 релизов на живом магазине.
