uKit — это сервис, с помощью которого можно быстро создать прототип своего сайта или сделать полноценный сайт через уникализацию готовых шаблонов. Но не только эту возможность предлагает сервис — он также помогает сразу привязать готовый сайт к домену и начать его продвижение. Разберем подробнее все эти возможности, а также через какие функции их можно использовать.

Основные функции uKit

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

Для использования сервиса нужно сначала пройти регистрацию, при этом авторизоваться можно и через Вконтакте, Фейсбук* или uID.me. Сразу после пользователь попадает в кабинет — по оформлению чем-то напоминает Tilda.

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

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

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

Страницы сайта

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

Чтобы добавить новую страницу, нужно нажать на соответствующую надпись и выбрать — будет ли это страница или новости.

При создании страницы можно не только настроить ее название, но и Seo — для этого достаточно перейти в соседний раздел.

Seo можно настроить и потом — чтобы это сделать, нужно нажать на иконку с шестеренкой рядом с названием страницы, как показано на скриншоте. Из Seo пользователь может настроить адрес страницы, тег Title, метатег Description, метатег Keywords и метатег Image. Также здесь можно либо запретить, либо разрешить индексирование страницы поисковой системы. Все эти настройки серьезно влияют на продвижение в выдаче — например, сайты с правильными тегами и метатегами и с индексацией обычно выводятся в топ первой страницы.

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

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

Что касается самого текста и изображений на странице — их менять можно на каждой. Достаточно открыть нужную и заменить текст в меню редактирования. Для удобства с левой стороны есть настройки основных цветов и заголовков.

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

Конструктор

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

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

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

Есть и дополнительные настройки — это создание списков, подчеркивание или перечеркивание текста, а также отмена всего форматирования. При этом можно настроить и Seo — тогда для текст задается определенный тег. Например, тег div или h2.

В этой панели задается и класс виджета — эта функция нужна для тех, кто хочет привязать текст к коду CSS или JS. В этом случае дальнейшая настройка кода будет происходить через виджет «HTML-код» или «Свой код».

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

Если выбрать виджет галереи, то тогда появляются более подробные настройки с левой стороны.

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

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

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

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

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

Помимо замены фото есть возможность обрезать его, а также встраивать ссылки отдельно и настраивать Seo — теги Title и Alt.

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

Интересная настройка в этом меню — это анимация слайдера. Здесь пользователь может оформить, как происходит смена слайдов — картинка уходит вверх, растворяется или увеличивается.

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

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

Как видно из скрина, в настройках дизайна можно изменять цвет фона, текст кнопки, размер отступов между текстом, наличие скругления у кнопки и тени. Также здесь задается и анимация — можно, например, добавлять яркость кнопке при наведении.

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

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

Чтобы управлять иконками, нужно использовать меню сверху — с его помощью можно поменять оформление, изменить шаблон иконки или вставить свою, а также вкрутить ссылку.  На выбор дается много различных шаблонов, которые разделены для удобства по тематикам.

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

Разделители и пробел можно интегрировать и в текст, чтобы разделять смысловые абзацы — так их легче будет читать. В зависимости от выбора, буду разные настройки. Так, у пробела можно настроить его толщину, а также отметить, чтобы его границы стали видимыми на странице.

Если выбрать разделитель, то тогда можно отредактировать его оформление:

• выбрать формат отображение — цельная линия, пунктир, квадраты, точки или палочки;
• установить цвет разделителя;
• выбрать вариант его толщины;
• настроить величину отступов.

Контент — в этом подразделе собрали все виджеты, которые касаются оформления контента. Рассмотрим их тезисно.

1. Спойлер — это элемент, который позволяет создавать список пунктов с выпадающим списком. Для редактирования достаточно ввести текст самого пункта, нажать на плюс и указать текст, который будет отображаться в выпадающем списке. По желанию можно изменять цвет отображения;

2. Карточка — это возможность добавить отдельный товар или услугу. Для оформления виджета можно заменять изображение, добавлять надписи, цены, кнопки и ссылки. Также доступно само изменение цвета карточки, редактирование элементов текста и отступов;
3. Таблица — при добавлении таблицы на сайт пользователь может изменять текст внутри нее, а также сам цвет текста и рамки. Здесь же можно изменять выравнивание текста и добавлять дополнительные колонки или удалять те, которые не нужны;

4. Pro-таблица — в этом виджете доступно уже больше настроек. Например, можно выбрать формат текст внутри ячейки, его цвет, добавить контур, заливку или шапку таблицы и установить размер ячеек;
5. Отзывы — полезный виджет, который позволяет добавить отзывы на страницу в формате слайдера. В настройках можно установить, сколько именно отзывов будет, и кому они принадлежат. Можно изменить стиль слайда по необходимости, а также убрать или добавить описание тому, кто оставлял данный отзыв;

6. Этапы — этот виджет будет полезен для описания действий клиентов. Например, для описания процесса доставки или покупки. Чтобы настроить виджет, нужно указать сам текст в нем, а также выбрать оформление — как будет отображаться номер этапа, и как выглядит разделитель между этапами. Опционально добавляется заголовок и описание;
7. Таймлайн — удобен для маркетинговых целей, так как позволяет обозначить прогресс или рост будущих клиентов. Для настройки виджета также нужно определить формат отображения цифр и разделителей между пунктами. Если нужно, отдельный блок можно менять местами с другими, а также их цвет, размер, тип и выравнивание;

8. Цитата — тут добавляются цитаты для улучшения дизайна страницы. Достаточно ввести текст и выбрать вариант дизайна подложки;
9. Прайс — позволяет создать таблицу со сводными ценами на определенные товары. Чтобы изменить отображение таблицы, нужно откорректировать текст внутри нее, выбрать горизонтальное или вертикальное расположение и указать, какие колонки должны отображаться;

10. Таймер — виджет позволяет создать интерактивный таймер на странице, который будет ввести отчет, например, до конца распродажи. Для его настройки нужно указать, какой таймер будет, какая длительность у него будет, его дизайн и выравнивание на странице;
11. Поиск Яндекс — на страницу можно установить строку поиска Яндекс, чтобы пользователи могли что-то искать по необходимости. Для настройки функции придется указать ID поиска — как его находить, объясняется в конструкторе;

12. Поиск Google — идентично поиску через Яндекс можно установить строку поиска Google. Для настройки также нужен ID поиска в Google;
13. Информер новостей — это виджет, который будет показывать часть новостей и пересылать на ключевую страницу с ними. Поэтому для его использования нужно создать такую страницу в редакторе страниц. После установки можно настроить отображение виджета — наличие заголовка, изображения, даты публикации и автора, а также количество транслируемых новостей;

14. HTML-код — можно использовать этот виджет, чтобы прописывать для определенных элементов страницы код. Для использования функции придется оплатить подписку на сервис;
15. Базовая кнопка — виджет поможет добавить в любой блок или на любую страницу одну базовую кнопку. Ее можно редактировать — изменять дизайн, выравнивание, размер, а также ссылку, которая в нее вшита;

16. Базовая картинка — дает возможность добавлять любую картинку на страницу или в определенный блок. Картинку можно заменить в настройках, а также выбрать действия, которые будут совершаться при клике на нее. При этом на нее можно добавить текст и настроить Seo;

17. Базовая карточка — с помощью этого виджета можно добавить карточку на страницу с произвольной услугой. Чтобы настроить ее, нужно указать вариант дизайна, вид изображения на ней, наличие описания, названия, цены и кнопки. Можно использовать более детальные настройки: они помогут выбрать, под что вшивается ссылка — под изображение и кнопку или всю карточку.

Интернет-магазин — это подраздел нужен тем, кто хочет создать сайт для своего интернет-магазина. С помощью него можно добавить на страницу виджет с карточкой товара.

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

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

Можно добавить и опции к своим товарам — это дополнительная услуга, которая прилагается к товару. Например, выбор цвета или выбор размера. Если опция будет предоставляться за отдельную оплату, это можно указать в разделе настроек в пункте «Наценки».

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

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

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

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

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

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

Медиа — через этот подраздел можно добавить на сайт виджеты с медиа-элементами. На выбора доступно три варианта:

1. Файл — с помощью виджета можно добавить на страницу отдельный файл с документом, который смогут скачать посетители сайта. Для настройки этого элемента нужно добавить сам файл, который будет доступен к загрузке, определить его название и описание, выбрать тип действия и вариант дизайна. При этом можно функционально добавлять или убирать кнопку, иконку, описание и размер файла;
2. Видео — если нужно добавить видео на страницу, можно использовать этот виджет. В настройках достаточно указать ссылку на YouTube, Facebook*, Vimeo или RuTube;

3. SoundCloud — через этот виджет можно добавлять аудиозаписи на страницу. Для использования нужно вставить ссылку на аудиотрек из SoundCloud, и он добавится.

Контакты — чтобы пользователи могли легко связываться с владельцами сайта или поддержкой для уточнения вопросов, можно использовать раздел с контактами. На выбор предоставили семь вариантов виджетов:

1. Контакты — базовый виджет, который отображает фактический адрес, номер телефона, скайп и адрес поддержки.Также есть интерактивная карта для быстрого поиска адреса. Поэтому в настройках придется указать все эти данные. По желанию, часть из них можно скрыть или добавить другие контакты — например, Вайбер, факс, email и так далее;
2. Обратная связь — с помощью виджета можно добавить форму обратной связи на страницу. Из данных нужно указать, какая ориентация будет у формы, а также, какие блоки в ней будут: заголовок, имя, почта, тема обращения, номер телефона, текст сообщения, медиафайл, согласие на обработку данных и прохождение капчи. Можно добавлять и собственные поля в форму;

4. Заказать звонок — при использовании виджета с одной из сторон страницы появляется иконка звонка. Для настройки пользователь может указать номер телефона для получения уведомлений, выбрать, какие данные нужно указывать клиентам, определить стиль иконки и вариант анимации. Также можно настроить, чтобы иконка не показывалась для мобильных телефонов, и наоборот, и подключить CRM;
5. Карта — можно добавить виджет карты отдельно, чтобы не привязывать его рядом с прочими контактными данными. Чтобы настроить функцию, придется указать API-ключ от Яндекс-карт, Google-карт или Embed-карт;

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

8. Jivosite — работает по такой же логике, что и предыдущий виджет. Только в этом случае придется привязать аккаунт, который зарегистрирован на Jivosite.

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

1. Соцсети — через этот виджет можно привязать сразу несколько соцсетей. По умолчанию стоят четыре — Facebook*, Вконтакте, Твиттер и Одноклассники. Но можно добавить и другие — Google+, YouTube, Mail.ru, Telegram, Instagram* и прочие. Достаточно указать ссылку на аккаунт, по желанию можно выбрать вид дизайна и установить заголовок;

2. Поделиться в соцсетях — этот виджет позволяет делиться материалами, которые читает пользователь, в соцсетях. Настраивается так же, как и предыдущий, — нужно просто указать ссылки на соцсети и выбрать дизайн оформления иконок;
3. Facebook* — через этот виджет можно добавить рандомную запись со стены сообщества соцсети на сайт для быстрого перехода. Чтобы настроить его, нужно указать саму ссылку на аккаунт или запись, а также отметить, что будет показываться — обложка, лица и новости;

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

5. Instagram* — через этот виджет пользователь может вставить страницу в соцсети, которая будет отображаться в виде набора изображений со стены. В настройках придется привязать аккаунт к сервису, чтобы пользователи могли на него перейти;
6. Пинтерест — с помощью виджета можно показывать нарезку изображений определенной ленты в Пинтересте. Для этого нужно добавить ссылку на ленту, а также определить размер изображений — маленький, средний или большой;

7. Вконтакте — через этот виджет можно показывать пользователям свое сообщество Вконтакте. Отображаться будет количество подписчиков и кнопка для подписки. В настройках нужно добавить ссылку на само сообщество и выбрать дизайн оформления кнопок, текста и фона;
8. Одноклассники — работает по такой же логике, как и предыдущий виджет, то есть подходит для рекламы сообщества. В настройках можно указать только ID сообщества;
9. Disqus — этот виджет позволяет добавить комментарии пользователей к своим записям на странице. Для использования нужно создать аккаунт на Disqus и привязать его к сервису. Каждый комментарий, который потом будет оставлять пользователь, сможет транслироваться на странице.

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

Блоки позволяют определить, как будут показываться все виджеты, что добавил пользователь. На выбор собрали четыре подраздела.

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

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

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

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

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

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

На этом функционал конструктора заканчивается. Теперь рассмотрим раздел с дизайном — он помогает уникализировать все элементы сайта пользователя.

Дизайн

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

Анимация — в этом подразделе можно задать анимацию для определенных страниц по умолчанию. Чтобы ее настроить, достаточно выбрать тип — проявление, выезд, увеличение, вылет выскакивание или поворот. Также нужно определиться, справа, слева, сверху или снизу будет происходит анимация. При этом можно выбрать конкретные страницы, для которых настройка будет работать, и задать скорость самой анимации.

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

Шрифты — здесь пользователь может определить, какие шрифты будут применяться на странице. При этом можно задать пару шрифтов из предложенных, чтобы разнообразить шрифт. Там уже можно подробно настроить не только сам шрифт, но и его размер с жирностью. К сожалению, в списке не так много вариантов — всего пять видов.

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

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

Шаблоны — тут можно заменять шаблон страницы, если пользователь уже сделал выбор, и ему разонравился этот вариант. По нажатию кнопки система переведет в раздел со всеми шаблонами.

Адаптация сайта

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

Настройки магазина

Настройки магазина — это не совсем раздел, так как он расположен вверху над остальными. Здесь можно задать все нужные настройки, которые также используются при конструировании сайта. Например, каталог товаров.

Как видно из скриншота, в настройках всего семь подразделов. Давайте их рассмотрим подробно.

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

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

Для товаров можно настроить модули Ecommerce — для этого пользователю придется подключить либо Яндекс.Метрику, либо Google Analytics.

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

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

Также можно отредактировать вид самой формы — удалить определенные поля или добавить новые.

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

Оплата — в этом подразделе можно настроить сами оплаты. По умолчанию стоят оплата курьеру и банковский перевод, которые производятся оффлайн. Но можно добавить и онлайн-оплаты — для этого нужно подключить одну из указанных платформ в списке. На выбор дается Сбербанк, ЮKassa, PayPal, Wallet One и другие методы оффлайн-оплаты.

К каждому методу можно добавить свое описание для покупателя.

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

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

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

1. Стрелки помогают отматывать действие или возвращать все на исходную позицию. Но важно знать, что при долгом использовании редактора могут попросить обновить страницу — в таком случае отмотать предыдущее действие не получится.
2. Вопрос — эта кнопка переводит пользователя в базу знаний, где он может поискать инструкции или описание определенных функций.
3. Глаз дает возможность посмотреть, как будет выглядит страница на устройстве пользователя — это дает возможность оценить функциональность и визуал сайта.
4. Желтая стрелка позволяет опубликовать свой сайт.

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

Как привязывать домен к готовому сайту на uKit

После того, как пользователь закончил свою работу над сайтом, он может опубликовать его. По умолчанию будет стоять ссылка с доменной зоной самого сервиса — .ukit.me. Но необязательно оставлять именно такой адрес — можно быстро привязать домен через сервис.

Как видно из скрина, это происходит просто — система автоматически подбирает домен в зависимости от названия проекта. Его можно купить внутри uKit, но только при условии, что он свободен.

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

Сразу же можно перейти к оформлению заказа — для этого опять нужно нажать на «Купить» и перейти в настройки для оформления заказа. Там пользователь указывает свои реквизиты и оплачивает покупку. Домен можно купить не менее чем на год и не более чем на 10 лет.

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

Дополнительные возможности uKit

uKit дает возможность не только создавать сайты и их прототипы. Он также дает возможность делать сайты из страниц на Facebook* и Вконтакте. Но функция по преобразованию страницы Facebook* временно недоступна — возможно, в будущем это изменится.

Чтобы создать сайт на основе страницы Вконтакте, нужно указать ее адрес.

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

У сервиса есть еще одна дополнительная функция, которая важна для владельцев сайта, — это продвижение и сбор статистики.

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

• добавление сайта в поисковики Яндекс и Google — примерно через 3-4 недели сайт начинает ранжироваться поисковиком;
• интеграция с Яндекс.Бизнес, чтобы запускать рекламу и увеличивать трафик и конверсию сайта соответственно;
• добавление в карты — можно внести сайт с указанием адреса на карты, чтобы клиенты могли проще находить его;
• Seo-оптимизация — далеко не каждый является специалистом в Seo-продвижении, поэтому за дополнительную плату можно заказать услуги экспертов сервиса;
• контекстная реклама — это также функция за дополнительную плату, которая помогает запускать контекстную рекламу для сайта.

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

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

Преимущества и недостатки сервиса uKit

У сервиса есть свои преимущества и недостатки — давайте их рассмотрим.

Вывод

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

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

*запрещенная в РФ организация