⚙️Как создать витрину цифровых товаров для перепродажи подарочных карт

Чем магазин цифровых товаров отличается от обычного

Магазин цифровых товаров принципиально отличается от физической торговли. Нет логистики, нет склада, нет «доставки 3–5 дней». Покупатель ожидает получить код Google Play Gift Card в течение секунд после оплаты. Это ожидание диктует конкретные архитектурные решения с первого дня.

Варианты технологического стека

Вариант А — Собственный бэкенд (лучший для масштабирования)

Подходит, если хотите полный контроль, кастомный чекаут и тысячи заказов в день.

• Бэкенд: Node.js (Express/Fastify), Python (FastAPI/Django) или Go
• БД: PostgreSQL для каталога и заказов; Redis для сессий и rate limiting
• Фронтенд: React, Next.js или Vue.js
• Платежи: Stripe, ЮКасса, PayPal или местные платёжные шлюзы
• Хостинг: VPS или облако (AWS, DigitalOcean, Hetzner)

Вариант Б — WooCommerce (быстрый запуск)

Запуск за 1–2 дня с минимальным количеством кода. Установите WooCommerce, добавьте интеграцию с FoxReload, настройте товары и наценки.

Вариант В — Telegram-бот (без витрины)

Идеально для рынков, где Telegram — основной канал. Бот обрабатывает просмотр, оплату и доставку кода прямо в чате.

Шаг 1 — Настройка API-слоя бэкенда

Ваш бэкенд выступает посредником между фронтендом и API FoxReload. Никогда не передавайте API-ключ FoxReload в браузер.

Браузер → Ваш бэкенд → API FoxReload

// Express.js
app.get("/api/products", async (req, res) => {
  const { category } = req.query;
  const products = await fox.getCatalog({ category, inStock: true });
  const withRetailPrices = products.map(p => ({
    ...p,
    price: computeRetailPrice(p.wholesale_price, p.face_value),
    wholesale_price: undefined  // никогда не передавайте стоимость в браузер
  }));
  res.json(withRetailPrices);
});

app.post("/api/orders", requireAuth, async (req, res) => {
  const { productId, paymentIntentId } = req.body;
  await verifyPayment(paymentIntentId, expectedAmount);
  const order = await fox.placeOrder({
    productId,
    quantity: 1,
    externalOrderId: generateOrderId()
  });
  res.json({ code: order.codes[0].code });
});

Шаг 2 — Дизайн каталога товаров

Страницы товаров должны содержать:

• Чёткий номинал и регион (например, «Google Play $25 — Регион US»)
• Индикатор наличия (в наличии / нет в наличии)
• Бейдж способа доставки («Мгновенная доставка»)
• Инструкции по активации карты
• Цена с чёткой индикацией валюты

Шаг 3 — Воронка оформления заказа

Трёхшаговый чекаут лучше всего конвертирует для цифровых товаров:

1. Выбор товара — выбор номинала
2. Оплата — банковская карта, PayPal или криптовалюта
3. Доставка — код отображается на экране и отправляется на email

[Корзина] → [Email] → [Оплата] → [Обработка] → [Код доставлен]
                                       ↓
                                 [Ошибка оплаты]

Правила оформления:

• Размещайте заказ FoxReload только после подтверждения оплаты
• Показывайте код сразу на странице после покупки
• Отправляйте код на email как резерв
• Добавьте кнопку «Скопировать» для кода

Шаг 4 — Интеграция оплаты

const stripe = require("stripe")(process.env.STRIPE_SECRET_KEY);

app.post("/api/payment-intent", requireAuth, async (req, res) => {
  const { productId } = req.body;
  const product = await getProductById(productId);

  const intent = await stripe.paymentIntents.create({
    amount: Math.round(product.retail_price * 100),
    currency: "usd",
    metadata: { productId, userId: req.user.id }
  });

  res.json({ clientSecret: intent.client_secret });
});

Шаг 5 — Мгновенная доставка кода

async function fulfillOrder(paymentIntentId, productId, userEmail) {
  const order = await fox.placeOrder({
    productId,
    quantity: 1,
    externalOrderId: `stripe-${paymentIntentId}`
  });

  const { code } = order.codes[0];
  await db.orders.create({ userId: user.id, productId, code, paidAt: new Date() });
  await sendCodeEmail(userEmail, code, productName);
  return code;
}

Шаг 6 — Обязательные страницы магазина

Страница	Назначение
/	Главная с навигацией по категориям
/shop/:category	Каталог по категории
/product/:slug	Карточка товара с кнопкой покупки
/checkout	Форма оплаты
/order/:id	Подтверждение заказа и код
/account/orders	История заказов для авторизованных
/faq	Активация, возвраты, регионы

Чек-лист перед запуском

• Оптовый аккаунт FoxReload подтверждён и пополнен
• Тестовые заказы в sandbox выполнены успешно
• Платёжный шлюз настроен в боевом режиме
• SSL-сертификат активен
• Доставка кода по email протестирована
• Оповещения о низком запасе настроены
• Планировщик синхронизации цен запущен
• Опубликованы пользовательское соглашение и политика возвратов

---

Смотрите также

• Как подключить Google Play Gift Cards к магазину через API
• Как реализовать мгновенную доставку Google Play Gift Cards
• Как продавать подарочные карты через WooCommerce / Shopify

---

Готовы запустить магазин? Получите оптовый доступ к Google Play, Apple, Steam, PSN и Xbox Gift Cards через API FoxReload.