Введение

В статье описано, как создать сайт для доставки из вашего заведения на основе готового шаблона.

Для создания сайта необходимо:

  • Иметь доступ к системе r_k Delivery
  • Приобрести лицензию r_keeper Delivery API.

Видео-инструкция создание сайта доставки

Шаги по созданию

  1. Создайте сайт на базе Tilda
  2. Настройте домен
  3. Настройте переадресацию
  4. Создайте страницы
  5. Отредактируйте шаблоны
  6. Подключите сайт к r_k Delivery

Создание сайта

Для начала создайте сайт на базе конструктора  Tilda.
Для этого:

  1. Перейдите по внешней ссылке
  2. Авторизуйтесь в системе — выберите в правом верхнем углу:
    • Регистрация — если вы впервые на сайте
    • Войти если уже есть аккаунт
  3. В левой верхней части страницы нажмите на пункт  Тарифы   и Оплата  и выберите подходящий тариф.
    Рекомендуется использовать тариф  Personal стоимостью 750 р./месяц или 6000 р./год.
    Более подробную информацию о тарифах читайте в статье Сравнение тарифов

  4. После оплаты перейдите на главную страницу и нажмите Создать новый сайт.

  5. Появится окно создания сайта. Введите имя проекта и нажмите на кнопку Создать
  6. После этого откроется окно об успешном создании сайта
  7. Далее переходите к настройкe домена.

Настройка домена

Домен необходим для подключения к r_k Delivery.
 

Можно оставить домен по умолчанию.
Чтобы адрес сайта выглядел красивее, отредактируйте субдомен
 Для этого:

  1. На вкладке Мои сайты нажмите на название заведения, в открывшемся окне нажмите кнопку Настройка сайта

  2. В пункте меню Главное, в разделе Субдомен на Тильде  напишите свой субдомен на латинице
  3. Нажмите на кнопку Сохранить изменения.

Также можно подключить свой домен.
Существует два варианта:

  • Для этого:
    1. Зайдите в Настройки сайта

    2. Нажмите на ссылку Подключить свой домен
    3. В поле ввода Подключить свой домен укажите имеющийся у вас домен и сохраните изменения
    4. Внизу появится предупреждение о том, что домен не подключен, и А-запись со значением IP-адреса для дальнейшей настройки.
      Также появится ссылка на подробную инструкцию. Нажмите на нее и выполните необходимые действия.
  • Подробную информацию о покупке и подключению нового домена смотрите в инструкции .

Настройка переадресации

  1. Зайдите в Настройки сайта

  2. Перейдите в пункт SEO
  3. В пункте Редиректы для WWW, HTTPS нажмите Редактировать
  4. В открывшейся вкладке выберите пункт Редирект с HTTP на HTTPS и нажмите Сохранить
  5. Настройка сайта завершена.

Подробные инструкции по созданию сайта смотрите в разделах  Создание сайта и Справочный  центр

Создание страниц

Необходимо создать две страницы — Главную и Меню.
Для этого используйте готовые шаблоны:

  • Главная страница —  ID:  22924754
  • Меню —  ID: 22932465

При использовании этих шаблонов связь между страницами устанавливается автоматически.

Создание главной страницы

Сначала создайте Главную страницу:

  1. Перейдите на вкладку Мои сайты и нажмите на название вашего проекта
  2. На открывшейся странице нажмите на кнопку  Создать новую страницу

  3. Перейдите вниз открывшейся страницы и нажмите на кнопку Указать ID шаблона
  4. В окне ввода укажите ID готового шаблона 22924754 и нажмите Выбрать



  5. Откроется вкладка редактирования страницы. Отредактируйте следующие блоки:
    • Логотип
    • Главный баннер
    • Карта
    • О нас
    • Контакты
    • Социальные сети

Теперь необходимо наполнить шаблон контентом вашего заведения.

Загрузка изображений

Для корректной работы шаблона соблюдайте требования к изображениям:

  1. Размер изображений не должен превышать 5 мб
  2. Изображение для логотипа должно быть не более 80 px в высоту и не более 300 px в ширину
  3. Соотношение сторон изображения для главного баннера должно быть  1920х560 px
  4. Соотношение сторон изображений блока  О нас:
    • для верхнего — 345х254 px
    • для нижнего — 345х394 px
    • для правого — 346х591 px

Для загрузки логотипа ресторана:

  1. Нажмите на картинку в верхнем блоке шаблона. Откроется окно загрузки изображения
  2. Загрузите нужный файл или перетащите его в окно загрузки

    Аналогичным способом можно загрузить изображения в остальных частях шаблона

Редактирование текста

Отредактируйте текст в следующих блоках:

  • Главный баннер
  • О нас

     
  • Контакты

    Для этого установите курсор в нужном блоке и введите свой текст.

Редактирование карт

Отредактируйте блок  Карта Google или Yandex:

  1. Нажмите на кнопку Контент
  2. В открывшемся окне HTML код / Код виджета укажите информацию по вашему заведению: 
    • pin: широта и долгота
    • center: широта и долгота (те же данные, что и в пункте pin)
    • zoom: оставьте значение по умолчанию
    • headerText: улица и номер дома
    • metroText: станция метро
    • workTime: график работы
    • tel: номер телефона

      Нажмите кнопку Сохранить и закрыть

Социальные сети

Чтобы настроить ссылки на аккаунты заведения в социальных сетях:

  1. Перейдите к нужному блоку и нажмите кнопку Редактировать блок
  2. В открывшемся окне редактирования нажмите на логотип социальной сети, затем на кнопку Settings
  3. Справа появится меню настроек. Выберите пункт Link
  4. В пункте URL укажите ссылку на ваш аккаунт
  5. Не выходя из меню Settings, так же укажите ссылки для остальных социальных сетей


  6. Для настройки ссылки на Instagram, не покидая страницы редактирования, нажмите дважды на @restaurantcafe
  7. В верхнем левом углу страницы появится панель настроек. Нажмите на клавишу Insert Link
  8. В поле Enter a link укажите ссылку на аккаунт заведения в Instagram, а в поле Text — его название после знака @. Нажмите Apply
  9. Щелкните кнопкой мыши в свободном пространстве окна редактирования. Нажмите на кнопку Save в верхнем правом углу
  10. Изменения применятся. Вернитесь на предыдущую страницу, нажав клавишу Close

Публикация страницы

  1. Завершив редактирование страницы, нажмите  Опубликовать  в верхнем правом углу 
  2. Откроется окно редактирования адреса страницы. Можно оставить адрес по умолчанию или ввести свой вариант на латинице.
    После нажмите кнопку Сохранить и продолжить

  3. Появится уведомление об успешной публикации. Нажмите на кнопку Закрыть
  4. Вернитесь к странице своего проекта
  5. По умолчанию страница называется Copy of... . Чтобы это исправить, нажмите на Настройки справа от названия страницы

  6. В открывшемся окне в поле Заголовок введите свое название страницы. Здесь же, при желании, можно отредактировать Адрес страницы.
    Нажмите Сохранить изменения

Главная страница готова. Перейдите к созданию страницы Меню.

Создание страницы меню

  1. На страницы вашего проекта нажмите на кнопку Создать новую страницу

  2. Внизу страницы нажмите на кнопку Указать ID шаблона
  3. В окне ввода укажите ID готового шаблона 22932465   и нажмите Выбрать
  4. В открывшейся вкладке редактирования страницы загрузите логотип заведения и отредактируйте блоки  Контакты и  Социальные сети , как на Главной странице
  5. Завершив редактирование, опубликуйте страницу, укажите её адрес и измените заголовок, аналогично тому, как делали для  Главной страницы


Создание и редактирование страниц завершено.

Подключение к r_k Delivery

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

После изменения блюда (добавления картинки и т.д.), нужно опубликовать представление меню. Для этого  в разделе Меню административной панели r_k Delivery откройте нужное вам меню и нажмите на кнопку  Опубликовать меню для заведений 

Далее следует подключение к  r_k Delivery  для загрузки меню заведения на сайт.
Для этого:

  1. Зайдите в личный кабинет  r_k Office, нажмите на значок   в левом верхнем углу рядом с логотипом  r_keeper, и выберите  r_k Delivery


  2. Перейдите на вкладку Настройки. Если у вас не подключен колл-центр, для корректной работы доставки в пункте Обработка заказов выберите Автоматическое подтверждение. Если колл-центр подключен, то рекомендуется выбрать Заказы не подтверждаются — в этом случае, заказы будут приниматься колл-центром

  3. Нажмите на кнопку Сохранить в верхнем левом углу
  4. На вкладке  Заведения выберите нужный ресторан
  5. Выберите вкладку Управление заказом и переведите переключатель напротив пункта Принимать заказы автоматически в положение Выключено.
    Сотруднику ресторана нужно будет звонить клиентам и подтверждать заказ 

  6. Выберите вкладку  Сайт и заполните поля:
    • Меню  — выберите меню ресторана, которое нужно подгрузить на сайт
    • Домен — укажите тот же домен, что указан у сайта на Tilda
  7. Нажмите на кнопку  Сгенерировать.  В окне  HTML-код для блока HEAD  будет создан HTML-код. Скопируйте его
  8. Вернитесь на вкладку Tilda. На вкладке Мои сайты  нажмите на название вашего проекта, в открывшемся окне нажмите Настройка сайта
  9. Перейдите в нижний пункт меню  Еще 

  10. Прокрутите страницу вниз, в пункте HTML-код для вставки внутрь HEAD  нажмите Редактировать код

  11. В открывшейся вкладке вставьте ранее скопированный HTML-код в поле Вставка кода в Head и нажмите на кнопку Сохранить


    В правом нижнем углу появится сообщение, что код был успешно сохранен

  12. Для применения изменений необходимо переопубликовать страницы. 

    Для этого вернитесь на вкладку вашего ресторана

    Нажмите на кнопку Опубликовать все страницы

  13. После этого появится окно об успешной публикации:
  14. Нажмите на кнопку Откройте главную страницу. В открывшейся вкладке под главным баннером отобразится меню вашего заведения
  15. Настройка подключения сайта к r_k Delivery завершена.

Сайт для доставки из вашего заведения готов.