Обзор конструктора сайтов Ucraft

Удобство использования

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

Вместе с аккаунтом на платформе Ucraft вы получаете доступ к следующим сервисам:

• Конструктор логотипов (можно пользоваться совершенно бесплатно).
• Блоговая платформа (фактически, это специальные типы материалов, которые подключаются к сайту, созданному в конструкторе).
• Модуль интернет-магазина (доступен только на платных тарифах, весьма неплохой).
• Конструктор поп-апов (всплывающих окон).
• Упрощённый аналог CRM-системы – раздел Клиенты для общих сайтов и комплексный функционал модуля для E-Commerce.
• Бесплатный хостинг, для которого не устанавливаются жёсткие лимиты по посещаемости, трафику, месту на диске или по какой-либо другой нагрузке.

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

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

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

Быстрый старт для новичков возможен с помощью готовых тематических шаблонов, их в каталоге Ucraft более 80 штук. Чтобы вы не тратили время на поиск медиаконтента для своих страниц, конструктор интегрирован с бесплатными библиотеками иконок (Noun Project) и картинок (Unsplash – бесплатно и Canva – платно).

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

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

Места для вставки кодов аналитики вынесены в админ-панель, но у пользователей сохраняется возможность работы со своим HTML/CSS/JS-кодом – для этого есть специальный элемент конструктора.

Визуальный редактор

Основа конструктора Ucraft — визуальный редактор с поддержкой Drag&Drop. Вся настройка сайта выполняется с помощью мышки и не требует наличия специальных знаний в программировании, веб-дизайне и других смежных областях. Всё, что вы видите на странице, можно отредактировать: изменить положение, цвет, размер, содержимое блока.

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

• Дашборд — по сути, панель администратора, в которой скрывается всё самое важное: настройки страниц и сайта, инструменты дизайнера, подключение домена, SEO, интеграции со сторонними сервисами и т. д.
• Блоки — большие куски страницы (секции), собранные под решение конкретных задач: меню, подвал, описание проекта, форма обратной связи с пояснениями и т. д.
• Элементы — самые мелкие единицы редактирования (кнопки, слайдеры, иконки, формы, различные виджеты и т.п.). Из элементов можно собирать отдельные блоки и строить страницы.
• Цвета — управление цветами блоков, элементов и страниц. Вы можете создать свой набор цветов (палитру) и планомерно перекрасить все секции вашего сайта, чтобы привести дизайн к единому стилю.
• Эффекты — добавление эффектов появления блоков и элементов. Набор эффектов фиксированный, у Ucraft нет пошаговых анимаций и более сложных вариантов, как у Tilda, но предложенного набора должно хватить для большинства задач.

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

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

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

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

Магазин

С магазинной функциональностью у Ucraft тоже всё в порядке. Есть настройки внешнего вида, позволяющего сформировать витрину в том виде, в котором вы хотите её видеть. Ядро управления магазином расположено в разделе eCommerce дашборда. Здесь доступны все необходимые инструменты для управления товарами и продажами. Кроме стандартных возможностей создания карточек можно добавлять связанную продукцию, управлять налогами, выбирать доступные способы доставки, настраивать скидки, а также собирать огромное количество статистических данных.

Модуль магазина реализован более чем достойно:

• В визуальном редакторе предусмотрены готовые элементы интерфейса (корзина, категории товаров, фильтры, карточки конкретных продуктов, группы продуктов).
• Поддерживается командная работа с распределением ролей и прав доступа.
• Клиентов можно разделить на разные группы, вести по ним учёт, добавлять по каждому свои примечания, статусы (как аналог CRM).
• Показывается подробная статистика по выбранному периоду с привязкой к посещениям и продажам.
• Есть встроенные инструменты для маркетинга: реклама в Google и Facebook, система купонов и скидок, подарочные сертификаты, автоматические рассылки, в том числе о брошенных корзинах, ремаркетинг, интеграция с внешними системами аналитики и т.п.
• Поддерживаются разные каналы продаж – Facebook, Instagram, Google Покупки, Яндекс.Маркет, eBay, Amazon, Товары ВКонтакте.
• Огромное количество интеграций с коммерческими сервисами по всему миру: платёжные шлюзы (глобальные и региональные), службы доставки, автоматический расчёт налогов, 1С-Управление торговлей.
• Расширение возможностей магазина за счёт модулей из каталога.
• Импорт товаров и массовое редактирование.
• Неограниченные категории и фильтры.
• Мобильное приложение для управления.

Фактически, это значительно переделанный модуль Ecwid.

Прочие интересные возможности

Загрузка своих шрифтов. Типографика важна для любого сайта. Если у вас нет опыта работы со сторонними шрифтами, у Ucraft имеется интеграция с сервисом Google Fonts, а это тысячи свободных шрифтов и шрифтовых наборов. Но максимум кастомизации можно получить благодаря прямой загрузке своих файлов (поддерживаются форматы .ttf, .otf и .woff), никакие сторонние сервисы не требуются (например, CDN-хранилища).

Редактор лого. Функционал этого инструмента элементарный: вы выбираете подходящие иконки и/или фигуры и добавляете текстовую часть, настраиваете фон (при необходимости). Обратите внимание – здесь тоже работают сторонние шрифты (например, если вы загрузили ранее свой набор). Скачивание результирующих файлов в формате PNG бесплатное, а вот за векторную версию SVG придётся заплатить 500 рублей.

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

Конструктор поп-апов. Поп-апы в Ucraft – это своего рода упрощённые страницы, у них даже есть название и свой URL. В настройках можно задать условия появления всплывающего окна (по времени, на конкретных URL или при соответствии маски). Внутрь поп-апа вы можете поместить любой элемент или даже целый блок (секцию), доступный внутри классического редактора страниц, добавить свои эффекты анимации.

Безлимитный блог. На любом платном тарифе в раздел с блогом вы можете публиковать любое количество материалов. Статьи можно разделить по категориям (без иерархической структуры), есть функционал для автоматических RSS-каналов, отложенная публикация и т.д. Редактор материалов аналогичен базовому решению от WordPress (еще до внедрения блочного Гутенберга), поэтому публикация занимает минимум времени: указать SEO-атрибуты, заполнить поля заголовка, короткого описания (анонса) и основного текста, указать теги, при желании выбрать категорию и автора.

Интеграции. Сразу стоит оговориться, что интеграции модуля eCommerce и основного сайта – разные вещи. Одни настраиваются только в модуле магазина (оплата, доставка, внешний вид каталога товаров и т.п.). А вторые расширения задействуются в онлайн-редакторе. Это около 20 разных внешних сервисов, среди которых: онлайн-чаты, сервисы рассылок, системы комментирования, аналитика и т.д. Отдельного внимания стоит взаимодействие с Zapier, он является посредником для интеграции более 5000 других внешних сервисов.

Итоги по удобству и возможностям Ucraft

Новичков, тех, кто впервые сталкивается с онлайн-конструкторами, визуальный редактор Ucraft скорее всего напугает. В нём слишком много элементов управления, не с первого раза можно разобраться, как добавлять новые страницы, каких видов они бывают, какой виджет, блок и элемент за что отвечает, и т.д. Но по мере погружения в детали всё становится на свои места. Если вам нужен блог – публикация будет проще, а работать со статьями нужно будет в специальном разделе дашборда. Если вам нужен магазин и все связанные с ним функции – это другой раздел. И так далее. Со временем становится понятным и основной редактор страниц (онлайн-конструктор) с его шаблонами, секциями и более мелкими элементами. В каких-то аспектах он даже мощнее, чем решения конкурентов.

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

Дизайн

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

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

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

Для тех, кто хочет добавить шаблону больше индивидуальности и настроить каждую деталь, в дашборде есть раздел «Инструменты дизайнера». Он состоит из трёх вкладок:

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

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

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

Количество блоков редактора – более 100 штук. Один из них – вставка своего HTML-кода (позволяет также интегрировать свои CSS-стили и JS-скрипты).

Имеются все необходимые элементы для построения эффективного лендинга (посадочной страницы): счётчики/виджеты обратного отсчёта, формы, социальные кнопки, онлайн-карты, слайдеры, поп-апы и т.д.

Поисковая оптимизация (SEO)

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

1. Выбрать один из типов страниц: главные, второстепенные или для переадресации.
2. Добавить для каждой страницы заголовок, описание, ключевые слова, параметры index и follow для файла robots.txt, миниатюру для формирования сниппета, включить отображение в карте сайта (sitemap.xml).

Отдельная вкладка настроек сайта посвящена интеграции с инструментами от сторонних сервисов. Здесь можно подключить средства аналитики от Google Analytics и Яндекс.Метрики.

Ещё одна полезная возможность для поисковой оптимизации — подключение SSL-сертификата к домену. Это бесплатная услуга, которая очень важна для сайтов, через которые отправляются личные данные посетителей (а Ucraft обеспечивает работу личных кабинетов пользователей).

Поднять сайт на высокие позиции вполне реально, но для этого нужно не только заполнять мета-теги всех страниц, но и заботиться о качестве контента, его полезности, правильно подбирать ключевые слова, работать с соцсетями и т.д. С технической точки зрения конструктор Ucraft оптимизирован достаточно хорошо: есть поддержка мобильных устройств, загрузка страниц происходит быстро (CSS JS-код сжимается автоматически, используется система кэширования и возможно подключение доставки через сети CDN-провайдеров), максимальный размер медиафайлов ограничен 5 Мб.

Тарифы

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

Платных тарифа три — Про Веб-сайт, Про Магазин и Безлимит. Первый подходит для создания простых бизнес-сайтов (визиток, лендингов, портфолио и т.п.), а также для ведения блогов. Остальные — для интернет-торговли.

• Тариф «Веб-Сайт» – всегда бесплатный, позволяет добавить не более 15 страниц, подразумевает только базовый набор (вставка своего HTML-кода недоступна), отсутствие доступа к SEO-модулю и модулю Магазина, а также ряд других ограничений. На страницах будет показываться неотключаемый копирайт (сторонней рекламы нет).
• Тариф «Про Web-Сайт» – от 650 руб./месяц. Безлимитный блог, 15 товаров в магазине, полный набор блоков в редакторе, многоязычный сайт, все основные интеграции, только 2 способа оплаты (касается модуля Магазина).
• Тариф «Про Магазин» – от 1400 руб./месяц. Доступно для размещения до 1000 позиций в каталоге магазина (включая цифровые товары), многоканальные продажи, более 50 способов оплаты, мобильное приложение и т.д.
• Тариф «Безлимит» – от 4400 руб./месяц. Любое количество товаров и страниц на сайте, увеличенный размер цифровых товаров, POS-система (не работает в РФ и странах СНГ).

На всех тарифах: неограниченное хранилище данных, бесплатный SSL-сертификат, подключение своего домена.

Для бизнеса и веб-студий доступна опция WhiteLabel — решение, которое позволяет без команды разработчиков запустить конструктор сайтов на основе Ucraft под своим брендом.

Можно использовать его для создания сайтов для клиентов или продвигать его как сервис Drag&Drop, самостоятельно устанавливая цены на услуги. Подписки – от 2463 руб./месяц.

Достоинства

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

• Отдельный раздел для управления статьями в блоге.
• Качественный модуль магазина с большим количеством интеграций и серьёзными возможностями (есть даже приложение и поддержка разных каналов/маркетплейсов/социальных сетей).
• Интеграции с другими сторонними сервисами для расширения функциональности сайта (вне модуля магазина).
• Широкие возможности кастомизации интерфейса, в том числе с помощью инструментов дизайнера.
• Блок управления статьями в безлимитном блоге.
• Интеграции со сторонними сервисами для расширения функциональности сайта.
• Работа над проектом в команде.
• Встроенный редактор логотипов.
• Безлимитный хостинг (нет ограничений по трафику, нагрузке или по месту на диске).
• Бесплатные SSL-сертификаты для поддержки HTTPS-версии сайта.
• Поддержка мультиязычности.
• Автоматическая адаптация под экраны мобильных устройств. Гибкая настройка видимости блоков и элементов.
• Встроенные библиотеки изображений (фотостоки) и иконок.

Недостатки

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

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

Многие оптимизации, необходимые для ускорения времени загрузки на разных типах устройств, нужно будет вносить самостоятельно. Базовый набор включённых услуг для этих целей – слишком мал (только кэширование и минимизация CSS/JS).

Отзывы экспертов

• "Ucraft — хорошее решение для тех, кому нужен бизнес-сайт с локализацией на несколько языков. Встроенные возможности конструктора позволяют создать международный портал и управлять им без больших финансовых затрат."
  Обзор Дмитрия Луценко, uGuide.ru
• "Ucraft чуть дороже прямых конкурентов по функциональности, но оправдывает это международным статусом и удобными инструментами для формирования мультиязычных проектов. У этого конструктора нет заметных провалов, но и восхищение он вряд ли вызовет. Рабочий инструмент для самостоятельного создания сайтов."
  Обзор Ucraft на Site-Builders.ru

Выводы

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

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

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