Інтернет-магазин SKAMREVS.COM

Магазин на WooCommerce з індивідуальною темою

В основі лежить готова тема для WordPress. Я адаптував її під бренд і додав власні модулі. У темі близько 7 000 рядків коду лише в доопрацьованих частинах.

• Каталог із колекціями (New Collection, Halloween Collection) і товарами з варіаціями (колір, розмір). Вибір варіацій реалізовано за допомогою кнопок-свотчів, а не стандартних випадних списків.
• Галерея товару з окремою логікою для мобільних пристроїв. Я виправив проблему з порожньою галереєю після жорсткого оновлення сторінки на телефонах.
• Темні шапка та підвал, логотипи в retina-якості, зображення у WebP.
• Пошук із живими підказками та мега-меню.

Власна програма лояльності: «SKAMREVS CARD»

Кожен зареєстрований покупець автоматично отримує знижку 10% на всі замовлення.

• В особистому кабінеті виглядає як банківська картка у пропорціях ID-1 (85,6 × 54 мм). На ній ім’я власника, персональний номер виду SK-XXXX-XXXX-XXXX, який формується з ID користувача, і золотий акцент на чорному тлі.
• У бічній панелі гостям показується промокартка з кнопками «Створити обліковий запис» і «Увійти». Авторизованим користувачам показується компактна картка та меню облікового запису.
• На сторінці кошика знижка розраховується автоматично й відображається окремим рядком «SKAMREVS CARD (10%)», тож жодних промокодів вводити не потрібно.

Ідея полягає в тому, щоб перетворити реєстрацію на зрозумілий бонус. Покупець одразу бачить, що отримує, і охочіше реєструється.

Покроковий чекаут

Стандартну довгу форму оформлення замовлення я замінив багатокроковою:

• індикатор «Крок X із Y» і зведення контактних даних та адреси доставки на кожному кроці;
• покрокова валідація з переходом до проблемного поля після натискання;
• зрозумілі повідомлення про помилки (окремо розглянуто збої мережі, блокування файрволом, помилки сервера 403, 404, 429, 5xx);
• технічний блок із деталями помилки бачить лише адміністратор, щоб швидше знаходити причину проблеми;
• окрема сторінка «Дякуємо за замовлення» із зображеннями товарів, кількістю та анімацією конфеті.

Вішліст без реєстрації

Обране зберігається в браузері покупця (localStorage), тому працює одразу, без облікового запису й без навантаження на сервер. У коді також є модуль мотиваційних сповіщень для вішліста. Наразі його вимкнено: я залишив його як заготовку й вирішив не тиснути на покупців.

Багатомовність: 5 мов і ШІ-переклад

Сайт доступний англійською, литовською, латиською, естонською та російською мовами. Перемикач мов я повністю переписав: він плаский, мінімалістичний, однаково працює за натисканням на телефоні та за наведенням на комп’ютері. Версії сторінок пов’язані між собою, тому під час зміни мови користувач залишається на тій самій сторінці.

Як побудовано переклад (вересень 2026):

1. Я створив обліковий запис у Microsoft Azure і розгорнув там власну модель GPT-5 SOL, яку підключено до сайту.
2. Для масового перекладу всіх статичних сторінок (про компанію, політики, доставка, повернення, інтерфейс) використовувалася найпотужніша модель GPT-6 Astra. Це максимальна якість, але висока вартість. Для одноразової міграції контенту це виправдано.
3. Для нових статей і товарів, які додаються регулярно, переклад здійснюється за допомогою більш економної моделі класу GPT-5.1.

Така схема забезпечує високу якість там, де помилка коштує найдорожче (юридичні та ключові сторінки), і розумну ціну там, де обсяг контенту постійно зростає. Завдяки цьому клієнт не платить за найпотужнішу модель під час кожної публікації.

Юридичні вимоги й аналітика

• Банер згоди на використання файлів cookie з окремими варіантами вибору: «Лише необхідні», «Прийняти всі», «Налаштувати». Аналітика Google Analytics вмикається лише після отримання згоди користувача.
• Сторінки «Політика щодо файлів cookie», «Політика повернення коштів і товарів», «Політика доставки» відповідно до вимог ЄС (GDPR).
• SEO-розмітка: canonical, Open Graph, Twitter Cards, метаописи та підключений Google Site Kit.

Як сайт працює зараз

Власник сам додає товари та статті до блогу англійською. Для решти мов переклад створюється автоматично через підключену нейромережу, а за потреби редагується вручну. Знижка за лояльність, оформлення замовлення та мова інтерфейсу працюють без моєї участі. Я займаюся доопрацюванням і підтримкою.

Що це означає для вашого проєкту

• Потрібен магазин для європейського ринку кількома мовами, і ви не хочете витрачати бюджет на ручний переклад кожної сторінки.
• Потрібна програма лояльності, яку бачить покупець і яка працює автоматично.
• Потрібне оформлення замовлення, яке не відлякує покупців і допомагає швидко знаходити помилки.
• Потрібна інтеграція ШІ в робочі процеси сайту з розумним контролем витрат.