Как добавить функционал сайту на конструкторе

Делимся секретами, как добавить на сайт дополнительные возможности:

Добавляем карты

В конструкторе можно добавлять Google Maps, Яндекс.Карты, Bing Maps и карты Baidu:

Добавление карт в конструкторе сайтов

Откройте Свойства элемента и введите адрес или координаты места, чтобы отметить его на карте:

Ввод адреса или координат места

Чтобы получить координаты, откройте любую онлайн-карту, отметьте нужное место и скопируйте координаты, появившиеся внизу страницы:

Отметка нужного места на карте

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

Размещаем Google-Календарь

Добавьте на сайт элемент Календарь:

Размещение Google-Календаря

Откройте сервис Google Календарь и перейдите в Настройки:

Настройки Google-Календаря

Как настроить Google-Календарь в конструкторе

В конструкторе откройте Свойства Календаря и вставьте скопированный идентификатор:

Свойства Google-Календаря

Теперь изменения в календаре отобразятся на сайте:

Google-Календарь на сайте

Добавляем на сайт онлайн-чат

Чтобы добавить на сайт чат-систему Zopim, Olark или Tawk.to, перетяните элемент на сайт:

Добавление онлайн-чата

Откройте Свойства и введите идентификатор, который получили при регистрации на сайте чат-системы:
Zopim: https://www.zopim.com/ — платное использование;
Olark: https://www.olark.com — платное использование;
Tawk.to: https://www.tawk.to/ — бесплатное использование, поддерживает русскоязычный интерфейс:

Настройка онлайн-чата

После публикации на странице появится окошко чата:

Онлайн-чат на сайте

Заходя в свою учетную запись на сайте чат-системы, вы можете консультировать посетителей и видеть прошлые чаты, статистику обращений.

Зарабатываем на размещении рекламы AdSense

AdSense автоматически размещает на сайте текстовые и графические объявления, подходящие по контексту. Вы получите деньги за показ рекламы и переходы посетителей по рекламным ссылкам.
Зарегистрируйтесь на сайте сервиса Google AdSense и получите код для добавления на сайт:

Регистрация на сайте Google AdSense

В конструкторе добавьте элемент AdSense и введите код в его Свойствах:

Добавление элемента AdSense

Добавление кода AdSense на сайт

После активации аккаунта AdSense выберите нужные типы рекламы. Например, те, которые подходят к тематике сайта:

Активация аккаунта AdSense

Размещаем баннеры

Добавьте на сайт элемент Баннер:

Размещение баннеров AdSense

В Свойствах элемента укажите:

Размещение баннеров AdSense на сайте

После нажатия Применить баннер начнет работать:

Рекламные блоки Google AdSense на сайте

Делаем направляющие кнопки

а) Кнопки для скачивания файлов

Чтобы посетитель мог загружать файлы с сайта, сначала перетащите на сайт элемент Кнопка:

Направляющие кнопки

Выберите в Свойствах:

Свойства кнопки

Свойства ссылки

Кнопки на сайте

Теперь, когда посетители нажмут на кнопку, откроется окно загрузки файла.

б) Отдельные части картинки как ссылки на другие страницы

Сначала разместите картинку-основу с помощью элемента Фото:

Картинка-основа

Добавьте поверх несколько элементов «Кнопка»:

Элементы Кнопка

Откройте Свойства кнопок и выберите прозрачный фон для вида по умолчанию и при наведении курсора на кнопку:

Свойства кнопок

Выбор прозрачного фона

Отключение рамки

Выберите страницу, на которую ведет кнопка, и по желанию — надпись, которая будет на кнопке:

Выбор страницы

Свойства ссылки

Просмотрите страницу с кнопками:

Страница с кнопками

Добавляем HTML-код

Если в конструкторе нет нужного инструмента, вы можете найти и добавить свои инструменты с помощью HTML-кода. Например, для добавления часов, курса валют или прогноза погоды:

Добавление HTML-кода

Найдите код в поисковике, вводя запрос вида: html код + нужный инструмент:

Поиск html-кода в Google

Скопируйте найденный код. Добавьте в конструкторе элемент HTML:

Добавление элемента HTML

Откройте Свойства элемента и введите код:

Ввод html-кода

Если нужна помощь в поиске и установке HTML-кода, свяжитесь с поддержкой HOSTiQ.

Была ли статья полезной?

Спасибо за отзыв!