Сайт-магазин украшений из камня для мастерской из Читы: СДЭК и ЮKassa

Магазин украшений кажется простой задачей, пока не доходит до доставки и денег. Покупатель из Иркутска хочет знать цену и срок до оплаты, мастер хочет, чтобы накладная появилась сама, а закон хочет чек и порядок с персональными данными. Ниже разбор, как я закрыл эти три вещи на небольшом сайте.

Задача

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

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

Что я сделал

Внешний вид. Первый экран в журнальной манере, тексты от первого лица мастера. Убрал приёмы, по которым узнаётся шаблон: подписи с иконками, нумерацию шагов, ряды цифр. Кнопки прямоугольные, без капса. Бирюзу камня из логотипа для кнопок пришлось сделать темнее, иначе белый текст на ней плохо читался. Текст «О себе» стоит дословно её, биографию я не придумывал. Фото мастер-классов вырезал из её коллажей скриптом, чтобы углы были чистыми.

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

Доставка СДЭК. В корзине подсказка городов, цена и срок по двум тарифам (до пункта выдачи и курьером), карта с пунктами выдачи и список рядом. Стоимость доставки сервер пересчитывает сам и цене из браузера не верит. Когда заказ переходит в статус «Оплачен», накладная создаётся сама, трек пишется в заказ, в панели есть кнопки «Обновить» и «Накладная PDF». Сначала всё отладил в песочнице СДЭК, потом переключил на ключи мастерской. Первый боевой расчёт: Иркутск, пункт выдачи 415 ₽, курьер 665 ₽, 4-5 дней. Почему цена на сайте и счёт СДЭК иногда расходятся, разбирал в статье про объёмный вес.

Оплата ЮKassa. Заказ создаёт платёж, покупатель уходит на страницу оплаты и возвращается на сайт, а сайт сверяет статус через API. Неоплаченные платежи фоновая задача проверяет раз в 5 минут, параллельно приходят HTTP-уведомления от ЮKassa. Чек по 54-ФЗ формируется сразу: товары и доставка идут отдельными позициями. После оплаты меняется статус, мастерской приходит уведомление и создаётся накладная. В панели есть «Проверить оплату» и «Ссылка на оплату», если покупатель закрыл вкладку.

Уведомления. Новые заказы, записи и заявки приходят в Telegram-бот мастерской. В сообщении только номер, состав, сумма и ссылка в панель, персональных данных покупателя там нет.

Что было сложно

152-ФЗ без сторонних запросов. Шрифты и библиотеку карты положил на сам сайт, подложку карты отдаёт nginx через прокси с кэшем. В итоге браузер покупателя не ходит ни к кому, кроме сайта мастерской. Документов шесть: оферта, условия доставки, политика с таблицей целей и сроков, отдельное согласие на обработку данных, отдельное согласие на рекламу и политика cookie. Плашка cookie честная, на сайте только технические cookie: корзина, отметка о согласии, вход в панель. Данные удаляются по срокам: заявки через год, записи через год после занятия, заказы через 5 лет. Уведомление в Роскомнадзор подаёт сама мастерская. Что ещё нужно небольшому магазину по этому закону, собрано в статье про 152-ФЗ для интернет-магазина.

Проверка оплаты на живых деньгах. С боевыми ключами тестовый заказ создаёт настоящий платёж в статусе ожидания. Оплачивать я его не стал, проверил создание, сверку и редирект, потом удалил заказ из базы.

Переезд. Демо жило на моём сервере, а работать сайт должен у владельца. Мастерская купила VPS, и 24.10 я перенёс туда код, базу, фото и ключи. На сервере стоит панель провайдера со своим nginx, сносить её нельзя, поэтому сайт подключил рядом отдельным конфигом. Старый адрес отдаёт 301 на новый домен, а запросы к API проксирует туда же, чтобы уведомления ЮKassa не терялись, пока адрес в её кабинете не сменили. Провайдер копий не делает, поэтому база копируется каждый день и хранится 14 дней. Почему систему лучше держать у владельца, писал в статье о том, где должна работать система.

Telegram с нового сервера. На следующий день выяснилось, что API Telegram с этого сервера не открывается, запросы уходят в таймаут. Уведомления пустил через ретранслятор на своём сервере: три попытки, а при неудаче строка в журнале без токена. Тестовое сообщение дошло за 1,5 секунды. С переезда до правки заказов, записей и заявок не было, ничего не потерялось.

Что получилось

Часть шагов может сделать только владелец: подтвердить личность у регистратора домена, сменить адрес HTTP-уведомлений в кабинете ЮKassa и подать уведомление в Роскомнадзор. Пока адрес уведомлений старый, они доходят через переадресацию.

Что дальше

После подтверждения личности у регистратора перенесу управление зоной домена на постоянные серверы имён. Часть снимков (раскладки и фото на модели) пока без описаний, на сайте они не используются. Отзывов учениц пока нет, блок для них появится, когда они будут. Проверку телефона по SMS при заказе я пока не делал.

Частые вопросы

Покупатель видит цену доставки до оплаты?

Да. В корзине он выбирает город, тариф и пункт на карте, и сразу видит цену и срок. Сервер пересчитывает доставку сам, подменить сумму из браузера нельзя.

Что происходит после оплаты?

Заказ получает статус «Оплачен», мастерской приходит уведомление в Telegram, СДЭК получает накладную, трек записывается в заказ. Чек по 54-ФЗ формирует ЮKassa.

Где хранятся данные покупателей?

На сервере мастерской в Москве. Ключи СДЭК и ЮKassa лежат в базе на сервере, в коде их нет. Данные удаляются по срокам из политики, а в панели есть кнопка «Стереть данные».

Коротко о главном

Больше всего времени ушло на связки вокруг витрины: расчёт СДЭК на сервере, накладная по статусу оплаты, сверка ЮKassa двумя путями и сайт, который не тянет ничего с чужих адресов. Каталог на 26 изделий собрался быстрее, чем сопоставление фото с описаниями. Переезд на сервер владельца прошёл 24.10, а недоступный Telegram всплыл только на следующий день.

Если вам нужен сайт-магазин с доставкой и оплатой на вашем сервере, я соберу его под ключ. Напишите в Telegram, MAX или VK.