Перейти до основного контенту
Адреса та карта проїзду

Налаштування адреси магазину та підключення мап

Оновлено понад 9 міс. тому

Адреса та мапа відображаються на сторінці з контактною інформацією.

Адреса та мапа — Хорошоп

Також їх можна знайти у футері сайту.

Адреса та мапа у футері — Хорошоп

Як додати адресу

В адмінці перейдіть у розділ Налаштування Загальні налаштуванняКонтактна інформація та заповніть поля Адреса для всіх мовних версій сайту. Щоб вставити кілька адрес з нового рядка, розділіть їх тегом <br>.

Адреса в адмінці — Хорошоп

Як вставити мапу

У Хорошоп вбудовано підтримку Google Maps. Є два способи розмістити мапу на сторінці контактів: використовуючи код мапи або ключ API.

Код мапи

Рекомендований спосіб підключення, який використовує стандартну функцію вбудовування мапи.

  1. Перейдіть на Google Maps та знайдіть потрібну адресу.

  2. Натисніть кнопку Поділитися.

  3. У вікні, натисніть Вставити картуСкопіювати HTML-код.

HTML-код мапи Google — Хорошоп

4. В адмінці вашого сайту перейдіть у розділ Налаштування Загальні налаштуванняКонтактна інформація, вставте отриманий код в поле HTML код мапи проїзду та збережіть налаштування.

Вставка HTML-коду мапи Google — Хорошоп

Важливо. Для коректної роботи коду мапи переконайтеся, що поле API ключ для Google мап було порожнім.

API-ключ

Більш складна інтеграція мапи, що дає більшу свободу кастомізації. Для отримання ключа необхідно зареєструватися на сервісі Google Cloud Platform та прив'язати картку для оплати. Ліміт безкоштовного використання — до 28 тис. завантажень мапи, а далі $7 за кожні 1000 завантажень.

  1. Отримайте API-ключ на Google Maps Platform (коротка відео-інструкція).

  2. В адмінці перейдіть у розділ Налаштування Загальні налаштуванняКонтактна інформація та вставте ключ у поле API ключ для Google мап.

  3. Введіть назву, адресу або координати потрібної точки в полі Адреса магазину та збережіть установки.

API-ключ для мап Google — Хорошоп

Декілька карт

Код мапи можна вставити в полі додаткової інформації на сторінці контактів, і таким чином скомбінувати текстову інформацію з мапою або кількома мапами.

Декілька мап на сторінці Контактна інформація — Хорошоп
  1. В адмінці перейдіть у розділ СайтСторінки Контактна інформація.

  2. У блоці Додаткова інформація натисніть кнопку Джерело у редакторі.

  3. Вставте коди мап в потрібні місця та збережіть налаштування. Після збереження інформація з'явиться на сторінці контактів.

Коди декількох мап в адмінці — Хорошоп

Ви отримали відповідь на своє запитання?