Адаптивный сайт под ключ с интеграцией с iiko или как прокачать свою службу доставки

28 августа, 2020

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

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

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

Задача

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

Решение

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

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

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

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

Маркетика - интеграция с iiko 1
Выгрузка меню iiko на сайт
Маркетика - интеграция с iiko 2
Пример раздела «Пицца»

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

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

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

Маркетика - интеграция с iiko 4
Разбивка на количество

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

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

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

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

Маркетика - интеграция с iiko 6
Подгрузка улиц на сайт

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

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

  • Бонусы iikoCard — система бонусов, которые пользователь в дальнейшем может использовать при расчете. Количество бонусов доступное для использования отображается в личном кабинете пользователя. Установлено ограничение 50% на оплату заказа бонусами. Списание и накопление происходит на стороне iikoCard;
Маркетика - интеграция с iiko 7
Бонусы iikoCard
  • Возможность ввода купонов на скидку для всего заказа или добавление бесплатного товара. Получение списка купонов и информации о программе лояльности выгружается на сайт из iikoCard;
Маркетика - интеграция с iiko 8
Поле ввода для купонов
  • Вывод сопутствующих блюд — отображение определенных товаров, зависящее от добавленных пользователем в корзину блюд. Например, заказывая суши, пользователю во время оформления заказа будут также предлагаться васаби, имбирь и т.п. Благодаря интеграции, данные предложения вносятся только в систему iikoCard, а на сайт выгружаются в автоматическом режиме;
Маркетика - интеграция с iiko 9
Вывод сопутствующих блюд
  • Добавление подарка при заказе от определенной суммы. Например, при заказе от 2000 рублей, пользователю предлагается добавить в корзину бесплатный шашлык. Подарки для каждой из сумм назначаются на стороне iikoCard, а на сайте данная информация обновляется автоматически.
Маркетика - интеграция с iiko 10
Добавление подарка

Особенности

  • Обновление выгрузки «Меню» на сайте происходит принудительно по запросу пользователя из административной части сайта;
  • Для упрощения взаимодействия клиента с сайтом, добавлен и настроен раздел поиска;
Маркетика - интеграция с iiko 11
Поиск по сайту
  • Для устранения такого надоедливого этапа, при посещении сайта, как reCAPTCHA(подтверждение того, что вы не робот), установлена и настроена reCAPTCHA 3й версии — сервис отслеживает поведение пользователя в интернете и, основываясь на нем, делает вывод робот он или нет. Теперь посетителю не придется лишний раз проходить проверку на робота;
  • Для проведения денежных операций настроена онлайн оплата посредством эквайринга сбербанка. Помимо этого установлена онлайн касса “Атол”, которая отправляет электронный чек на почту пользователя при совершении онлайн оплаты;
Маркетика - интеграция с iiko 12
Онлайн оплата
  • Произведена 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 компании Маркетика.

предыдущая статья следущая статья

Начать проект



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