Вводные данные

.

К нам обратился заказчик — служба доставки пиццы и суши “Pizza Express” из города Тюмень. У него уже имелся старый сайт на iikoDelivery Widget. Было желание обновить сайт,  чтобы он выглядел красиво и современно. Также заказчику была нужна полноценная интеграция с iiko с возможностью отображения свойств блюд и использования системы лояльности. Требовалось разработать и создать сайт по доставке еды с нуля под ключ и интегрировать все его функции с iiko и iikoCard.

Ссылка на сайт

.

.

Задача

.

Создать новый сайт с нуля на шаблоне и интегрировать его с помощью API с iikoRMS.

.

.

Решение

.

Было решено использовать CMS 1С-Битрикс (редакция «Малый бизнес») с использованием готового шаблонного решения. Работа производилась на тестовом сайте и на демостенде iiko.

Что было сделано:

Настроен весь функционал — обеспечена работа всех кнопок и функций (заказать звонок, оставить заявку и т.д.);

Настроена выгрузка меню iiko на сайт, а также отправка заказов в систему iikoRMS. Подробнее об этом ниже;

Выгрузка меню iiko на сайт

.

Пример раздела «Пицца»

.

Для пицц добавлен множественный выбор дополнительных ингредиентов (в системе iiko представлены модификаторами), размеров и толщины теста. Эта функция позволяет пользователю самостоятельно собрать тот вариант блюда, который он хочет;

Множественный выбор дополнительных ингредиентов, размеров и толщины теста

.

Для роллов создана разбивка на количество в сете,  как правило для этого создаются 2 отдельные карточки, но на нашем сайте все выполнено в одной, с выбором свойств, что гораздо удобнее;

Разбивка на количество

.

Интегрированы стикеры блюд. Они отфильтровывают блюда по нужному для пользователя критерию. Даже если покупатель не нажал на него, то во время просмотра блюд он увидит на них иконки стикеров и поймет к какому типу относится это блюдо. Для этого используются теги в выгрузке iiko;

Интеграция стикеров блюд

.

Настроена передача информации из заполненных полей в систему iiko при совершении заказа — комментарий к заказу, количество персон, время доставки, способ оплаты, сумму заказа;

Настроена подгрузка улиц при оформлении заказа, пользователь сможет выбрать улицу из предлагаемого списка. Это устранит возможные ошибки в написании адреса, позволит всегда отправлять корректный адрес в систему iiko, а также ускорит процесс заполнения формы;

Подгрузка улиц на сайт

.

Наполнены контентом разделы — “Акции”, “Новости”, “Контакты” и т.п.;

Настроены системы лояльности:

  • Бонусы iikoCard — система бонусов, которые пользователь в дальнейшем может использовать при расчете. Количество бонусов доступное для использования отображается в личном кабинете пользователя. Установлено ограничение 50% на оплату заказа бонусами. Списание и накопление происходит на стороне iikoCard;

Бонусы iikoCard

.

  • Возможность ввода купонов на скидку для всего заказа или добавление бесплатного товара. Получение списка купонов и информации о программе лояльности выгружается на сайт из iikoCard;

Поле ввода для купонов

.

  • Вывод сопутствующих блюд — отображение определенных товаров, зависящее от добавленных пользователем в корзину блюд. Например, заказывая суши, пользователю во время оформления заказа будут также предлагаться васаби, имбирь и т.п. Благодаря интеграции, данные предложения вносятся только в систему iikoCard, а на сайт выгружаются в автоматическом режиме;

Вывод сопутствующих блюд

.

  • Добавление подарка при заказе от определенной суммы. Например, при заказе от 2000 рублей, пользователю предлагается добавить в корзину бесплатный шашлык. Подарки для каждой из сумм назначаются на стороне iikoCard, а на сайте данная информация обновляется автоматически.

Добавление подарка

.

.

Особенности

.

  • Обновление выгрузки «Меню» на сайте происходит принудительно по запросу пользователя из административной части сайта;
  • Для упрощения взаимодействия клиента с сайтом, добавлен и настроен раздел поиска;

Поиск по сайту

.

  • Для устранения такого надоедливого этапа, при посещении сайта, как reCAPTCHA(подтверждение того, что вы не робот), установлена и настроена reCAPTCHA 3й версии — сервис отслеживает поведение пользователя в интернете и, основываясь на нем, делает вывод робот он или нет. Теперь посетителю не придется лишний раз проходить проверку на робота;
  • Для проведения денежных операций настроена онлайн оплата посредством эквайринга сбербанка. Помимо этого установлена онлайн касса “Атол”, которая отправляет электронный чек на почту пользователя при совершении онлайн оплаты;

Онлайн оплата

.

  • Произведена SEO-оптимизация. Перенесены все метаданные (title, description, keywords), а также все заголовки и SEO тексты страниц со старого сайта.

Настроены:

  • 301 редиректы;
  • Перенесены и настроены все действующие цели в Яндекс метрике;
  • Перенесены все коды счетчиков Яндекс Метрики, Google Analytics, GTM;
  • Сформированы файлы Robot.txt и Sitemap.xml;
  • 404 ошибка;
  • Подключен SSL сертификат и настроен HTTPS протокол;
  • Все ссылки на сайте, каталог меню и категории/подкатегории блюд имеют ЧПУ URL.

.

.

Результат

.

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

Ссылка на сайт

.

.

Заключение

.

При планировании разработки сайта, рекомендуем определиться с задачами, которые он будет решать. Если вам нужен сайт в кратчайшие сроки для использования «здесь и сейчас», без возможности дальнейшего развития, то вам подойдет iikoDelivery Widget. Если вы планируете развивать проект и свой бизнес, то лучше использовать интеграцию с помощью API, т.к. она дает возможности для неограниченных доработок функционала сайта и их дальнейшей интеграции с iiko.

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

Если вашему бизнесу требуется сайт, звоните нам +7(383)207-54-06 или пишите на welcome@marketica.pro.

Материал подготовили — Рябов Георгий, интернет-маркетолог и Кривенко Роман, Project manager компании Маркетика.

Предыдущая статья
Адаптивный сайт под ключ с интеграцией с iiko или как прокачать свою службу доставки
Следующая статья
Сайт колледжа за один месяц под ключ?