Кейс по созданию системы персональных заказов

Система персональных заказов для muse.ooo

Muse.ooo делает печать картин на холсте по фото. Разработчик сайта сделал форму заказа, в которой можно загрузить фото, выбрать стиль картины, размеры, материал холста и другие нужные характеристики. Заказ картины добавлялся как элемент инфоблока. Менеджер связывался с покупателем, уточнял подробности и цену, вручную создавал в яндекс-кассе ссылку на оплату и отправлял ее покупателю.

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

Этап 1. Заказ без товара

На сайте нет торгового каталога с товарами, которые добавляются в корзину. Товаром является сам заказ, который в момент оформления не существует.

Решение: инфоблок с заказами сделали торговым каталогом. Для оформления заказа использовали собственный скрипт, который сначала добавляет новый элемент с характеристиками картины, потом элемент добавляется в корзину и создается заказ интернет-магазина.

Форма оформления заказа на сайте Muse.ooo
Этап 2. Администрирование заказа

Менеджеры работают с заказом картины через форму редактирования элемента - меняют и добавляют характеристики. Редактировать свойства картины и привязанный к ней заказ интернет-магазина по раздельности неудобно и может привести к ошибкам.

Решение: для элемента "заказ картины" создали собственный файл редактирования и файл, отвечающий за сохранение элемента.

Теперь в форме редактирования вся нужная информация под рукой:

  • ссылка на привязанный заказ интернет-магазина.
  • публичная ссылка на страницу заказа для отправки покупателю.
  • цены - стоимость заказа, доставки и все оплаты.
  • выпадающий список "Доставка". Варианты доставки подтягиваются из интернет-магазина.
  • для поля Город доставки подключили компонент выбора местоположения.
  • поле "Адрес доставки" можно заполнить вручную или выбрать пункт самовывоза на карте.
  • а также нужные поля с внутренней информацией о заказе для менеджеров и авторов
Этап 3. Цены

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

Решение: для пересчета "на лету" на страницу редактирования добавили функцию javascript, которая при изменении любого поля с ценой считает общую стоимость продукта и обновляет цену на вкладке "торговый каталог". После сохранения элемента цена обновляется и в привязанном заказе.

Этап 4. Варианты оплаты

Необходимо было автоматизировать заведение оплат и также обновлять их.

Решение: добавили функцию пересчета оплат после сохранения элемента.

После согласования с покупателем менеджер заполняет поле "Предоплата". На эту сумму в заказе автоматически создается оплата "ЮКасса". Если сумма заказа больше предоплаты, то на оставшуюся сумму также создается оплата "При получении". При последующих сохранениях заказа сумма проверяется и, если она изменилась, пересчитывается сумма оплаты "При получении".

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

Этап 5. Страница заказа в личном кабинете покупателя
  • покупатель может просматривать страницу заказа по прямой ссылке без авторизации
  • видит всю информацию о характеристиках заказанной картины.
  • может сам выбрать/изменить доставку, адрес или пункт самовывоза.
  • видит всю информацию о ценах и сроках доставки.
  • может оплатить заказ.
Результат
  • задействовали функциональность интернет-магазина "из коробки" с возможностью быстро подключать новые варианты доставки и оплаты.
  • менеджеры работают с заказами в привычной форме, которую мы сделали еще удобнее и информативнее.
  • покупатель сам может выбрать и поменять доставку.
  • ссылка на оплату формируется автоматически и результаты оплаты сохраняются на сайте, как в интернет-магазине.
  • на сайте настроены все нужные письма для покупателя и администратора.