Это идеальный инструмент для визуализации пространственных данных. Вместо того чтобы заставлять пользователя изучать скучные текстовые списки или таблицы, вы даете ему возможность взаимодействовать с наглядным планом, что значительно облегчает восприятие.
Для каких задач подходит модуль?
- Недвижимость и застройщики: Интерактивные генпланы коттеджных поселков, поэтажные планы новостроек или схемы бизнес-центров. Клиент сразу видит свободные, забронированные и проданные участки или квартиры благодаря цветовой индикации.
- Торговые центры и выставки: Схемы расположения павильонов, магазинов или фудкортов. Посетитель может навести курсор на нужный отдел, узнать его название и перейти на страницу с подробным описанием.
- Автодилеры и сервисы: Интерактивные схемы устройства автомобиля, где при наведении на деталь всплывает подсказка с ее названием и ссылкой на каталог запчастей.
Ключевые преимущества
- Встроенный визуальный редактор: Вам больше не нужно привлекать программистов или дизайнеров для разметки координат. В административной панели Битрикса встроен удобный редактор: просто загрузите картинку и обведите нужные области мышкой (многоугольниками, кругами или прямоугольниками).
- Цветовое кодирование статусов: Вы можете задавать разные цвета для заливки и контура каждой области. Это позволяет наглядно показывать статусы объектов: зеленый — «свободно», желтый — «бронь», красный — «продано».
- Информативные подсказки (Tooltips): При наведении курсора на выделенную зону пользователь увидит аккуратную всплывающую подсказку с названием объекта, ценой или кратким описанием.
- Абсолютная адаптивность: Карта автоматически подстраивается под размеры окна. Она корректно отображается и плавно масштабируется как на больших мониторах, так и на экранах мобильных телефонов.
- Поддержка сенсорных экранов: Модуль полностью оптимизирован для мобильных устройств — области легко нажимаются пальцем без ложных срабатываний.
Мы позаботились о том, чтобы процесс создания карты был максимально простым и интуитивно понятным для контент-менеджера:
1. Добавление новой карты. После установки модуля перейдите в административном меню в раздел Сервисы (Сервисы ? SVG Карты ? Список карт) и нажмите кнопку «Добавить карту».
2. Загрузка изображения. Введите название карты (например, «Генплан поселка» или "План этаже ТЦ") и загрузите нужное изображение в формате JPG, PNG или WebP. Нажмите «Применить».
3. Разметка объектов. После загрузки картинки вверху страницы появится визуальный редактор. Выберите подходящий инструмент ("Рисовать мышкой", "Рисовать полигоном", "Поставить точку") и кликами мыши или обведите нужный участок на загруженной картинке или поставьте маркеты (точки) в нужных местах.
4. Настройка области. При добавлении объектов на карте рядом сразу появится новя запись, где можно задать название (оно будет выводиться в подсказке при наведении) и ссылку, в также сможет выбрать цвет заливки объекта или размер добавляемых точек.
5. Размещение на сайте. Сохраните карту. В списке карт вы увидите уникальный ID вашей новой схемы. Перейдите на любую страницу сайта, откройте визуальный редактор Битрикса и разместите стандартный компонент goodsol:imagemap, указав в его настройках нужный ID.
Готово! Интерактивная карта сразу же появится на странице и будет готова к работе с вашими клиентами.
Приобретенные программные продукты поставляются в виде цифро-буквенного кода. Используя код, вы сможете установить продукт на хостинг. Код приходит на указанный в заказе адрес электронной почты.
Время от момента получения оплаты до момента отправки кода составляет несколько часов. В течение этого периода выполняет оформление приобретенной продукции.
Обращаем ваше внимание, что дополнительная задержка может быть вызвана некорректно указанным адресом почты. Просим вас внимательно проверять ваши персональные данные при оформлении заказа. Мы гарантируем, что конфиденциальность ваших данных будет соблюдена.
Что требуется для установки:
- CSM «1С-Битрикс».
- Домен.
- Хостинг.
Мы предлагаем приобрести все необходимое в готовом наборе на нашем сайте. Это позволит ускорить дальнейшую установку.
Бонус: бесплатная базовая установка!
Чтобы получить подробную информацию о сервисе, вы можете ознакомиться с официальными реестрами Visa International и MasterCard Worldwide. Заполнив и подтвердив заказ, вы будете переадресованы на сайт сервиса Яндекс.Деньги. Там вы сможете оплатить заказ, воспользовавшись картой Visa, Mastercard или Maestro или кошельком Яндекс.Деньги.
Подробнее
Установка модуля
После приобретения модуля зайдите в административную панель вашего сайта, откройте раздел Marketplace ? Установленные решения, найдите модуль «Интерактивная SVG-карта» и нажмите кнопку «Скачать», затем «Установить».
Шаг 1: Создание новой карты
Перейдите раздел «Сервисы» (Сервисы ? SVG Карты ? Список карт) и нажмите кнопку «Добавить карту».
(В этом же списке можно вызать редактирование ранее добавленных изображений)
В открывшемся бланке редактирования введите «Название карты» (например, «План ТЦ – 1й этаж» или «Схема микрорайона»). Загрузите нужное изображение (поддерживаются форматы JPG, PNG, WEBP) и нажмите «Применить», чтобы картинка загрузилась на сервер и появилась на холсте.
Шаг 2: Рисование интерактивных зон
В бланке редактирования имеется панель инструментов:
Рисовать мышкой — позволяет выделить произвольную сложную область (просто зажмите левую кнопку мыши и обведите нужный участок).
Рисовать полигоном — идеально для форм с прямыми углами (помещения на плане здания, здания на плане микрорайона). Кликайте мышкой по углам объекта. Чтобы завершить полигон, дважды кликните по последней точке или нажмите Enter. Отменить рисование текущего объекта можно клавишей «Esc».
Скруглённые области тоже можно выделять этим инструментом, аккуратно расставляя точки по периметру.
Поставить точку — ставит круглый цветной маркер поверх изображения. Удобно для указания точек на карте или деталей на схеме оборудования. Также можно выбрать один из нескольких размеров точек (большая, средняя, маленькая)
Настройка объекта:
Перед тем как нарисовать фигуру, вы можете выбрать её цвет в палитре на верхней панели. Если вы хотите сделать область невидимой для пользователя (это в случае, если объекты уже нарисованы на исходной картинке, нужно просто сделать их кликабельными), поставьте галочку для свойства «Прозрачная заливка».
Шаг 3: Добавление описаний и ссылок
Как только вы нарисовали фигуру на холсте, в правой колонке «Добавленные элементы» появится новая карточка объекта. В ней вы можете:
- ввести текст для всплывающей подсказки (тултип), которая появится при наведении курсора на эту область;
- указать ссылку (например, https://yoursite.ru/catalog/), по которой перейдет пользователь при клике на выделенную зону.
Если что-то изменилось на плане или если вы ошиблись при разметке объектов, любой добавленный элемент всегда можно удалить по отдельности, нажав кнопку с красным крестиком.
После завершения работы с изображением нажмите «Сохранить».
Как вывести карту на сайт
Модуль поддерживает вывод интерактивных карт в любом месте сайта, где доступен визуальный редактор Битрикс (в новостях, статьях, описаниях разделов и товаров).
Способ 1: Использование макроса (самый простой)
Зайдите в редактирование страницы, новости или статической области.
В визуальном редакторе напишите конструкцию: #MAP_ID# (где ID — это номер вашей карты, который можно посмотреть в списке таблице «Список интерактивных карт» (Сервисы ? SVG Карты ? Список карт). (ID обведён на первом рисунке.
Пример: #MAP_1# выведет карту с идентификатором 1.
Данный тег можно добавить в текст используя «Сниппеты»
Сохраните страницу. На выводе модуль автоматически заменит этот тег на готовую интерактивную карту!
Способ 2: Использование компонента (для разработчиков)
Модуль устанавливает стандартный компонент vendor:image.map.
Вы можете разместить его в исходном коде шаблона любой страницы.
Это заранее созданный сайт или интернет-магазин с демоконтентом, лид-формами и кнопками, который вы можете купить и использовать для своего проекта.
В будущем готовое решение можно доработать, обратившись к программистам.
В стоимость готового решения входят такие позиции:
- Шаблон дизайна.
- Набор цветовых схем.
- Запрограммированные веб-страницы.
- Демоконтент.
- Структура меню.
- Мастер установки.
Кроме приобретения решения для разработки сайта также понадобятся:
- Система управления контентом «Битрикс».
- Аренда домена и хостинга.
Список подходящих редакций указан на детальной странице каждого решения. Если рассматривать редакции с точки зрения функционала, то можно выделить две группы:
- Редакции для разработки лендингов и корпоративных сайтов.
- Редакции для создания интернет-магазинов.
Для разработки одностраничников и корпоративных сайтов подходят редакции «Старт» и «Стандарт». «Стандарт» отличается от «Старта» наличием модуля проактивной защиты. Что входит в модуль:
- Инструмент для проведения аудита.
- Панель безопасности с разными уровнями защищенности.
- Антивирус.
- Система одноразовых паролей.
- Защита от DDoS-атак.
- Журнал вторжений и др.
С помощью этих редакций можно создать интернет-магазин, но в этом случае вам понадобится модуль корзины, не входящий в комплектацию редакций. Такой модуль включен в состав некоторых готовых решений. Оптимальный вариант для разработки интернет-магазина - это редакции «Малый бизнес» и «Бизнес», поддерживающие интеграцию с 1С.
В каких случаях нужна редакция «Бизнес»:
- Если у вашего интернет-магазина несколько групп покупателей (например, оптовые и розничные), для которых должна быть разная цена на одинаковый товар.
- Для запуска программ лояльности, систем скидок и бонусов.
- Для магазинов, в которых продаются наборы (основной товар + аксессуары).
- Для магазинов, продающих комплекты из основной позиции и актуального (но не обязательного для использования товара).
- Для тех, кто распоряжается несколькими складами или оффлайн-магазинами (информация о наличии товара должна отображаться в интернет-магазине).
Если у вас нет необходимости в перечисленных возможностях, то вы можете выбрать редакцию «Малый бизнес». В будущем ее можно расширить до более полной редакции «Бизнес», внеся дополнительную плату.
Нет, для установки решения требуется активная лицензия, то есть с момента приобретения прошло менее 12 месяцев. После истечения этого срока лицензию необходимо продлить.
Вы можете продлить лицензию, воспользовавшись одним из двух тарифов - льготным или стандартным. Льготный тариф действует в течение 30 дней после окончания лицензии (его стоимость составляет 22% от ее цены). Стандартный тариф составляет 60% от базовой цены и действует, если после окончания прошло более 30 дней.
Да, мы можем установить решение на лицензию «Битрикс». Возможна бесплатная установка, начиная с лицензии «Малый Бизнес». Для этого вы предоставляете:
- Ссылки на хостинг, логин и пароль (это необходимо для авторизации).
- Доменное имя.
- Лицензионный ключ «Битрикс».
- Купон для установки.
- Зарегистрируйте лицензионный ключ на сайте Битрикс (придет вам по e-mail после покупки). Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате: XXX-XX-XXXXXXXXXXXXXXXX.
- Скачайте установочный файл на свой компьютер.
- Зайдите на сайт хостинг-провайдера и авторизуйтесь.
- Войдите в файловый менеджер. Там вы сможете загрузить установочный файл в корневую папку хостинга.
- Сформируйте базу данных.
- Перейдите по адресу тестового домена, воспользовавшись ссылкой имя-сайта/bitrixsetup.php.
- Выберите редакцию, которая соответствует отправленному вам лицензионному ключу.
- Воспользуйтесь отправленным на вашу почту 23-значным кодом и вставьте его в поле «Лицензионный ключ». Нажмите на кнопку «Загрузить».
- После того, как появится экран «Начало установки», кликните кнопку «Далее».
- Выберите пункт «Я принимаю лицензионное соглашение», поставьте галочку и кликните кнопку «Далее».
- Выберите пункт «Я хочу зарегистрировать свою версию продукта» и поставьте галочку. Не забудьте о заполнении обязательных полей. При создании сайта на иностранном языке поставьте отметку в пункте «Установить в кодировке UTF-8» и кликните «Далее».
- Перед вами появится экран для предварительной проверки системы. На нем вы увидите показатели вашей редакции. Выделенные зеленым цветом показатели соответствуют требованиям, а красным - не соответствуют. Чтобы исправить несоответствующие значения обратитесь в техподдержку хостинговой компании.
- На появившемся экране «Создание базы данных» внесите необходимые данные (база создается на хостинге).
- После заполнения всех обязательных полей вы можете создать администратора сайта.
- Воспользуйтесь шаблоном для установки. Вы можете выбрать как бесплатный шаблон, так и готовое решение.
Следуйте инструкции:
- Установите на хостинг систему «Битрикс».
- Авторизуйтесь под данными администратора, выполнив переход по ссылке имя-сайта/bitrix.
- В разделе Marketplace вы увидите административную панель. Перейдите в нее и выберите подраздел «Обновление решений». После этого откройте вкладку «Активация купона».
- Купон - это 25 символов (цифры и заглавные буквы латинского алфавита). Введите купон для активации и кликните «Активировать купон».
- После того, как в «Списке обновлений» появится название решения, поставьте галочку и загрузите его.
- Откройте вкладку «Установка обновлений» и установите.
- Выберите название купленного решения и отметьте пункт «Загрузить».
- В разделе «Настройки» найдите подраздел «Список мастеров». Найдите название вашего решения и отметьте пункт «Установить».
- После того, как появится мастер установки, отметьте пункт «Существующий» и нажмите «Далее».
- На экране «Выбор шаблона» кликните «Далее».
- Выбрав цветовую схему, нажмите «Далее».
- Замените демоконтент и кликните «Установить».
- На появившемся экране «Завершение настройки» кликните «Перейти на сайт».
Стоимость не всегда зависит от наличия хостинга. По своему опыту можем сказать, что не все хостинги одинаковы. В некоторых ситуациях параметров хостинга недостаточно для корректной работы сайта и обеспечения рекламной кампании. Если вы пользуетесь услугами провайдеров Timeweb, Ru-Center или Rusonyx, то стоимость будет снижена на ту сумму, которая была потрачена на хостинг. В ином случае советуем обратиться к менеджеру для уточнения деталей.
Владельцам небольших проектов мы предлагаем простые тарифы хостинга для снижения расходов.
Общие для всех продуктов:
- Обновление продукта;
- Получение новых версий (можно посмотреть какие и как часто выходят обновления для Управления сайтом и для Битрикс24);
- Приоритетная техническая поддержка в первую очередь (срок ответа не превышает шести рабочих часов);
- Система резервного копирования в облако;
- Использование Маркетплейс
- Конструктор Сайты24
Уникальные для «1С-Битрикс: Управления сайтом»
- Обновление системы безопасности;
- Инспектор сайтов;
- Ускорение загрузки сайта CDN
- Мобильное приложение администратора магазина (для редакций «Малый бизнес» и «Бизнес»)
- Автобюджет контекста в Яндекс.Директ
- BigData: Персонализация
- Защита от DDoS
Уникальные для «1С-Битрикс24»
- Работа телефонии
- Автозаполнение реквизитов по ИНН
- Работа открытых линий:
- настраивать и создавать Открытые линии можно без ограничений;
- онлайн-чат работает без ограничений;
- каналы коммуникаций исчезают из виджета CRM;
- сообщения на портал из настроенных каналов продолжают приходить;
- настроить каналы нельзя - будет выдаваться ошибка (кроме Онлайн-чата);
- нельзя ответить на сообщения - они не доставляются.
Даже если вы не приобретете продление на следующий год, то по истечение года активности лицензии сайт не отключится и продолжит работать.
Теперь немного подробнее как происходит лицензирование с юридической точки зрения.
После оплаты права использования программы, вы одновременно получаете две лицензии:
1. Стандартную – она позволяет использовать продукт, получать обновления, устанавливать решения из Маркетплейс, приоритетную техническую поддержку и т.д. (то о чем говорилось вначале). Срок действия Стандартной лицензии – один год. После этого необходимо продление.
2. Ограниченную – которая дает право использовать продукт без доступа к обновлениям и решениям из Маркетплейс. Владелец Ограниченной лицензии, если срок его Стандартной лицензии истек, получает техническую поддержку менее оперативно (срок ответа – до трех рабочих дней).
Ограниченная лицензия предоставляется не по письменному договору, а по EULA (лицензионное соглашение с конечным пользователем) и не учитывается в бухгалтерском учете. Ее назначение – подтверждение правомерности использования программного продукта клиентом по истечению годичного периода.
Срок действия Ограниченной лицензии совпадает со сроком исключительных прав на программный продукт (по статье 1281 ГК РФ).
Как осуществляется поставка? Получу ли я коробку/диск?
Все продукты «1С-Битрикс» поставляются в электронном виде по электронной почте. После подтверждения факта оплаты на e-mail, указанный при оформлении заказа, будет отправлено письмо с лицензионным ключом, инструкцией по его активации и получению дистрибутива, или купоном и инструкцией по активации купона.
Поставка программных продуктов "1С-Битрикс" на физических носителях (коробки/диски) не осуществляется.
После оплаты лицензионного вознаграждения вам предоставляется право использования ПО (авторизационный код/ключ) - договор считается исполненным. Согласно п. 4 ст. 453 ГК РФ: "Стороны не вправе требовать возвращения того, что было исполнено ими по обязательству до момента изменения или расторжения договора, если иное не установлено законом или соглашением сторон."
Поставка программных продуктов "1С-Битрикс" на физических носителях (коробки/диски) не осуществляется.
