Типы виджетов и выбор способа установки

Тип виджета определяет, как карта Mapfolio появится на сайте.

Например, карта может постоянно находиться внутри страницы или открываться во всплывающем окне после действия посетителя.

Тип выбирается в первом блоке редактора — «1. Способ установки».

1. Войдите в личный кабинет Mapfolio.
2. Откройте раздел «Виджеты».
3. Нажмите карточку с большим знаком «+».
4. Откроется редактор нового виджета.
5. Найдите блок «1. Способ установки».

В этом блоке отображаются доступные типы виджетов и краткие подсказки к ним.

«Встроенный блок» — основной доступный тип виджета Mapfolio.

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

Например, карту можно разместить:

• между текстовыми разделами страницы;
• после описания компании;
• перед контактной информацией;
• внутри отдельного раздела «Наши объекты»;
• на специальной странице с адресами;
• в нижней части главной страницы.

Встроенный блок может содержать:

• интерактивную карту;
• маркеры опубликованных точек;
• список точек;
• строку поиска;
• фильтры;
• карточки объектов;
• фотографии и видео;
• кнопку перехода в полноэкранный режим.

Точный внешний вид зависит от параметров и дизайна выбранного виджета.

Карта появится в том месте страницы, куда добавлена часть кода с контейнером виджета.

Если код вставлен между двумя текстовыми блоками, карта появится между ними. Если код добавлен в нижнюю часть страницы, карта будет находиться внизу.

Виджет типа «Pop-up» должен открывать карту во всплывающем окне после действия посетителя.

Например, посетитель нажимает кнопку «Открыть карту», после чего карта появляется поверх страницы.

Недоступный тип отображается приглушённым цветом и имеет пометку «В разработке».

Если нажать на такую карточку, выбор не произойдёт. Это не ошибка браузера и не проблема вашей учётной записи.

На карточке каждого типа находится значок вопроса.

Чтобы увидеть описание:

1. Найдите знак «?» на карточке.
2. Наведите на него указатель мыши.
3. На телефоне нажмите на значок.
4. Прочитайте появившуюся подсказку.

Для встроенного блока отображается описание:

«Виджет встраивается в выбранное место страницы».

Для Pop-up:

«Виджет открывается во всплывающем окне по действию пользователя».

1. Откройте создание нового виджета.
2. В блоке «1. Способ установки» нажмите «Встроенный блок».
3. Убедитесь, что карточка типа выделилась.
4. Найдите поле «Название виджета (видно только в админ-панели виджетов)».
5. Введите понятное название.
6. Нажмите кнопку «Подтвердить выбор».
7. Дождитесь открытия остальных настроек.

После подтверждения станут доступны следующие блоки:

• «2. API карты»;
• «3. Параметры»;
• «4. Дизайн»;
• «5. Предпросмотр»;
• «6. Код для установки».

Название помогает найти нужный виджет в личном кабинете. Посетители сайта это название не увидят.

Используйте названия, по которым понятно назначение виджета.

Хорошие примеры:

• «Карта магазинов на главной»;
• «Карта объектов — Екатеринбург»;
• «Карта для страницы контактов»;
• «Карта жилых комплексов»;
• «Виджет для сайта example.ru».

Неудобные примеры:

• «Новый»;
• «Тест»;
• «Карта»;
• «Виджет 1».

После подтверждения и создания виджета выбранный тип блокируется.

При повторном открытии редактора:

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

Если потребуется другой способ установки, создайте отдельный виджет.

Выбор типа не заменяет остальные настройки.

Даже после выбора встроенного блока необходимо:

1. Выбрать API-ключ.
2. Настроить параметры.
3. Выбрать дизайн.
4. Проверить предварительный просмотр.
5. Сохранить виджет.
6. Скопировать код.
7. Добавить код на сайт.

Создайте отдельные виджеты, если карты должны отличаться настройками.

Например:

• один виджет предназначен для главной страницы;
• второй — для отдельной страницы с объектами;
• третий — для другого сайта;
• на компьютере и телефоне требуется разное поведение;
• нужны разные размеры или оформление;
• один виджет требуется временно отключать независимо от другого.

При этом виджеты могут показывать точки из одного личного кабинета.

Скорее всего, тип ещё не выбран.

Нажмите на карточку «Встроенный блок». После выделения карточки кнопка станет доступной.

Тип находится в разработке. Пометка «В разработке» означает, что этот вариант пока нельзя использовать для рабочего сайта.

Способ установки связан с кодом и поведением виджета. Поэтому после подтверждения тип фиксируется.

Для другого способа установки потребуется создать новый виджет.

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

Если вы не знаете, как редактировать страницу, передайте код администратору сайта.

Перед переходом к остальным настройкам убедитесь, что:

• выбран «Встроенный блок»;
• карточка типа выделена;
• указано понятное внутреннее название;
• нажата кнопка «Подтвердить выбор»;
• открылись разделы API, параметров, дизайна и предпросмотра;
• вы понимаете, в каком месте сайта должна находиться карта.

После этого можно переходить к подключению API-ключа и настройке параметров виджета.