Как вам помочь ?

Добавление карты на страницу "Контакты"

Актуально для версии магазина: 8.0 | 7.0-6.0 | 5.0

В данной статье рассмотрим добавление карты в статическую страницу.

А именно следующие пункты:

Добавление карты Yandex

Для того, чтобы добавить на статическую страницу карту Яндекс, необходимо перейти к конструктору карт Яндекса.

В открывшейся странице в строке поиска:

  1. Наберите необходимый адрес, например, адрес офиса вашего магазина(1) (рис. 1).
  2. Нажмите на кнопку "Найти"(2) (рис. 1).
  3. Откроется окно с описанием, необходимо нажать "Готово"(3)(рис. 1).
  4. Затем в нижнем левом углу нажать на кнопку "Сохранить и продолжить"(4)(рис. 1).


Рисунок 1.

Затем Вам нужно получить HTML-код для добавления на Ваш сайт.

В данный момент перед Вами откроется карта, в которой требуется выбрать необходимый участок(1), затем выбрать вид карты (2), далее нажать на кнопку "Получить код карты" (3) и далее скопировать сгенерированный HTML-код карты в буфер обмена(4)(рис. 2).


Рисунок 2.

Чтобы добавить скопированный код на страницу "Контакты", вам нужно перейти в административную часть интернет-магазина.

В меню выбрать "Каналы продаж"- "Интернет-магазин"- "Страницы". Откроется список статических страниц вашего интернет-магазина, выберите страницу "Контакты" и перейдите в режим редактирования страницы (нажмите на знак карандаша напротив названия нужной страницы).

Откроется окно редактирования.

Вам нужно перейти в режим "Источник" (редактирование страницы в формате HTML)(2). Вставьте скопированный код с yandex(3), в текст страницы и нажмите кнопку "Сохранить"(4). (рис. 3).


Рисунок 3.

Готово. Карта добавлена. 

Добавление карты Google

Для того, чтобы добавить на статическую страницу карту Google Maps, необходимо перейти на страницу с адресом maps.google.ru

Далее вводим в поиск нужный адрес и нажимаем кнопку "поделиться" (рис.4).


Рисунок 4.

Жмем на ссылку "Встраивание карт" и копируем код из поля (рис.5).


Рисунок 5.

Чтобы добавить скопированный код на страницу "Контакты", вам нужно перейти в административную часть интернет-магазина.

В меню выбрать "Каналы продаж" - "Интернет-магазин" - "Страницы". Откроется список статических страниц вашего интернет-магазина, выберите страницу "Контакты" и перейдите в режим редактирования страницы (нажмите на знак карандаша напротив названия нужной страницы).

Откроется окно редактирования.

Вам нужно перейти в режим "Источник" (редактирование страницы в формате HTML)(2). Вставьте скопированный код с Google(3), в текст страницы и нажмите кнопку "Сохранить"(4)(рис.6).


Рисунок 6.

Готово. Карта добавлена. 

Не отображается карта

Бывают случаи, когда вы добавили карту, но она не отображается в клиентской части, это выглядит как на рисунке ниже (рис.7).


Рисунок 7.

Это означает, что у вас включено In-place редактирование, т.е. включен визуальный редактор для клиентской части магазина (подробнее о редакторе тут).

Отключить In-place редактирование можно двумя способами:

1 способ

В нижней панели сайта в клиентской части нажмите на "Вкл/Выкл" в поле "Режим редактирования" (рис.8).


Рисунок 8.

2 способ

Перейдите в панель администрирования, пункт меню "Каналы продаж" - "Интернет-магазин" - "Параметры магазина" на вкладке "Основные" и отключите галочку в поле "In-place редактирование" (рис.9).


Рисунок 9.

Готово. После отключения "In-place редактирования" карта должна отобразится, если этого не произошло, значит причина может быть другой, перепроверьте верно ли осуществили настройки описанные выше.

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Контакты, карта, yandex, google, карта, яндекс, гугл