Создание сайт в онлайн конструкторе бизнес сайтов uKit

Тем, кто не имеет навыков сайтостроения, но желает самостоятельно создать свой собственный Интернет-ресурс, стоит попробовать создать сайт на uKit. Этот онлайн конструктор бизнес сайтов предлагает новичкам неплохие возможности: вам не понадобиться рыться в коде, просто сгруппируйте области сайта как нужно, наполните его, и все – можно размещать.

Так утверждают разработчики сервиса (кстати, над созданием этого сервиса трудились специалисты, подарившие миру завоевавший огромную популярность конструктор uCoz). Проверим, так ли это на самом деле, и получится ли при помощи данного онлайн конструктора создать толковый веб-ресурс. В качестве примера создадим в uKit несложный сайт для компании, занимающейся продажей мебели.

Главная страница и регистрация: хорошее, увлекающее начало

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

Главная страница

Такой вот способ завлечь клиента

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

Зарегистрироваться
Интересная особенность. Конструктор uKit предоставляет возможность регистрации при помощи собственного аккаунта в одной из социальных сетей. Это придется по нраву тем, кто не особо любит сочинять кучу паролей и логинов для разных сервисов и думать, как их сохранить.

ОБЯЗАТЕЛЬНО в случае базовой регистрации проверьте после этого свою электронную почту, так как на данном этапе требуется подтверждение аккаунта в системе. В случае регистрации через соц.сети uKit «пустит» вас дальше и без этого. После подтверждения регистрации на почту приходит весьма интригующее письмо. В нем говориться о неких наградах за развитие сайта.

Еще один пример продуманного подхода к привлечению пользователей:

к привлечению пользователей

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

Выбор шаблона и начало работы над сайтом

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

тематические шаблоны
тематический шаблон
ВАЖНАЯ ОСОБЕННОСТЬ. Создающийся при помощи рассматриваемого конструктора сайт автоматически адаптируется к мобильным устройствам. Посмотреть, как веб-ресурс будет выглядеть на смартфоне, можно уже на этапе выбора шаблона.

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

Кстати, при выборе шаблона можно установить для него подходящее вам цветовое оформление. Делается это при помощи специального поля с палитрой:

поля с палитрой

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

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

домен третьего уровня

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

Работа над сайтом в конструкторе uKit

Работа над сайтом в конструкторе  uKit

Окно редактора поделено на две области:

  • панель инструментов (колонка в левой части окна);
  • рабочая область, в которой размещаются элементы нашего сайта, и ведется работа над ним.

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

Займемся главной страницей нашего сайта. Для редактирования нужного элемента просто кликните по нему один раз левой кнопкой мыши, и в открывшемся меню выберите нужное действие.

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

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

фотографии образов мебели

Для этого кликните по любой фотографии в галерее левой кнопкой мыши один раз, и система войдет в режим редактирования блока:

режим редактирования блока

Чтобы добавить наши файлы в галерею, нажмите на панели управления (слева) кнопку «Добавить», и выберите подготовленные картинки. Радует то, что конструктор поддерживает групповую загрузку файлов с компьютера, и не нужно тратить время на добавление каждой картинки по отдельности.

В результате получаем:

получаем

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

После удаления ненужных изображений

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

панели управления слева

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

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

окна предварительного просмотра

Продолжим редактирование нашего веб-ресурса. Изменим название компании в шапке сайта. Для этого просто кликнем по надписи левой кнопкой мыши и заменим исходный текст новым:

исходный текст новым

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

Для нашего сайта подходит предложенное системой меню. Однако нужно изменить название раздела «Портфолио» на «Каталог продукции». Для этого в меню слева нажмите на значок «Снежинка» и в соответствующем поле введите необходимое название пункта меню:

название пункта меню

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

для редактируемой страницы

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

Оставим только верхний
удалив остальные

Для удаления ненужного блока (виджета) подведите к нему курсор мыши, и нажмите знак «Крестик». Таким образом можно убирать любые элементы исходного шаблона: кнопки, рисунки, пробелы между блоками и т.д.

После удаления лишних элементов, главная страница станица сайта стала выглядеть следующим образом:

выглядеть следующим образом

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

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

В результате этого мы получим:

В результате этого мы получим

Видно, что некоторые контейнеры нашего сайта (в частности основной контент) имеют жестко определённые размеры. Из-за этого они будут не очень приглядно смотреться в разных браузерах и на разных экранах. Для более удобного восприятия их лучше сделать «резиновыми». Для этого наведите курсор на нужный блок, выберите значок «Снежинка», и в появившемся слева меню выберите пункт «Резиновый»:

Резиновый

После этого блок растянется на всю страницу, и будет выглядеть более привлекательно.

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

Работа с содержимым разделов
Работа с содержимым
Работа с содержимым 2

Важные моменты при работе с виджетами в конструкторе uKit

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

отредактируйте их под себя

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

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

несколько новых адресов

Стоит отметить, что, решив создать сайт на uKit, вы получаете возможность управлять настройками для SEO-продвижения своего ресурса, получением статистики по сайту и т.д. Управлять всем этим можно из личного кабинета, где отображается список всех ваших веб-сайтов (для перехода в личный кабинет из редактора, нажмите кнопку «Вопрос» в панели управления):

в панели управления

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

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

Кстати, при нажатии на картинку в галерее вверху страницы она увеличивается.

Плюсы и минусы конструктора сайтов uKit

Главный плюс данного конструктора заключается в том, что бесплатно создать сайт на uKit может любой. Для этого не нужно иметь каких-то знаний в области сайтостроения. Также привлекает подход разработчиков к привлечению клиентов: здесь нет лишней информации (все четко и понятно, нажал кнопку, и работай над свои сайтом) и придуманная ими система «бейджей», которые выдются за проделанную работу (кстати, за публикацию сайта мы получили новый бейдж «Публикация»).

Платные тарифы

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

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

Вывод

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

Обсуждения
{"url":"http://www.fastvps.ru/", "src":"/images/advbanners/fastvps.png", "alt":"Хостинг Fastvps.ru. Наш выбор!"}
Заработок