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

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

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

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

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

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

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

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

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

Добавление карты на страницу "Контакты" - 8527
Рисунок 1.

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

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

Добавление карты на страницу "Контакты" - 7084
Рисунок 2.

Заметка

Яндекс предоставляет на выбор код для сайта: JavaScript или Iframe, оба варианта подходят, можете выбрать любой.

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

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

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

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

Добавление карты на страницу "Контакты" - 5400
Рисунок 3.

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

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

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

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

Добавление карты на страницу "Контакты" - 6926
Рисунок 4.

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

Добавление карты на страницу "Контакты" - 4625
Рисунок 5.

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

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

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

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

Добавление карты на страницу "Контакты" - 7157
Рисунок 6.

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

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

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

Добавление карты на страницу "Контакты" - 4059
Рисунок 7.

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

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

1 способ

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

Добавление карты на страницу "Контакты" - 7742
Рисунок 8.

2 способ

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

Добавление карты на страницу "Контакты" - 5158
Рисунок 9.

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

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

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

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

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

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

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

Тэги: Контакты, карта, yandex, google, карта, яндекс, гугл, добавить схему проезда