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

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

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

В данной статье рассмотрим следующие пункты:

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

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

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

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


Рисунок 1.

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

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


Рисунок 2.

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

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

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

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


Рисунок 3.

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

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

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

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

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


Рисунок 4.

Нажимаем кнопку "Поделиться"(рис.5).


Рисунок 5.

Жмем на ссылку "Код" (рис.6).


Рисунок 6.

Копируем код из поля(рис.7).


Рисунок 7.

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

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

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

Вам нужно перейти в режим "Источник" (редактирование страницы в формате HTML) (рис.8).


Рисунок 8.

Вставьте скопированный код с Google, в текст страницы и нажмите кнопку "Сохранить" (рис.8).

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

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

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

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

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

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

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

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