Установка Google-карты на страничку Контакты. Как вставить карту в битрикс
Установка Google-карты на страничку Контакты — 1С-Битрикс
Большей части моих заказчиков необходима карта расположения их офиса. В принципе это пользовательская задача и решается без программирования. Метод установки карты в Битрикс я опишу в этой небольшой статье. 1) Первое, что нужно сделать — это получить ключ http://code.google.com/intl/ru-RU/apis/maps/signup.html Google карт для вашего сайта. Для этого нужно согласиться с лицензионным соглашением и ввести адрес вашего сайта. Лучше всего вводить адрес без www.
2) Далее создаем страничку стандартными средствами Битрикс, используя html-редактор. Добавляем компонент Google — Настраиваемая карта.
3) Делаем двойной клик по перетащенному на новую страницу компоненту и переходим в настройки. Здесь вводим ключ карты и кликаем по кнопке изменить.
4) Открывается окошко установки позиции на карте для выбора. Соответственно, выбираем масштаб и двойным кликом ставим ярлычок там, где требуется. Далее небольшой финт — для того, чтобы ваши настройки запомнились нужно снять и поставить галку «Зафиксировать».
5) И вот она карта на странице контакты.
Как видите, все очень просто. Аналогично вставляется и яндекс-карта.
blog.sokov.org
Карты Google и Яндекс – все варианты создания на Битриксе
Приветствую, Друзья!
Из этого видеоурока Вы узнаете, как разместить на странице карту Google или Яндекс в типовом интернет-магазине на Битриксе.
Для чего нужна карта вряд ли надо кому-то объяснять. Это актуально для всех магазинов с розничными точками продаж или с пунктами выдачи товара, да и вообще любому магазину даже с простым офисом, в который иногда надо давать карту проезда.
На странице с контактами в типовом интернет-магазине на 1С-Битрикс версии 12 и старше есть карта сайта. С ней вроде просто работать, но для этого надо знать что такое HTML, а многие мои подписчики с этими технологиями не знакомы. И те, кто действительно создает свои магазины по моему видеокурсу, приходят ко мне с вопросом – как изменить эту карту на свою?Так как вопрос стали задавать регулярно, то я решил записать подробный видеоурок.
И в этом видеоуроке я рассмотрю не только вариант вставки карты через HTML (исходный код страницы), но я покажу как вставить карту Google или Яндекс можно совсем просто, через стандартные компоненты Битрикса, которые есть в любой редакции движка.
В принципе после просмотра урока Вы сможете поставить карту на свой сайт под управлением Битрикса за 3 минуты. Видеоурок длиннее, так как я показываю в нем 3 варианта, выбирайте на свой вкус что Вам ближе и пользуйтесь.
Все подробности размещения карт на страницах сайта на Битриксе смотрите в этом видеоуроке:
На этом сегодня все! Не забываем жать на социальные кнопки слева и спрашивать свои вопросы чуть ниже в комментариях!
blog.web-shoper.ru
[Битрикс24.Сайты и Конструктор карт Яндекса] Как вставить интерактивную карту Яндекс на сайт, сделанный в Битрикс24
В этой статье поговорим о том, как вставить интерактивную карту, созданную с помощью конструктора карт Яндекс, на станицу сайта Битрикс24.Сайты.
Прежде всего, нам необходимо создать карту, на которой будут отмечены объекты, например, офисы нашей компании. Создать карту можно по адресу https://yandex.ru/map-constructor/. Отмечаем на карте наши офисы.
На следующем этапе задаем размеры карты. Чтобы карта лучше смотрелась на странице, отмечаем галочку “Растянуть по ширине”.
Нажимаем на “Получить код карты”, выбираем тип “iframe”, и копируем указанный код.
На редактируемой странице сайта, созданного в Битрикс24, необходимо добавить блок “HTML код”. Он находится в группе “Другое”.
И в режиме редактирования вставляем скопированный на предыдущем этапе код
В режиме редактирования страницы вместо блока будет показана надпись “Результат работы html-кода будет виден только на опубликованной странице”.
Нажимаем кнопку “Опубликовать”, и наслаждаемся полученным результатом!
Заказать услугу
Если вам кажется, что все написанное сложно, и этот инструмент не для вас - доверьте работу профессионалам. Заполните форму ниже, и получите персональное предложение.
iseedata.ru
.jpg)
