Интеграция системы Quickbooks Online для Pak Man

Компания »Pak Man Packaging & Supply Co.» является семейным бизнесом в Техасе с 1993 года. Их физический магазин очень популярен среди ресторанов, пекарен, школ и кейтеринговых компаний, так как он предлагает широкий выбор одноразовой посуды, упаковки, хозяйственного инвентаря.

dc1eee36cb659d0a02e609580b0959a9.png

В 2014 году руководство компании решило перенести бизнес в онлайн. В качестве платформы для электронной коммерции была выбрана CS-Cart. Успешный опыт предпринимательства офлайн позволил Pack Man быстро сориентироваться в онлайн-среде. При принятии решения владельцы рассматривали только проверенные программные продукты в мельчайших деталях. Витрину магазина кастомизировали, теперь путь клиента и клиентский опыт отличает такое же высокое качество, как и у основных товаров компании. Для ведения бухгалтерского учета была выбрана система QuickBooks Online от Intuit. Собственник обратился в Simtech Development с запросом на интеграцию и настройку этого финансового продукта. Результаты превзошли все ожидания. 

Категории товаров:

  • Столовые приборы 

  • Стаканы и крышки

  • Контейнеры с откидной крышкой

  • Тарелки из биоразлагаемых материалов 

  • Салфетки

  • Пакеты и упаковка

  • Перчатки и спецодежда

  • Хозяйственный инвентарь и средства для уборки

  • Коробки и подложки

  • Алюминиевые формы и контейнеры 

  • Подносы

Местоположение клиента: США

Задачи:

Осуществить интеграцию системы Quickbooks Online и добавить кастомизированные поля

Адаптировать панель управления 

Обеспечить сопровождение дизайн-проекта по изменению страницы категорий

Внедрение проекта 

Интеграция системы Quickbooks Online

Интеграция платформы CS-Cart и системы QuickBooks Online позволяет с легкостью отслеживать бухгалтерские операции на единой панели (дашборде). Стандартный модуль »Simtech Development: QuickBooks Online Integration / Интеграция QuickBooks Online» позволяет интегрировать QuickBooks через API, но только для основных элементов, например, товаров, заказов или покупателей.  Если нужны дополнительные объекты или функции, то без кастомизации не обойтись. До начала интеграции было необходимо составить таблицу маппирования, чтобы понять, какие элементы будут соответствовать друг другу в двух программных продуктах: CS-Cart и QuickBooks. Для лучшего отслеживания в проекте pak-man.com мы синхронизировали дополнительные объекты. Ниже вы видите таблицу, где звездочкой отмечены дополнительные поля по сравнению со штатным функционалом модуля. 

Маппирование полей товара 

8457b4824ebc9b7c86405b24302445e4.png

Маппирование полей пользователя

e6416c16a1db1955f929eaf67f870c29.png

При переносе из элементов «Покупатель» / «Товар» автоматически добавляются значения «товар / услуга», «артикул», «описание», «имя пользователя», «адрес электронной почты», «адрес выставления счета» и «адрес доставки». Мы экспортировали новые заказы из CS-Cart в аккаунт QuickBooks Online и обновили их. 

Поле «Quantity on hand / Количество в наличии»

Мы модифицировали текущий модуль »Simtech Development: QuickBooks Online Integration / Интеграция QuickBooks Online». Теперь данные в поле «Quantity on hand / Количество в наличии» отображаются в клиентском аккаунте QuickBooks.

Мы также добавили настройку «Low stock notification threshold / Порог уведомления о низких запасах» на странице создания / редактирования товара на вкладке «Модули». Настройка применяется для выбора порогового значения низких запасов для каждого отдельного товара. 

16cdb6cab2a5deab807cbb84d7a7063c.png

Адаптация панели администратора

Модуль «Order Creation Advanced / Создание расширенного заказа»

Нами был разработан модуль »Simtech Development: Order Creation Advanced / Создание расширенного заказа» для модификации раздела «Customer Information / Информация для клиента» на странице создания заказа. Мы добавили изображение продукта, поле ввода количества и кнопку «Add to Cart / Добавить в корзину» в конце списка. После нажатия на кнопку создается заказ на выбранные товары. 

820e41906d1318c5b659760c8a3cac44.png

Также мы изменили вкладку «Reorder List / Переупорядочить список» на детальной странице профиля в панели администратора. 

4c4200bf9abafdba4a9ce7e32645e2b0.png

На страницу создания заказа мы добавили:

116262b9a1c64074ca65a5cdcd312bd4.png

Для разграничения платежей из различных источников мы ввели префикс «P» для заказов, созданных в панели администратора, и префикс «W», для заказов, созданных в клиентской части. Префикс используется для экспорта данных в QuickBooks Online. На страницу создания заказа был добавлен лейбл «Delivery / Доставка» для улучшения управления с дашборда.

 3346c5321e93bec78afd2d2ee3b37c06.png

Для печати отчетов о заказах со страницы  «Orders / Заказы» были реализованы новые кнопки. Теперь пользователь может находить заказы, используя фильтры слева. Список заказов можно распечатать, нажав на кнопку «Print / Печать» или переслать по электронной почте.

3cdceec4b0fec4a3a2736c50f2ab7f99.png

Также мы разработали функционал для определения фактического местонахождения товарной позиции на складе. Вы видите его в поле «Location / Локация». Теперь каждый товар в магазине имеет ID, указывающий на склад, полку и уровень. Это невероятно удобный функционал для организации поиска товара при большом ассортименте и запасах. Значение ID из поля «Location / Локация» также используется на накладной, помогая кладовщику быстрее найти товар. 

08fd487d82340ceed4ca6e0213c2ad72.png

Модуль «Unfinished orders / Незавершенные заказы»

В рамках проекта был разработан еще один модуль »Simtech Development: Unfinished orders / Незавершенные заказы», позволяющий администратору добавлять заказы в панели администратора в процессе следующих действий:    

  • Выбор пользователя

  • Изменение адреса

  • Добавление товара

  • Удаление товара 

  • Выбор способа оплаты 

  • Выбор способа доставки

67b8b13138a7dc9bee9c04e64ac89148.png

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

Если заказ не содержит товаров, то он не может быть сохранен в списке «Незавершенные заказы». Если администратор уберет товары из сохраненного незавершенного заказа во время редактирования, такой незавершенный заказ будет удален из списка незавершенных заказов.

Мы добавили возможность распечатать незавершенный заказ, поместив кнопку «Print / Печать» на страницу создания заказа:

8a2538472b46687fe2ad04883b04a0e2.png

Также кнопка «Print / Печать» была добавлена для каждого завершенного заказа.  

278eb3f07181c878ee47b672881bea92.png

Сопровождение интеграции дизайна

В рамках проекта нами был разработан модуль »Simtech Development: Categories block advanced / Расширенный блок категорий», позволяющий администратору изменять ширину и высоту иконок в настройках блоков. Команда разработчиков Simtech Development всегда готова помочь предпринимателям, мы сразу даем рекомендации пользователям, чтобы в будущем им не пришлось повторно обращаться к нам за помощью. Так было и в этом случае, когда владелец магазина попросил дать подробные инструкции как добавлять определенные иконки в категории товаров.  

Некоторые иконки категорий были разработаны командой Simtech Development. Их отличает простой и чистый дизайн, идеально дополняющий общий стиль сайта pak-man.com. Чем проще дизайн и чем меньше отвлекающих деталей, тем лучше пользовательский опыт. Общие впечатления и ощущения от использования магазина отвечают этой задаче. 

b4e21fcd6f3216b8acaa9c3c0bdb3c4a.png

Результат 

Чистый и простой дизайн витрины и высокопроизводительный бэкэнд, синхронизация операций с QuickBook Online — все элементы тщательно связаны и настроены как единый инструмент для привлечения большего количества B2B и B2C клиентов в физический магазин владельца.

Перейти на сайт

Полный текст статьи читайте на CMS Magazine