Огляд конструктора сайтів uKit

Огляд конструктора сайтів uKit

uKit — сервіс для створення сайтів для невеликих компаній. З допомогою широких можливостей конструктора можна у короткий термін і без спеціальних знань у програмуванні створити яскравий та функціональний інформаційний ресурс. Основний інструмент сервісу – професійні шаблони з готовою основою: блоки з різними елементами інтерфейсу. Для роботи у візуальному редакторі uKit достатньо навичок початкового користувача ПК, більшу частину часу необхідно буде приділити створенню якісного контенту для наповнення майбутнього сайту.

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

Для вирішення першого завдання використовується жорстка верстка та система автоматичного виправлення помилок. У редакторі фізично неможливо створити сайт таким чином, щоб елементи зміщувались один на одного або якимось іншим чином заважали користувачеві працювати з сайтом. Також є система перевірки готовності сайту до публікації з порадами для покращення його роботи – допоміжний механізм для пошукової оптимізації.

uKit – один з найкращих конструкторів для тих, кому потрібен швидкий старт. Сервіс стане в пригоді для розробки ресурсу, який зовні нічим не поступається сайту, створеному професійним вебмайстром. Як саме конструктору вдається досягти таких результатів, допоможе розібратись цей огляд.

uKit
  • Кращий сервіс для створення сайтів.
  • Зручний візуальний редактор.
  • Інтуїтивно-зрозумілий інтерфейс.

Переваги та недоліки

Ми вже розібрались з головною перевагою uKit – легкість у роботі, що дозволяє новачкам створювати привабливі та практичні сайти. Але сервіс є досить популярним та визнаним серед вебмайстрів не лише завдяки цій особливості. Далі пропонуємо до розгляду основні переваги та недоліки розробки сайту за допомогою сервісу.

Переваги:
Недоліки:
Створення сайту в максимально швидкий термін зі сторінки соцмережі Facebook.
Широкий вибір професійних шаблонів на різноманітну тематику.
Можливість інтеграції зі сторонніми сервісами, зокрема з системами аналітики та CRM, онлайн-консультантами.
Вбудована система, яка допомагає підготувати сайт до публікації в мережі та просуванню в пошукових системах.
Автоматичне налаштування сторінок під різні екрани та можливість адаптації сайту під різні версії – мобільна, планшетна, десктопна
Можливість розміщення невеликого інтернет-магазину з вбудованою системою оплати.
Безплатний інструмент для захисту даних сайту – сертифікат SSL.
Цілодобова команда технічної підтримки, яка завжди допомагає розв’язати будь-яку проблему у роботі з сервісом.
Висока швидкість завантаження сторінок та безперервна робота, досягнута завдяки технічній оптимізації системи.
Відсутнє обмеження за кількістю сторінок на сайті, трафіку та місцю на сервері.
Обмежені можливості індивідуалізації дизайну, тобто не завжди можна повністю змінити шаблон, не застосовуючи при цьому мову програмування.
Деякі шаблони мають однотипний та застарілий вигляд.
Спрощені можливості модуля інтернет-магазину; він підійде лише для невеликих проєктів.
Доступ до додавання власного HTML-коду відкритий лише на найдорожчому тарифі.

Звісно, можна назвати недоліком деякі обмеження візуального редактора, але цей підхід до оцінки конструктора є не досить вірним. Адже uKit позиціює себе як доступний сервіс для швидкого запуску власного інформаційного ресурсу, і якщо вибрати його саме для такої мети – користувач зможе без проблем її досягти. Для розробки складних гіпермаркетів, форумів, сайтів на специфічну тематику зі складним дизайном підходять інші сервіси, тому якщо для цих цілей вибрати конструктор uKit – можна досить швидко у ньому розчаруватись.

uKit
  • Повноцінний сайт за кілька годин.
  • Можливість інтеграції зі сторонніми сервісами.
  • Високошвидкісне завантаження сайтів.

Для кого призначений

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

ukit

Для створення сайту на платформі uKit не потрібні особливі знання з дизайну або розробки. Редагування сайту відбувається у візуальному режимі: ви додаєте готові блоки на сторінку та відразу переглядаєте, яким він буде зовні для користувачів.

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

При цьому важливо пам’ятати – досвідчені вебмайстри будуть дещо обмеженими при роботі з сервісом. Щоправда, для них також пропонують додаткові можливості, такі як створення власних палітр та додавання коду.

Простота у користуванні

WYSIWYG-редактор – це основа конструктора. Правки, внесені до шаблону, відображаються відразу і вони є такими ж, як їх бачить майбутній користувач. Це значно прискорює час розробки інтерфейсу. Для перевірки адаптивності на панелі керування є окрема спеціальна вкладка. З її допомогою можна переглянути, який вигляд сторінки сайту матимуть на екранах планшетів та смартфонів, також додати деякі незначні зміни – наприклад, приховати блоки, які будуть вдалим рішенням лише на широкоформатних екранах.

Щоб створити сайт вам не прийдеться довго навчатися, тестувати різноманітні зразки дизайну, створювати верстку сторінок з нуля, і загалом мати справу з кодом. З допомогою uKit ви з легкістю створюєте інтерфейс кожної сторінки з готових блоків, наповнюєте їх власним контентом, а потім публікуєте готовий ресурс у спільному доступі.

З чого почати

Робота з конструктором починається з процедури реєстрації. Можна створити обліковий запис за допомогою електронної пошти або авторизуватись через профілі в інших сервісах – Facebook, Google, Linkedin, Disqus, uID.me.

ukit sign in

Після авторизації на сервісі відкриється доступ до бібліотеки шаблонів. Першим вашим завданням буде вибір структури для майбутнього сайту, його основи. Для зручності та навігації можна використовувати пошуковий рядок або категорії. Якщо ви плануєте створити сайт-візитку для ведучого або фотографа – відкрийте відповідний розділ та оберіть той варіант, який вам подобається найбільше.

У конструкторі є можливість попереднього перегляду – цей інструмент стане в пригоді для детального вивчення шаблону. У режимі попереднього перегляду відкривається демоверсія сайту, можна розглянути наявні сторінки, зайти на кожну з них. Також у цьому режимі можна перевірити адаптивність майбутнього сайту – за допомогою перемикачів для переходу на мобільну та планшетну версії сайту.

ukit templates

На сервісі немає обмежень стосовно вибору шаблонів. Якщо у відповідному розділі ви не знайшли потрібного зразка, можна вибрати його з іншої сфери, а потім відредагувати під власну тему. Також пропонується пустий шаблон, але якщо ви раніше не займались створенням сайтів, працювати з пустим шаблоном буде досить складно.

ukit alt

Для створення основи сайту ви можете використати бізнес-сторінку компанії на Facebook – цей режим конструктора має назву uKit Alt. Система перенесе основну інформацію зі сторінки у соцмережі та запропонує додаткові блоки для підвищення ефективності та зручності у користуванні.

Сайт, що створено з допомогою uKit Alt, відкриється у візуальному редакторі. Можна працювати з ним аналогічно як і з проєктом, що розроблений на основі шаблону з каталогу конструктора.

Далі, після вибору шаблону, вам необхідно буде зазначити адресу сайту. Проте, якщо у вас ще немає домену, на разі пропустіть цей крок. Доменне ім’я можна буде прикріпити до сайту безпосередньо перед публікуванням.

ukit domain name

Редагування сайту

У візуальному редакторі ви будете витрачати найбільше часу. Інтерфейс кожної сторінки складається з готових блоків. Як можна організувати роботу у редакторі конструктору, ми розповідаємо далі.

1. Створіть структуру сайту. У редакторі є розділ “Сторінки”. За допомогою цього розділу ви зможете редагувати, додавати та видаляти сторінки сайту. Вони бувають кількох видів: звичайна, новинна та службова сторінки. Новинна сторінка також підійде для публікацій постів з блогу.

ukit editor

У кожної сторінки є власні налаштування. Назва, що буде відображатись у списку, в головному меню та на вкладці браузера після опублікування – основний параметр сторінки. Такі параметри як: адреса (ЛЗУ), заголовок, опис, ключові слова, зазначаються у блоці з SEO-параметрами. Там само ви додаєте зображення для передперегляду посилання та керуєте індексацією. Від цих налаштувань залежить те, як саме сторінка буде зображена у пошуковій видачі та при публікації посилань на неї у соцмережах та месенджерах.

2. Наповнення сторінок сайту контентом. На цьому найцікавішому етапі ви будете власними руками створювати основу інтерфейсу сторінки. Блоки, які вже наявні у шаблоні, ви зможете змінити, перемістити або видалити; також можна переміщувати на сторінку інші блоки з бібліотеки конструктора.

ukit content editor

Блоки – це об’ємні частини сторінки. Всередині них розміщуються віджети. Їх також можна додавати, змінювати, переміщувати та видаляти. Знання веброзробки не потрібні для роботи з елементами інтерфейсу.

У кожного блока та віджета є налаштування з його оформлення та структури. Розробник може обрати, наприклад, чи буде зміст блоку розтягнутим повністю на ввесь екран, або ж залишиться вільний простір збоку; може визначити кількість колонок, яка буде розміщуватись всередині; вирівняти картки товарів по висоті або ж за межами контенту.

3. Редагування дизайну сайту. Більш детально про інструменти кастомізації ми розповімо у відповідному розділі. Не варто чекати великого різноманіття. Однак, що дуже важливо саме для новачка – система конструктора не дозволить зіпсувати шаблон неправильним дизайнерським рішенням. Щоб не витрачати час на вдалий підбір кольорів та шрифтів, використовуйте пресети. А щоб створювати власні палітри та додавати свій код, потрібно придбати тариф “Про”.

ukit design

Публікація сайту

Після завершення роботи над редагуванням, безпосередньо перед опублікуванням, обов’язково перейдіть до розділу “Адаптивна версія сайту”. В цьому розділі ви зможете з легкістю налаштувати різні версії сайту. За замовчуванням ви бачите, як сторінки сайту відображені на десктопі (великий екран). Перевірити, як інтерфейс сайту працює на планшетах та смартфонах можна за допомогою простого перемикача у редакторі.

ukit adaptive

Використовуючи налаштування з адаптивності можна приховувати окремі блоки. Тобто, ви можете налаштувати сайт таким чином, що на десктопі користувач буде бачити галерею, а на планшеті та смартфоні – великі фотографії. Застосувати ці налаштування дуже просто, водночас такий підхід до керування блоками фактично дозволяє створювати різні версії сайту, що автоматично перемикаються між собою під час зміни роздільної здатності екрану.

ukit availability check

Перевірка готовності до публікації сайту – це наступний крок. Необхідно повернутися у панель керування, там є розділ “Просування”, всередині якого – кнопка “Розрахувати готовність”. Запуск перевірки сайту відбудеться після натискання цієї кнопки. Система проаналізує основні параметри, на які найчастіше звертає увагу пошукова система, а саме:

  • унікальність текстів та зображень;
  • правильне заповнення віджетів з контактами, посилання на соцмережі, відмітки на карті;
  • заповнення метатегів на сторінках;
  • прикріплення домену другого рівня.

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

Важливо також перед публікацією сайту скористатися функцією попереднього перегляду. Сторінки за її використання, будуть зображені саме так, як їх будуть бачити користувачі сайту – без панелі адміністратора та інших елементів керування.

Коли ви будете переконані у тому, що все гаразд, можна опублікувати сайт. Під час створення сайту система uKit автоматично призначила технічне ім’я сайтові, тому якщо не приєднати свій домен другого рівня, сайт залишиться на технічному. Домен можна придбати у uKit або в іншого реєстратора.

ukit publ

uKit
  • Створення сайту на основі готового шаблону.
  • Налаштування сайту у яких легко розібратися.
  • Автоматична перевірка сайту перед публікацією.

Функціональні можливості

Попри простоту у роботі, uKit – функціональний сервіс, за допомогою якого можна створювати інтернет-магазини та інші складні проєкти. Якщо навіть вони будуть невеликими, проте матимуть усі необхідні інструменти для повноцінної роботи з контентом, товарами, замовленнями та клієнтами.

Створення інтернет-магазину на uKit

У конструкторі є вбудований інтернет-магазин – віджет “Товар”. Є можливість додати необмежену кількість товарів до каталогу разом з описами до них, фотографіями та вартістю.

uKit shop

У магазині є налаштування валюти, різних способів оплати та доставки. Також, щоб витримати баланс між інформативністю та зручністю клієнтів, можна відредагувати форму для замовлення. За допомогою простих інструментів є можливість змінити зовнішній вигляд кошика. За замовчуванням, сповіщення про нові замовлення приходять на електронну пошту, але за необхідності можна налаштувати для їх обробки CRM-систему.

uKit ecwid

Головні особливості вбудованого рішення для інтернет-магазинів uKit:

  • Каталог товарів необмежений; єдина база даних для всіх віджетів (якщо додавати товари за допомогою блоків у редакторі).
  • Окрема сторінка товару (за умови активації спеціальної опції у картці товару) або відкривання у модальному вікні.
  • Опції товарів (колір, розмір і т.д.) та націнка.
  • Можливість інтеграції з кількома системами оплати: офлайн (готівка кур’єру, оплата на карту і т.д.), PayPal, Wallet One.
  • Кілька варіантів валют та редагування одиниці вимірювання.
  • Різні способи оформлення доставки (може залежати від способу оплати).
  • Вбудований конструктор форм та інтеграція з CRM-системами.
  • Сторінку кошика та подяки після замовлення за потреби можна налаштувати.

Чому вбудований модуль магазину підійде лише для малого бізнесу та нескладних проєктів:

  • Відсутня можливість завантаження та вивантаження каталогу (імпорт/експорт товарів).
  • Обмежені можливості налаштування доставки (лише фіксована вартість або безкоштовно/самостійний забір).
  • Разом з готовими інтеграціями з CRM відсутнє рішення 1C.
  • Відсутня повноцінна система розсилки (для ведення рекламних кампаній та підтримки зацікавлення аудиторії).
  • Деякі можливості з кастомізації магазину потрібно шукати в окремому сервісі – uScript (підключення додаткових систем оплати, вказівник знижок «стара/нова ціна», галерея зображень у картці товару та ін.).

Однак, зі своїми головними завданнями модуль справляється у повному обсязі.

Є ще один спосіб створення інтернет-магазину на конструкторі – через вітрину сервісу Ecwid. В uKit є однойменний віджет, який забезпечує швидку інтеграцію каталогу товарів. Якщо ви створюєте на Ecwid магазин з мультивітриною, то такий спосіб буде дуже зручним і доцільним.

Досить корисним для інтернет-магазинів є віджет «Калькулятор послуг». Сервіс uCalc, який призначений для створення калькуляторів для сайтів без навичок програмування, лежить в основі цього віджету. З його допомогою можна створити форму для розрахунку вартості виконання складних робіт, поїздки у таксі тощо.

Створення блогу на uKit

В uKit відсутні ліміти на кількість сторінок або місце на хостингу, на відміну від багатьох альтернативних онлайн-конструкторів, таких як Tilda або Wix – там подібні фізичні обмеження є обов’язковими. Тому ви можете створювати будь-яку кількість сторінок для потреб власного сайту.

ukit blog

Щоб мати можливість швидко та просто публікувати новинні потоки в uKit, потрібно налаштувати спеціальний тип сторінок – “Новини”. На них закритий доступ до розміщення вільних блоків, набір елементів строго визначений, щоправда, за необхідності окремі пункти можна приховати:

  • дату публікації (є можливість відкладеної публікації);
  • блок опису автора публікації;
  • мініатюру запису (зображення);
  • кнопки для соцмереж (блок «Поділитись»);
  • блок для коментування;
  • SEO-налаштування (ЛЗУ, тайтл, дескрипшн, кейвордс);
  • основний текст.

Систему коментування записів можна реалізувати за допомогою стороннього сервісу Disqus.

Тегом “Читати далі” можна розділити на дві частини блок основного тексту – він буде зручним для виведення стрічки новин або записів з вашого блогу. До запису можна додавати відео, зображення, списки, посилання та підзаголовки з різним оформленням. Доступ до HTML-коду відкривається тільки на максимальному тарифі.

Якщо потрібно на сторінках основного сайту налаштувати стрічку новин (записів з блогу), можна скористатися блоками типу “Картка” (із вказівкою посилання на необхідні матеріали/сторінки) або “Інформери новин” (тут більша частина роботи з налаштуванням типових полів для виведення автоматизована).

Функціонал для створення лендінгів на uKit

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

ukit landing page template

Ну і, по-третє, в сервісі uKit є достатній набір віджетів і блоків для розробки якісного лендінгу з нуля:

  • галереї і слайдери;
  • іконки, які можливо анімувати;
  • кнопки та різні версії меню;
  • картки, спойлери, таблиці та інші подібні елементи;
  • готові віджети з відгуками та етапами робіт;
  • таймер;
  • блоки для швидкого розміщення товарів з вашого інтернет-магазину;
  • форми зворотного зв’язку, замовлення дзвінка, підписки та ін.;
  • онлайн-чати (зовнішні сервіси);
  • кнопки “Поділитись” та посилання на соціальні мережі тощо.

Для просунутих функцій є динамічний текст та інтеграція з Google Tag Manager. Конструктор складних форм з обрахуванням результату (онлайн-калькулятор) винесений як окремий сервіс – uCalc.

Інтеграція з amoCRM та SendPulse

ukit amocrm

Для бізнес-сайтів може бути корисною інтеграція з amoCRM. Ця проста система обліку клієнтів та замовлень допомагає збільшувати продажі. Сервіс не безкоштовний, вартість – близько 7 доларів на місяць, але враховуючи простоту налаштування і функціональність, це мінімальні вкладення. CRM-система збирає дані про всіх клієнтів (ПІБ, адреса, телефон, пошта) та повідомляє власника сайту про нові події.

ukit sendpulse

У поєднанні з amoCRM буде корисним сервіс розсилки SendPulse. На сервісі uKit є відповідний віджет, за допомогою якого можна швидко налаштувати відправлення важливих повідомлень для клієнтів електронною поштою, Push-повідомленням, через SMS та Viber.

Спільна робота над сайтом

В uKit реалізована система, за допомогою якої можна призначати тимчасові права на керування сайтом. Завдяки цій системі ви можете надати доступ до панелі керування сайтом іншому розробникові. Дозвіл надається за адресою електронної пошти терміном до 999 днів.

Користувач з тимчасовим доступом може змінювати дизайн сайту, додавати та видаляти віджети, працювати зі статистикою, налаштовувати SEO-параметри, змінювати фавікон та керувати переадресацією. Але дозволу на видалення сайту, права керування доменом та оплатами у нього немає. Тимчасовий дозвіл можна відкликати у будь-який час.

Автоматична оптимізація зображень

uKit самостійно оптимізує всі зображення, які ви додаєте – так відбувається задля прискорення завантаження сайтів. Після додавання файлу система робить декілька його копій різних розмірів для того, щоб надалі відкривати на різних пристроях у різній роздільній здатності. Це дозволяє збільшити швидкість відкриття сторінок – на смартфонах не завантажуються широкоформатні зображення для великих екранів.

ukit optimization

Розробник може самостійно налаштовувати інтенсивність стиснення зображень, а також увімкнути послідовне завантаження зображень при скролінгу – lazy load. Зменшення часу на завантаження сторінок сайту – це головна мета всіх цих маніпуляцій.

Створення резервних копій сайту uKit

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

Додані правки легко скасувати безпосередньо у редакторі – для цього необхідно скористатись кнопками “вперед” та “назад” (як у будь-якому текстовому процесорі).

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

Бекапи створюються власноруч або автоматично. Для зручності ви можете змінювати назви резервних копій (щоб краще розуміти, з якими змінами вони пов’язані). Практично за одне натискання можна відновити будь-яку зі збережених копій.

Варто пам’ятати, що резервні копії зберігаються лише всередині системи (до 10 версій). Можливості завантажити їх на свій ПК або віддалений сервіс – немає.

uKit
  • Вбудовані інструменти eCommerce.
  • Просте налаштування налаштування CRM-системи.
  • Віджети онлайн-чату, зворотного дзвінка.

Дизайн сайту і шаблони

У бібліотеці uKit – близько 400 шаблонів. Вони поділені за сферами діяльності. Це дуже зручно – ви просто вибираєте відповідну категорію і бачите декілька варіантів готової структури. Таким чином можна обмежитись мінімумом змін: додати свої тексти, зображення, контактні дані – і сайт готовий до роботи.

ukit temlates

Всі шаблони мають адаптивний дизайн, тобто однаково добре зображують контент на екранах різних пристроїв. Перш ніж вибрати шаблон, є можливість уважно вивчити його у режимі попереднього перегляду, зокрема протестувати різні версії – мобільну, планшетну, десктопну. Також при перегляді не забувайте, що інтерфейс досить гнучкий і його легко змінити. Тому, якщо вам не подобається те, який шаблон має вигляд, до прикладу, на мобільному пристрої, то це можна виправити через розділ “Адаптивність” у візуальному редакторі.

У редакторі є окрема вкладка “Дизайн” – вона призначена для налаштування візуальних даних сайту. За допомогою цієї вкладки у вас є наступні можливості:

  • обрати кольорову схему із пресетів або створити власну палітру кольорів (доступ до створення власних колірних палітр відкритий на тарифі Pro);
  • встановити фон для сайту або кожної сторінки окремо. Це може бути колір або зображення;
  • створити або вибрати шрифтову пару;
  • увімкнути або вимкнути показ шапки та підвалу сайту;
  • додати кнопку “Вгору”, анімацію появи блоків;
  • автоматично створити версію сайту для людей із слабким зором зі збільшеними елементами інтерфейсу;
  • змінити шаблон.

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

Наскрізні блоки uKit

Під час роботи з сайтом, особливо це стосується ресурсу з багатьма сторінками, часто виникає необхідність правити інформацію в певних блоках. Досить зручно, коли ця інформація оновлюється централізовано – тоді не потрібно редагувати кожну сторінку окремо.

За допомогою uKit можна створити наскрізні блоки шапки і підвалу – зазвичай саме в цих частинах сайту зосереджено найважливішу інформацію: коди лічильників/аналітики, віджети та форми зворотного зв’язку, онлайн-чати, контактні дані (телефон для зв’язку, кнопка виклику, замовлення зворотного дзвінка та ін.)

Набір елементів для шапки та підвалу сайту в uKit визначений, тому не буде можливості встановити власні віджети. Разом з тим можна активувати необхідні або вимкнути непотрібні елементи. Активація блоків шапки та підвалу відбувається у налаштуваннях дизайну.

Наскрізні блоки всередині сайту (в тілі сторінок) – це наступна досить важлива і практична функція. Наскрізним можна зробити будь-який з блоків, але це не означатиме, що він має бути присутнім на всіх сторінках сайту без винятку. Він буде виводитись лише там, де ви його активуєте, тільки дані в ньому будуть синхронізуватися (редагуватися) централізовано.

Вибір блоку – Дія (три крапки) – Наскрізний блок

Щоб не шукати конкретний блок серед всіх інших, що наявні на сайті, додайте його у обрані.

Додавання власного HTML-коду

Як ми уже писали вище – доступ до редагування змісту готових блоків сайту у HTML-форматі закритий (це головна політика платформи uKit – ніякого вихідного коду), ви можете змінити стиль та поведінку окремих елементів сторінки, вказавши для них власний CSS-клас. Потім для вибраного класу можна буде застосувати додаткові властивості та стилі оформлення (за допомогою CSS-коду).

Визначення власних стилів, налаштування своїх колірних схем та додавання HTML-коду можливе лише на максимальному тарифі Pro.

Додавання власного коду можливе за допомогою кількох способів:

  • У налаштуваннях сайту – пункт “Свій код”, який передбачає встановлення скриптів на всіх або лиш вибраних сторінках.
  • В інтерфейсі редактора, за допомогою спеціального віджета “HTML-код”. Такий спосіб підійде для інтеграції нетипових зовнішніх сервісів (онлайн-калькуляторів, форм, карт та ін.).

Щоб додати JavaScript використовують спеціальну обгортку, оскільки він є потенційно небезпечним. Детальна інструкція по додаванню власного коду, представлена на офіційному сайті uKit.

Динамічний текст

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

Сенс блоків з динамічним текстом зводиться до того, щоб окремі слова або пропозиції на сторінці були сформовані на основі певних правил, що зчитуються з URL-запитів. Наприклад, відвідувач заходить на сторінку з реклами, а всередині запиту передається додатковий параметр – назва міста. Ця назва буде вказана замість спеціальної змінної і тому звернення буде значно персоналізованішим.

Створення сайту на основі сторінки Facebook

В конструкторі є спеціальний сервіс uKit Alt, що відповідає за функцію створення сайту на основі сторінки зі соцмережі Facebook. За замовчуванням зі сторінки Facebook переносяться наступні дані:

  • 50 останніх завантажених фото;
  • 50 постів (записи в стрічці);
  • останні 12 відгуків.

Обсяг даних, що необхідно перенести на сайт можна збільшити за допомогою запиту до техпідтримки.

У результаті ви отримуєте унікальний дизайн та всі можливості платформи uKit. Створений за допомогою сторінки у соцмережі сайт не відрізняється від тих, що розроблений власноруч через онлайн-конструктор. У будь-який час можна редагувати зміст, додавати, або видаляти блоки, віджети і т.д.

Редагування мобільної версії сайту

Всі блоки та віджети конструктора за замовчуванням адаптуються під мобільні пристрої. Користувачам не прийдеться робити ніяких додаткових дій. Але ви можете налаштувати у редакторі три різні версії сайту:

  • для десктопів (ПК-версія);
  • для планшетів (численні онлайн-конструктори даремно не виділяють саме цю категорію пристроїв);
  • для смартфонів (телефонів).

Головні властивості, якими можна керувати залежно від класу пристроїв:

  • Видимість окремих блоків і віджетів всередині них. Властивістю видимості можна керувати лише у поточній версії редактора (наприклад, якщо щось необхідно приховати на мобільних пристроях – перейдіть на мобільний редактор).
  • Фон блоку (на різних типах пристроїв фони можуть бути різними).
  • Видимість шапки та підвалу.
  • Кількість колонок віджетів (у першу чергу це стосується версії сайту для планшетів).
  • Різний розмір текстів та міжрядкові інтервали.
  • Видимість пливучих віджетів (кошик, чат та ін.)

Приєднання віджетів один до одного – теж досить цікава та корисна функція. Якщо розмістити різні елементи сайту всередині кількох колонок, то при перетворенні їх на одну колонку (для мобільних пристроїв) – вони вишикуються в одну суцільну стрічку. Така структура не завжди буде правильною, тому ви можете з’єднати потрібні елементи, щоб вони не відділялись один від одного під час зміщення.

uKit
  • Більше ніж 400 професійних шаблонів.
  • Готові колірні схеми та шрифтові пари.
  • Можливість тонких налаштувань дизайну.

SEO-оптимізація та просування сайту uKit

Сервіс uKit пропонує відмінні можливості для просування у пошукових системах. Є доступ до всіх необхідних SEO-атрибутів: метатеги title, description, keywords, підтримка мікророзмітки, оптимізація швидкості завантаження сторінок та ін. Карта сайту sitemap.xml та файл robots.txt сформовані автоматично. Достатньо закрити від індексації певну сторінку або і повністю сайт – зміни самостійно будуть внесені при публікації.

Суттєва частка пошукового трафіку йде через мобільні пристрої, а в uKit всі сторінки адаптуються до різних типів пристроїв автоматично. У розділі з інструкціями наявна велика кількість мануалів по SEO-просуванню сайту.

Ви можете під’єднати до сайту сервіс Аналітики Google, виконати інтеграцію з панелями вебмайстрів можна всього за кілька маніпуляцій. Для всіх налаштувань наявні інструкції із зображеннями та відео.

Також можна на кожній сторінці налаштувати власну адресу URL – ЛЗУ (ЛюдиноЗрозумілийУрл).

Далі ми розповімо про деякі специфічні інструменти, які є у uKit, і призначені для підвищення ефективності заходів з просування.

Вбудований майстер оцінки готовності сайту для просування

Вам необхідно перейти в налаштування сайту (головна панель керування) та натиснути на кнопку “Просування”. Тут зібрані всі основні інструменти для SEO:

  • Майстер додавання до пошукових систем.
  • Інтерфейс додавання даних компанії на онлайн-карту Google.
  • Замовлення індивідуальних робіт по SEO-оптимізації та веденню рекламних кампаній.

Що стосується майстра оцінки показників – він винесений у шапку. Просто натисніть на кнопку “Розрахувати готовність”.

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

Рекомендації майстра будуть досить конкретними – що потрібно змінити, на що необхідно звернути увагу.

Кінцева оцінка якості сайту буде виставлена по 100-бальній шкалі – чим більше балів, тим краще.

Рекламний модуль uKit

Для того, щоб проводити та налаштовувати рекламні кампанії для залучення нових відвідувачів, не потрібно залишати адмін-панель uKit – достатньо лише активувати “Рекламний модуль” у налаштуваннях сайту.

ukit advertising

Вам потрібно у спеціальному інтерфейсі створити нову кампанію: назвати її, вказати адресу сайту, вибрати регіон та ключові запити (добираються автоматично або власноруч), визначитись з типом кампанії (SEO-просування чи придбання рекламних оголошень), отримати автоматичний розрахунок бюджету, за необхідності – скорегувати швидкість просування, та запустити рекламу. Оплата проходить зі спеціального рахунку.

Пізніше ви можете переглянути результати просування та статистику переходів – ця інформація буде доступною у окремому розділі.

Оптимізація швидкості завантаження

Відомо, що пошукові системи приділяють багато уваги тому фактору, наскільки швидко сайт завантажується та через який проміжок часу він готовий до взаємодії з користувачем. Звісно, сайт буде повільнішим, якщо на ньому встановлено велику кількість блоків та скриптів. Та за допомогою деяких стандартних способів для оптимізації ви зможете без проблем покращити його роботу. У налаштуваннях uKit можна за кілька натискань активувати наступні функції:

  • відкладене завантаження CSS-стилів;
  • відкладене завантаження зображень (lazy load: функція, яка відповідає за завантаження картинок під час гортання сторінки – ми розповідали про цю функцію вище);
  • автоматичну оптимізацію якості зображень (картинки замінюються меншими за розміром відповідно до параметрів їх контейнерів – теж розглядали цю функцію вище).
uKit
  • Вбудований майстер оцінки готовності сайту.
  • Оптимізація швидкості завантаження сайту.
  • Вбудований рекламний модуль.

Технічна підтримка

У вас буде можливість звернутись по допомогу до спеціалістів в будь-який час доби. З ними легко зв’язатися через форму зворотного зв’язку, онлайн-чат або через повідомлення в групах соцмереж. Співробітники технічної підтримки цілодобово надають якісні та компетентні відповіді. Вони допомагають розв’язувати будь-які питання, що пов’язані з роботою сервісу, редагуванням та публікацією сайту.

uKit support

Також для підтримки користувачів на сайті конструктора є база знань, де можна знайти відповіді на найпоширеніші питання з детальними інструкціями. Там є велика кількість порад з налаштування сайту з поясненнями та скриншотами.

uKit community

В блозі uKit опубліковано достатню кількість статей, з яких ви дізнаєтесь про нові можливості сервісу, навчитесь правильно використовувати різноманітні інструменти та зможете дізнатись більше стосовно просування сайту, який розроблено на конструкторі.

uKit
  • Цілодобова технічна підтримка.
  • Компетентні відповіді спеціалістів.
  • База знань та блог з корисними матеріалами.

Вартість використання

Безплатного тарифу на uKit немає, наявний лише тестовий період на 14 днів, який дозволяє протестувати конструктор та випробувати його інструментарій. На тестовому періоді доступні всі можливості сервісу окрім додавання власного коду та просунутих інструментів для оформлення дизайну. Після оплати базового тарифу ви зможете випробувати можливості модуля інтернет-магазину, для нього також буде доступним тестовий період.

Платних тарифів чотири:

ukit price

  • «Мінімальний» (від $5/ місяць) — основні можливості конструктора, необмежена кількість сторінок, цілодобова технічна підтримка, резервні копії, підключення домену, понад 200 професійних шаблонів з адаптивним дизайном.
  • «Базовий» (від $10/ місяць) — можливості тарифу “Мінімальний”, плюс розширена статистика та відключення копірайту uKit.
  • «Магазин» (від $12/ місяць) — можливості тарифу “Базовий”, плюс інструменти для електронної торгівлі.
  • «Про» (від $15/ місяць) – можливості тарифу «Магазин», плюс створення власних палітр та доступ до встановлення стороннього коду.

Окремо платити за хостинг вам не прийдеться – до вартості тарифів він уже доданий. Ще вам потрібно буде заплатити за реєстрацію доменного імені – через uKit домен на рік буде коштувати близько 9$ – вартість залежить від вибраної зони.

Що приємно – сплачуючи тариф можна заробити знижку. Чим триваліший період оплати, тим більшою буде знижка. Наприклад, купуючи тариф на рік, ви економите 30%, на 2 роки – 50% від вартості. Якщо вас щось не влаштує, протягом 14 днів від дати оплати є можливість повернути кошти, тобто сервіс поверне вам гроші за невикористані послуги.

Якщо ви під час роботи з конструктором зрозуміли, що вибраного тарифу буде недостатньо, можна легко перемкнутись на інший тарифний план сплативши при цьому різницю.

uKit
  • Безоплатний тариф на 14 днів.
  • Одні з найдешевших тарифів.
  • За умови оплати тарифу на 2 роки – знижка 50%.

Висновки

Конструктор uKit – простий сервіс для розробки власного сайту. Щоправда, він далеко не примітивний, адже дозволяє створювати сайти для бізнесу, зокрема інтернет-магазини.

Якщо ви новачок у створенні сайтів, uKit – саме те, що необхідно. Адже він максимально адаптований для початківців. Не впевнені в тому, що сайт готовий для опублікування? Виконайте перевірку з допомогою вбудованої системи і отримайте оцінку з порадами по оптимізації сайту. Система допоможе зрозуміти, де саме є недопрацювання: можливо недостатньо унікальних текстів та зображень, або ж ви забули прописати метатеги, щоб сторінки сайту потрапили у пошукову видачу.

Сервіс дозволяє у короткий термін створити досить практичний та привабливий сайт завдяки простому візуальному редактору. Він автоматично виправляє помилки у верстці та адаптує інтерфейс під різну роздільну здатність екрану. Для досягнення гармонійного та разом з тим контрастного оформлення, пропонуються готові кольорові схеми та шрифтові пари.

uKit – це конструктор, який відмінно підійде вебмайстру-новачку. З його допомогою точно вийде створити яскравий та функціональний інформаційний ресурс – як для бізнесу, так і для інших цілей.

» Огляди » Огляд конструктора сайтів uKit