Space SMM — магазин услуг продвижения в соцсетях. В каталоге есть пакеты для Instagram, YouTube, Telegram и TikTok: подписчики, лайки, просмотры и другие действия с учётом особенностей каждой платформы. Задача заключалась в том, чтобы большой список услуг превратить в простой заказ: выбрать платформу, сравнить пакеты, указать нужную ссылку и оплатить.
Я построил сайт на WordPress и WooCommerce вокруг этой последовательности. У каждой услуги есть понятная цена и кнопка заказа, а данные, необходимые для выполнения, собираются до оформления покупки.
Сначала выбрать соцсеть
Первый экран знакомит с предложением и ведёт в каталог. Затем четыре иконки платформ открывают отдельные страницы услуг. Чтобы найти просмотры для Telegram-канала, покупателю не приходится просматривать пакеты для Instagram.
Удобное сравнение услуг
В каталоге Telegram подписчики, просмотры публикаций и реакции собраны в отдельные группы. Каждая карточка показывает объём пакета, цену и кнопку заказа. Посетитель сравнивает варианты на одной странице и открывает нужный пакет без перехода на отдельные страницы товаров.
Своя сортировка карточек услуг
Я написал плагин для WooCommerce, который собирает карточки выбранной категории услуг и сортирует их по числовому значению цены, начиная с самой низкой. Для вывода он использует обычный шаблон карточки WooCommerce, а сетку предоставляет через шорткод. Поэтому разделы каталога можно размещать на странице платформы без копирования разметки товаров. При изменении цены место пакета в сетке обновляется автоматически.
Единый сценарий покупки
На странице TikTok используются те же карточки и сценарий заказа, но состав услуг соответствует платформе: подписчики, просмотры видео, лайки и пакеты для прямых эфиров. Покупатель может переходить между соцсетями, не разбираясь каждый раз в новом интерфейсе.
Запросить ссылку вовремя
При открытии пакета поверх каталога появляется окно с описанием и условиями. Форма запрашивает ссылку на профиль, канал или публикацию в зависимости от услуги. Покупатель проверяет условия, вводит ссылку и переходит к оплате, не теряя выбранный пакет.
Оформление цифровой услуги
На странице оформления WooCommerce в составе заказа остаются выбранный пакет и ссылка на аккаунт или публикацию. Форма собирает контактный email и показывает итоговую сумму рядом с вариантами оплаты картой, Apple Pay и Google Pay через plata by mono. Перед оплатой покупатель видит состав заказа.
WordPress и WooCommerce обеспечивают управление товарами и заказами: пакеты и цены можно обновлять как содержимое магазина.
Роли
Разработка интернет-магазина
Konstantin Sorokin
Выполнено
- Магазин услуг на WordPress и WooCommerce
- Каталоги услуг для Instagram, YouTube, Telegram и TikTok
- Карточки пакетов с объёмом услуги и ценой
- Свой плагин для вывода услуг по категориям и сортировки по цене
- Окна заказа с условиями услуги и полем для ссылки
- Оформление заказа и онлайн-оплата через WooCommerce