Разделы и статьи

Как сделать красивую карту для модуля бронирования?

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

Шаг 1. Создаем карту в конструкторе

  1. Перейдите в конструктор Яндекс Карт и нажмите кнопку Создать карту;

  2. В открывшемся визуальном редакторе настройте масштаб и позиционирование. Убедитесь, что здание отеля хорошо видно, а его расположение понятно относительно основных дорог и населенных пунктов;

  3. Чтобы сделать отметку отеля более заметной, используйте инструменты на панели редактирования (маркеры, подсветка зданий и т.д.);

  4. Когда закончите редактирование, нажмите Сохранить и продолжить.

Шаг 2. Получаем код для вставки на сайт

  1. В открывшемся окне выберите опцию Вставить на сайт;

  2. Укажите тип карты:

    • Интерактивная: Гость сможет двигать карту и увеличивать масштаб. Объекты реагируют на нажатия;

    • Статическая: Обычная картинка в формате PNG. Подходит, если не требуется взаимодействие с картой;

  3. Нажмите кнопку Получить код карты;

  4. В открывшемся окне скопируйте сгенерированный iframe-код.

Шаг 3. Вставляем код в настройки Shelter Cloud

  1. Перейдите в личный кабинет Shelter CLOUD;

  2. Нажмите на имя пользователя в правом верхнем углу экрана, чтобы открыть настройки;

  3. Перейдите на вкладку Онлайн для сайта v2.0;

  4. Нажмите Показать все настройки;

  5. Пролистайте страницу вниз до блока Месторасположение отеля на карте (код html);

  6. В поле «HTML код» вставьте скопированный ранее iframe-код с картой;

  7. В правой части экрана (блок Просмотр) сразу же отобразится, как карта будет выглядеть на странице. Проверьте, всё ли корректно отображается.

Шаг 4. Финальная проверка

Перейдите на сайт в модуль бронирования и убедитесь, что новая карта успешно загрузилась и работает именно так, как вы задумали.