uKit
FAQ – Виджеты

Виджеты — это отдельные элементы, из которых ваш сайт собирается в единое целое. Виджетов в нашем конструкторе представлено много и мы регулярно добавляем новые, расширяя функционал ваших сайтов. Доступные для размещения виджеты вы можете найти в режиме конструктора во вкладке «Виджеты».

Они сгруппированы в несколько категорий:

  • Основные
  • Структура
  • Контент
  • Медиа
  • Контакты
  • Социальные

 

Основные

 

Это основные элементы для оформления вашего сайта. Среди них есть обычные текстовые элементы («Заголовок» и «Текст» и «Цитата»), мультимедийные элементы («Картинка», «Иконка», «Галерея» и «Слайдер») и элемент «Кнопка», на который можно привязать какое-либо действие. В тарифе «Про» доступен виджет HTML-код.

 

Структура

 

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

 

Контент

 

Во вкладке «Контент» вы найдете ряд виджетов, которые позволяют размещать на страницах вашего сайта контент определённого типа. Например, виджеты «Карточка» и «Прайс», позволят показать посетителям вашего сайта товар визуально и рассказать о его характеристиках. Если же вы хотите продавать их прямо на сайте — тогда вам подойдёт виджет Ecwid Shop. Другие виджеты также позволят делиться различного рода контентом.

 

Медиа

 

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

 

Контакты

 

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

 

Социальные

 

Социальные элементы позволят вам разместить виджеты популярных социальных сетей на вашем сайте, чтобы посетители вашего сайта без труда могли найти вашу страничку ВКонтакте или в Одноклассниках.

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

Чтобы перейти в редактирование контакта, вам нужно нажать на карандаш напротив нужного пункта. Справа откроется окно, где вы сможете указать ваши контактные данные. Если у вас есть несколько отделений, то вы можете добавить новый контакт, нажав на кнопку «Добавить контакт».

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

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

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

Виджет «Соцсети» позволяет разместить на вашем сайте ссылки на ваши сообщества в социальных сетях. Это может быть как персональная страница, так и группа или паблик. В настройках виджета вам нужно активировать необходимые социальные сети и прописать ссылки на ваши сообщества:

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

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

Тип карты

При размещении виджета вам доступно для выбора несколько картографических сервисов: Google, Яндекс и Bing. В редких случаях возникают ситуации, когда здание, в котором находится ваша организация, отсутствует на карте — тогда вы можете выбрать карту другого сервиса.

Метки на карте

Если вы ранее заполнили виджет «Контакты» на вашем сайте с указанием адреса вашей организации, то это расположение будет использовано для метки на карте. Чтобы на карте была установлена метка, вам нужно указать адрес или координаты вашего местоположения. При необходимости добавьте название и описание метки, которое будет появляться при нажатии на неё. Если у вас есть несколько офисов или представительств, вы создать несколько меток, нажав на кнопку «Добавить метку».

Вы можете разместить на сайте виджеты популярных социальных сетей, которыми вы пользуетесь: ВКонтакте, Одноклассники, Facebook, Instagram, Twitter, Pinterest. Чтобы их подключить, вам достаточно указать ссылку на ваше сообщество или подключить аккаунт к конструктору — после чего вы сможете настроить внешний вид виджета.

Виджет «Видео» позволяет размещать видеоролики на страницах вашего сайта. Вы можете использовать видео, загруженное на один из трёх популярных видеохостингов: YouTube, RuTube и Vimeo. После того как вы разместили виджет на сайте, в настройках виджета укажите ссылку на видео, которое вы хотите добавить на сайт.

Примечание: При добавлении видеоролика на сайт, убедитесь в том, что для видео, которое вы хотите добавить, в настройках разрешено встраивание на сторонние сайты.

В нашем конструкторе на данный момент представлено три варианта онлайн-чата с посетителями вашего сайта. Все они доступны в режиме конструктора во вкладке «Контакты». 

Выберите один из этих чатов и перенесите его в правый нижний или левый нижний части вашего сайта. После этого вы сможете либо создать новый аккаунт в этих чатах по кнопке «Создать аккаунт», либо прикрепить существующий профиль.

Для создания интернет-магазина в uKit вы можете воспользоваться встроенным виджетом «Товар магазина». После размещения этого виджета на вашем сайте активируются настройки магазина.

В настройках виджета «Товар» вы можете:

  • добавить картинку товара;
  • указать цену;
  • заполнить описание;
  • настроить сбор статистики по аналогии с виджетом «Карточка».

Вы можете разместить на сайте любое количество товаров. Чтобы перейти в настройки магазина, в верхней левой части конструктора нажмите на иконку корзины:

Здесь вам доступны следующие вкладки:

  • Настройки — здесь вы можете выбрать валюту магазина и действие, осуществляемое после добавления товара в корзину.
  • Форма заказа — тут вы можете редактировать адрес для получения уведомлений о заказах, текст для покупателей и поля в форме заказа.
  • Доставка — на этой вкладке вы можете управлять способами доставки. Стоимость доставки может быть бесплатной или фиксированной.
  • Оплата — здесь вам доступно изменение способов оплаты, доступные для клиента. На текущий момент вы можете подключить возможность онлайн-оплаты посредством PayPal. В ближайших обновлениях будет доступна оплата через Яндекс.Кассу и Wallet One.

Вы также можете отредактировать внешний вид корзины, кликнув на неё. Настроить можно цвета корзины и текст, отображаемый в ней.

1. В режиме конструктора перейдите на вкладку Контент и выберите Ecwid Shop. Перетащите виджет интернет-магазина в желаемое место вашего сайта.

2. Кликните на блок магазина и, в появившейся слева панели, нажмите кнопку «Создать аккаунт». В случае, если у вас уже есть аккаунт в Ecwid, нажмите «Уже есть аккаунт».

3. Введите данные для регистрации: e-mail и пароль и нажмите кнопку «Создать».

4. Теперь вам доступна кнопка «Настроить в Ecwid». Нажмите её.

5. Вы будете перенаправлены на главную страницу ecwid, авторизуйтесь с данными, указанными в пункте 3. После авторизации вам станет доступна панель управления Ecwid, откуда возможно управлять категориями и товарами на сайте, а также совершать другие операции.

Способ 1

В режиме конструктора откройте вкладку «Контент» и выберите элемент «Карточка». Перенесите его в нужную часть сайта.

Каждый элемент «Карточка» — один товар. Нажмите на карточку, чтобы открыть ее настройки. На кнопку карточки вы можете прикрепить всплывающее окно с заказом товара или услуги.


Способ 2

В режиме конструктора откройте вкладку «Контент» и выберите элемент «Прайс». Перенесите его в нужное место на сайте.

Все товары находятся в настройках элемента «Прайс». Вы также можете назначить на кнопку в прайс-листе на всплывающее окно с возможностью заказа товара или услуги.

Для размещения формы онлайн расчета стоимости товаров или услуг, разместите на сайте виджет «Калькулятор».

После размещения виджета вам нужно создать или привязать уже существующий аккаунт в uCalc.

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

В виджете «Слайдер» вы можете разместить до 10 слайдов.

Если вы хотите использовать слайдер без текста и кнопки, то вы можете разместить виджет «Галерея» и выбрать для него дизайн «Слайдшоу». В таком случае количество фотографий не ограничено.

Гости вашего сайта могут оставлять комментарии при помощи встроенной системы Disqus. Во вкладке «Страницы» активируйте страницу, которая имеет тип «Новости». Напротив таких страниц размещена иконка с изображением листа и карандаша.

1. Перейдите в режим конструктора и опубликуйте первую запись. Наведите курсор на запись и щёлкните по ней, активировав для редактирования. В появившейся панели слева включите «Комментарии».

2. Ниже новости появится блок «Привяжите аккаунт Disqus для активации комментариев».

3. Создайте новый аккаунт Disqus или привяжите существующий.

Поздравляем, вы успешно подключили комментарии для записей на вашем сайте.

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

Для загрузки файлов на ваш сайт используйте виджет «Файл», вы можете найти его в режиме конструктора на вкладке «Медиа».

Максимальный размер загружаемого файла - 30 Мб.

Можно добавить виджеты следующих социальных сетей: ВКонтакте, Facebook, Twitter, Одноклассники, Instagram и Pinterest. Найти виджеты можно в режиме конструктора во вкладке «Социальные»: