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 релізів на живому магазині.
