uKit
FAQ – Интерфейс

В uKit есть 2 режима, в которых происходит вся работа с вашим сайтом: «Панель управления» и режим «Конструктора».

Панель управления uKit визуально разделена на 2 части. В верхней части сосредоточены элементы вашей работы с uKit. Здесь вы можете переключаться между своими сайтами или создать новый, перейти в режим конструктора, опубликовать сайт и оплатить тариф

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

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

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

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

Выберите понравившийся вам шаблон и нажмите «Сменить на этот шаблон»:

Дизайн вашего сайта изменится, а содержание останется прежним.

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

На открывшейся странице в левом верхнем углу вы сможете выбрать варианты устройств и ориентацию экрана:

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

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

  1. Перетащите мышью выбранный пункт меню и разместите его под корневым.
  2. Перейдите в настройки нужного пункта и укажите корневой пункт меню в строке «Вложенность».

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

1. Создайте необходимую вам страницу.

2. Укажите имя в настройках страницы.

3. Наведите курсор на меню и щёлкните по нему. В появившейся панели редактирования удалите пункт меню, автоматически созданный для вашей новой страницы.

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

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

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

Для перехода к настройкам кликните на форму обратной связи. В открывшемся окне вы можете персонализировать стандартную форму:

  1. Включить/отключить отображение заголовка;
  2. Настроить поля формы;
  3. Указать сообщение, которое увидит клиент после отправки формы;
  4. Настроить email, на который будут отправляться заявки;
  5. Активировать сбор статистики;
  6. Отредактировать текст в поле формы.

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

  • Слайдер
  • Кнопка
  • Карточка
  • Прайс-лист

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

На тарифе «Премиум+» и выше вы можете настроить сбор статистики.

Настройка полей

Вы можете создавать несколько типов полей:

  • Товар или услуга. Сюда автоматически подставляется название товара/услуги из виджетов «Карточка» или «Прайс».
  • Маленькое поле. Обычное текстовое поле для вставки любой информации.
  • Большое поле. Увеличенный размер поля позволяет вставлять большее количество текста. Например, клиенты могут вписать в это поле дополнительные вопросы или указать полный почтовый адрес. В настройках такого типа полей доступен выбор его высоты.
  • E-mail. Используется для получения электронной почты вашего клиента, по которой вы сможете с ним связаться. При заполнении производится проверка на правильность вводимой электронной почты.
  • Телефон. Используется для получения телефонного номера, по которому вы можете позвонить клиенту. При заполнении производится проверка на правильность вводимых данных.
  • Файл. С помощью этого поля клиенты могут отправлять вам на почту файлы размером до 5 мегабайт в следующих форматах: txt, docx, pdf, jpeg, png, gif, bmp, zip.

Для полей вы можете активировать заголовок, подпись и плейсхолдер. Отредактировать заголовок и подпись вы можете непосредственно в самом всплывающем окне.

В редакторе вы можете настроить часть текста, которая будет отображаться в списке новостей:
1. Установите курсор на месте, в котором хотите разделить материал;
2. Нажмите на кнопку «Читать далее».

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

Чтобы изменить ширину элемента, добавьте рядом с ним элемент «Пробел» или любой другой элемент.

Затем вы сможете настроить ширину виджета вручную, растягивая его границы курсором.

Чтобы изменить высоту элемента, откройте его настройки и перетащите нижнюю границу.

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

Якорь можно установить у любого виджета «Заголовок» на вашем сайте:

 

Все нужные заголовки разместите на странице сайта.

 

После этого откройте настройки ссылки:

В разделе «На страницу» у названия вашей страницы нажмите на символ «+» (плюс), чтобы увидеть список якорей:

Теперь ваша кнопка будет прокручивать страницу к якорю

Вы можете создать таблицу двумя способами:

  • с помощью виджета «Таблица»
  • используя виджет «Прайс» (для этого виджета доступна кнопка в последнем столбце)

Виджет «Таблица»

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

Чтобы добавить новый столбец, нажмите на зелёную кнопку в правом верхнем (или левом нижнем для добавления строки) углу таблицы:

Виджет «Прайс»

Перетащите элемент на страницу сайта и нажмите на него чтобы открыть настройки. Вы можете изменить дизайн, и настроить отображение отдельных элементов:

Вам остается только заполнить таблицу.

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

Настроить отображение пунктов вы можете кликнув ползунок:

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

Нажмите на любой элемент сайта или выделите часть текста. Щелкните по кнопке «Ссылка», которая появляется над элементом или текстом.

В открывшемся окне укажите на какую внешнюю ссылку или страницу вашего сайта будет осуществлен переход и вариант открытия ссылки в текущем/новом окне:

В случае, если кнопка «Ссылка»; не появляется, значит сделать элемент или текст кликабельным невозможно.

Кликните по картинке, которую хотите изменить и нажмите значок:

Выделите нужную область картинки рамкой и нажмите галочку: 

В режиме конструктора перейдите на вкладку «Дизайн» и измените цветовую схему:

В тарифе «Про» вы сможете создать цветовую схему самостоятельно:

  

Активировать версию для слабовидящих можно в режиме конструктора на вкладке «Дизайн»:

Активация версии для слабовидящих в uKit

Теперь вам доступны тонкие настройки, вы можете выбрать цвет полоски и выравнивание иконки:

Настройка версии для слабовидящих в uKit

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

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

Для изменения шрифта перейдите во вкладку «Дизайн». Откройте раздел «Шрифты» и выберите нужную вам шрифтовую пару:

Также вы можете создать свою собственную пару и настроить её:

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

  • Шрифт
  • Начертание
  • Размер
  • Межстрочный интервал