Цель проекта — реализация полного редизайна сайта по готовому дизайн-макету из Figma и подключение интеграции с amoCRM: формы обратной связи и синхронизации скидок. Переезд на другую CMS не рассматривался — все работы выполнялись в рамках текущей платформы.
Работы выполнены по согласованному макету в Figma — 15 детализированных экранов: от главной страницы до карточки товара и страницы «Новости».
Разработка новой темы по макетам Figma
- Полностью адаптивный сайт с отдельной версией изображений под мобильные и десктопные устройства.
- Редактируемый промо-слайдер — можно загрузить два изображения на один слайд (мобильное и десктопное), настроить масштабирование и кнопку перехода
- Кастомное выпадающее меню с иконками (первые изображения товаров) и ссылкой «Ещё товары» — ведёт на полную категорию.
- Категории на главной — реализованы в виде кастомного независимого виджета, где администратор может создавать плашки с картинкой, заголовком и ссылкой.
- Управление баннерами категорий — настроены доп. поля в InSales для загрузки мобильных баннеров, десктопные — через стандартное изображение категории.
- Вкладки «Сопутствующие» и «Похожие товары» — выводятся плиткой.
- Иконка “Поделиться” + статус наличия с гибкой настройкой порога в доп. полях категорий.
- Раздел “Контент”: все страницы «Блог», «События» и «Новости» объединены в один общий раздел с фильтрацией по категориям.
Интеграция формы «Загрузить фото» с amoCRM
На сайте реализована кастомная pop-up форма, позволяющая пользователю загрузить файл и отправить заявку. Данные формы (имя, телефон, файл) автоматически передаются в amoCRM и создают новый лид.
- Разработан скрипт формы с загрузкой файла.
- Настроена авторизация через API amoCRM.
- При отправке формы: создаётся лид с именем и телефоном клиента; прикладывается загруженный файл; данные логируются, при ошибке повторяется попытка.
Это удобно для клиентов, которые хотят получить подбор стоматологических товаров по изображению или передать фото для подбора аналога.
Синхронизация накопительной скидки через API
- Когда клиент оформляет заказ, срабатывает вебхук InSales на событие «создание заказа».
- Обработчик запроса:
• Получает скидку из InSales,
• Проверяет текущую скидку клиента в amoCRM,
• Сравнивает значения,
• Обновляет скидку в amoCRM, если в InSales она выше.
Также реализована защита от сбоев — повторные попытки обновления и логирование операций.
Техническая реализация
- Платформа: InSales
- API-интеграции: InSales API + amoCRM API
- Серверная логика: PHP
- Среда: хостинг на Timeweb с SSL и логами
- Формы и скрипты подключены через Liquid и внешние API-обработчики
Мы реализуем редизайн по Figma, разрабатываем темы с нуля для InSales и настраиваем интеграции любой сложности: CRM, склад, маркетинг.
Свяжитесь с нами для консультации и разработки индивидуального решения под ваши задачи. Поможем оптимизировать бизнес-процессы и повысить эффективность вашего e-commerce проекта.
