Goodsize — интернет-магазин обуви FABI и Barracuda на WooCommerce на трёх языках

Goodsize (goodsize.com.ua) — украинский интернет-магазин обуви, сумок и одежды брендов FABI и Barracuda. Мы сделали магазин под ключ: от пустого хостинга и макета в Figma до рабочего сайта на трёх языках с онлайн-оплатой, доставкой Новой Почтой, трекингом посылок и письмами для тех, кто не завершил покупку. Затем перенесли сайт с тестового поддомена на основной домен и дальше ведём его по правкам заказчика.

Технический стек

WordPress + WooCommerce с собственной темой, свёрстанной по макету Figma, без конструкторов страниц и без ACF: все блоки главной, шапки и футера редактируются через собственный движок полей в привычных вкладках админки. Мультиязычность — Polylang (украинский, английский, русский) плюс наш код, который дотягивает WooCommerce до трёх языков. Поиск — FiboSearch, SEO — Yoast, формы — Contact Form 7, изображения отдаются в WebP. Оплата картой — через NovaPay, наложенный платёж и банковский перевод; доставка — Новая Почта (отделение, почтомат, курьер) и курьер по Киеву.

Главная

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

Каталог и фильтры

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

Карточка товара

Размер выбирается плитками, а размеры, которых нет в наличии, серые и перечёркнутые, поэтому покупатель не наткнётся на «нет» уже в корзине. Каждый размер — отдельная вариация WooCommerce со своей ценой. Галерея с миниатюрами, ниже характеристики и аккордеоны с доставкой и возвратом.

Корзина и оформление заказа

Корзина, оформление и личный кабинет свёрстаны по макету, а не оставлены стандартными шаблонами WooCommerce. Оформление разбито на шаги: данные покупателя, доставка и оплата, справа — итог заказа с полем промокода. Онлайн-оплату через NovaPay мы настроили и проверили сквозным тестом: от перехода на страницу оплаты до автоматической смены статуса заказа после платежа.

Три языка

Polylang сам по себе переводит записи, но не всё, что в магазине хранится в настройках. Поэтому мы дописали: названия способов доставки и оплаты на трёх языках, корзину, которая переключается вместе с языком сайта, блок «Вам также может понравиться» без смешивания языков, переведённые фильтры и метки атрибутов, отдельные меню и файлы перевода темы, а также отдельные sitemap для каждого языка. Тексты служебных страниц (о бренде, доставка и оплата, возврат, политики, FAQ, подарочные карты) написали с нуля вместо шаблонных заглушек.

Трекинг, письма и рассылка

В админке заказа есть статус «Отправлено», перевозчик и трек-номер с готовыми ссылками на Новую Почту, Укрпочту и Meest; покупатель видит трекинг в кабинете и получает письмо. Для брошенных корзин стоит наш плагин CatCode Abandoned Cart Recovery: письмо с возвратом к корзине в один клик на том языке, на котором человек покупал. Подписка в футере сохраняет согласие, в письмах есть отписка, а подключение к Brevo, Mailchimp или Klaviyo уже готово в админке. Почту магазина мы перевели на домен заказчика и настроили SPF и DKIM, чтобы письма не попадали в спам.

Внутренние страницы

Мобильная версия

Адаптив сделан от 1440 до 360 px: бургер-меню с языком, товары в две колонки, фильтры отдельной панелью и оформление в одну колонку.

Итог

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