Конструкторы сайтов: обзор 8 лучших сервисов
Серьезные веб-проекты лучше создавать на зарекомендовавших себя CMS или самописных движках, заточенных под конкретные задачи. Это так, но в некоторых ситуациях такой подход слишком долог, дорог и трудозатратен. С тем же WordPress нужно разбираться несколько недель. Если есть время и желание изучать тонкости самостоятельно или средства для оплаты услуг специалиста — отлично. В противном случае подойдет визуальный конструктор сайтов. Это не панацея, есть проекты, которые невозможно реализовать без участия дизайнеров и программистов. Такие сервисы целесообразно использовать для:
Выбирать конструктор стоит исходя из конкретных задач. Некоторые отлично справляются с Landing Page, другие — подходят для создания многостраничных сайтов, третьи хорошо продвигаются в поиске. Давайте сравним популярные сервисы, чтобы понять в какой ситуации лучше использовать тот или иной продукт.
Сравним конструкторы в таблице
При выборе инструмента для создания сайта нужно учитывать много параметров. Они зависят от типа ресурса и задач, которые он должен решать. Для удобства я составила сравнительную таблицу. В ней прописаны важные, на мой взгляд, характеристики и функциональные особенности конструкторов, которые упомянуты в этом обзоре. Сравним сервисы по таким параметрам:
Tilda Publishing
Tilda – интуитивный конструктор сайтов. Подходит для создания небольших проектов — информационных и корпоративных ресурсов, Landing Page и интернет-магазинов с десятком-другим позиций. Впрочем, для последних есть более удобные решения. Функционал ориентирован на эффектное оформление лонгридов — стильная типографика, много блоков для комбинирования текстового, визуального и видео-контента. Возможности не ограничиваются готовыми шаблонами и блоками — и то, и другое можно разработать самостоятельно с нуля, используя конструкторы. Для тех, у кого на это нет времени и желания, в каталоге более 100 дизайнов, которые можно настроить под себя с помощью 450 блоков. Есть готовые макеты для пиццерий, антикафе, салонов красоты и других ниш.
Достоинства
Недостатки
Функционал
Разобраться в интерфейсе под силу каждому, кто хоть немного знаком с веб-технологиями. Однако для создания крутого уникального макета дизайнерские навыки будут не лишними, как минимум — вкус. Работу над сайтом лучше начинать с чистого листа. Все шаблоны составлены из тех модулей, которые есть в каталоге, а демонстрационный контент все равно придется менять. При открытии пустого макета сервис предлагает посмотреть видео-обзор функционала. В горизонтальное меню вынесены часто используемые блоки: обложка (1), заголовок (2), лид-абзац (3), текст (4), ключевая фраза (5), изображение (6), галерея фотографий (7) и линия-разделитель (8). При клике по кнопке ZERO (9) открывается редактор блоков, в котором можно создавать свои модули.
Чтобы увидеть весь каталог, нужно кликнуть на «Все блоки» (10). Они разделены на 27 категорий — о проекте, прямая речь, преимущества, колонки, меню, тарифы, подвал, формы и кнопки, отзывы, этапы и другие. В каждой по 15-20 вариантов оформления. Для навигации и операций со всей страницей используется верхнее меню.
Пункт «Мои сайты» (11) открывает страницу, на которой отображаются все ресурсы, «Мой проект» (12) — список страниц текущего сайта. Переключиться между ними или создать новую можно, кликнув по стрелочке (13).
Остальные пункты позволяют отменить последние изменения (14), включить режим предпросмотра (15) и опубликовать страницу (16). В настройках (17) прописываются мета-теги, редактируется внешний вид поста для расшаривания в соцсетях и отображение в поисковой выдаче. Кнопка «Помощь» (17) открывает справочную информацию. В ниспадающем меню «Еще» (18) можно отредактировать профиль, включить карту блоков и перейти на страницу тарифов.
Чтобы отредактировать текст, нужно кликнуть по конкретному фрагменту. В верхней части экрана появляется горизонтальное меню, с помощью которого можно изменить жирность, начертание, цвет, шрифт, размер, межстрочное расстояние и выравнивание, а также добавить гиперссылку. При наведении мыши на блок сверху появляются кнопки для кастомизации. Кликнув по первой (1), можно переключиться между разными вариантами оформления в пределах одной категории, сохранив при этом уже введенный контент.
Содержимое раздела настройки (2) зависит от типа модуля. Там изменяются выравнивание, количество колонок для каждого элемента, высота, цвет фона, эффекты при скролле, фильтры, анимация элементов, внешний вид рамок, полей и кнопок и много другое.
При клике по кнопке «Контент» (3) открывается окно редактирования содержимого блока. Через него загружаются видео и изображения, вводятся абзацы, заголовки, названия и подсказки для полей в формах, надписи на кнопках и много другое.
Другой способ отредактировать содержимое — кликнуть по нужному элементу. Группа кнопок справа служит, чтобы скопировать (4), удалить (5), скрыть (6) и поменять блоки местами (8). При клике по стрелке (7) открывается дополнительное меню — вырезать, копировать, вставить или выделить целый модуль.
На странице каждого проекта есть настройки, в которых меняются шрифты и цвета для всего сайта, выбирается главная страница, подключаются домен, системы аналитики и панели веб-мастеров Google и «Яндекс», платежные системы.
Бесплатно
На базовом тарифе доступен 1 сайт с 50 страницами и 50 Мб места на сервере. Невозможно подключить собственный домен (только третьего уровня вида moto.tilda.ws) и использовать некоторые модули, в частности — формы.
Платно
Сервис предлагает 2 тарифных плана — Personal (750 руб. в месяц или 6000 руб. в год) и Bussines (1250 руб. и 12000 руб. соответственно). Первый позволяет создать 1 сайт (максимум 500 страниц), второй — 5. Оба варианта включают весь функционал, включая полную коллекцию блоков. Исключение — экспорт исходного кода и возможность отключить лэйбл «made on Tilda» – они доступны только на максимальном тарифе. При оплате годовой подписки — домен в подарок. После регистрации можно бесплатно подключить тариф Personal на 2 недели, чтобы протестировать функционал и понять, подходит ли он под конкретную задачу.
LPgenerator
LPgenerator – мощный сервис для разработки одностраничных сайтов. Узкая специализация с лихвой окупается множеством возможностей и интеграций. Не подойдет для создания визитки, блога, информационного портала или онлайн-гипермаркета. Есть возможность подключить на одностраничник витрину, но этот инструмент скорее дополнительный. Зато лендинг при должных навыках получится что надо.
Сервис ориентирован на профессионалов. Разработчики заинтересованы в том, чтобы на их платформе создавались красивые и конверсионные сайты. Об этом говорит все — от стоимости и содержания тарифов до уровня тех. поддержки и обучения новых пользователей. В LPG есть все для создания уникальных профессиональных сайтов — множество красивых современных шаблонов вкупе с широкими возможностями кастомизации, сборка макета из блоков с чистого листа и доступ к HTML/CSS коду. Но главное отличие от других конструкторов заключается в дополнительных инструментах для раскрутки и заработка на лендингах — CRM и работа с лидами, подробная и детальная аналитика, управление источниками трафика и многое другое.
Достоинства
Недостатки
Функционал
В административной панели собраны все инструменты, не связанные с внешним видом сайта. На вкладке «Страницы» (1) отображаются все созданные Landing Page. При клике по кнопке «Действия» (2) открывается меню, через которое можно перейти в визуальный редактор (10), Центр оптимизации и режим просмотра, а также скопировать, заархивировать или удалить страницу. В разделе «Лиды» (3) находятся все инструменты для работы с потенциальными клиентами. Тут можно увидеть список тех, кто оставлял заявку или как-то иначе проявлял интерес к предложению, а также присваивать им статусы, звонить и отслеживать историю взаимодействия. В разделе «Магазин» (4) собран функционал для создания онлайн-витрин, работы с товарами и заказами. На странице учетной записи (5) настраиваются системные оповещения и уведомления о лидах, параметры безопасности и быстрый вход через аккаунты соцсетей. В разделе «Домены» (6) можно купить, привязать или подобрать адрес для сайта. Для отслеживания и управления источниками трафика используется UTM-конструктор (7). Во вкладке «Услуги» (8) можно заказать индивидуальный дизайн, верстку и т. д., а на странице «Оплата» (9) — узнать информацию о тарифах и подключить подходящий.
При первом взгляде на визуальный редактор с непривычки теряешься — много функций, инструментов, панелей и кнопок. Однако все это довольно логично сгруппировано, привыкаешь быстро. Но чтобы разобраться и протестировать все, потребуется время. Слева при клике по стрелочке (1) открывается список всех элементов страницы — заголовки, изображения, кнопки, формы и т.д. Нажимаем на любой и визуальный редактор переключается на него, а справа появляется панель настроек (2). Можно поменять размер, расположение, выравнивание, стили, границы и многое другое. На вкладке «Расширенные» редактируется CSS-код.
На узкой панели слева собраны кнопки для добавления различных элементов на сайт. В конструкторе секций (3) находятся готовые блоки шапки сайта, модуля выгод, лид-форм и т.д. Кнопка «Магазин» (4) открывает окно для добавления витрины с товарами. Тут же можно подключить таймер (5), попап (6), галерею (7), видео (8), слайдер отзывов (9) и карту (10), а также загрузить дополнительные шрифты (11) и настроить онлайн-оплату через сервис «Робокасса».
Верхняя панель визуально делится на 4 части. В первой (13) находятся кнопки сохранения, режим предпросмотра, отмена и повтор последнего действия, далее (14) — инструменты для добавления еще нескольких элементов — текстов, изображений, кнопок. Можно загрузить свой HTML-код. Третий блок кнопок (15) используется для управления отдельными элементами — копирования, удаления и перемещения на передний или задний план. В последнем блоке (16) можно заполнить мета-теги страницы, подключить свой js-скрипт и настроить цели конверсии. Информация по целям будет отображаться в Центре оптимизации конверсии.
В самом верху есть еще две интересные кнопки. Первая (17) используется для управления вариантами дизайна, вторая (18) — для перехода в Центр оптимизации конверсии, личный кабинет и CRM.
Бесплатно
Базовая версия ограничивается 7-дневным триалом. Полноценного бесплатного тарифа нет.
Платно
Разработчики предлагают на выбор 4 тарифа — «Базовый» (799 руб. в мес.), «Продвинутый» (2375 руб. в мес.), «Безлимитный» (3999 руб. в мес.) и «Корпоративный» (15 730 руб. в мес.) Они отличаются количеством доступных доменов (от 1 до бесконечности) и страниц (от 10 до бесконечности) и лимитом посетителей. На первых двух тарифах домены и доменная почта привязываются за дополнительную плату, на «Базовом» на страницах отображается брендинг LPgenerator, а на максимальном можно завести до 15 клиентских аккаунтов.
WIX – один из самых мощных и функциональных конструкторов. Возможностей хватает для создания сайтов-визиток, одностраничников, магазинов, блогов и даже форумов. Однако при ближайшем рассмотрении для ИМ есть более дешевые и гибкие решения, а под блоги лучше WordPress, на мой взгляд, пока ничего не придумали. Пользователей привлекает простой интуитивно понятный конструктор и большой выбор ярких стильных шаблонов — в каталоге 395 готовых макетов, разделенных на категории — бизнес, рестораны и еда, отели, события, лендинги и другие. Разработчики регулярно добавляют новые варианты под различные сферы.
Это касается и функционала — над сервисом работают, выходят обновления, добавляются возможности. Правда, у такого роста есть и обратная сторона — для новичков WIX становится тяжеловат, административная панель перегружена. Однако возросшего функционала все же недостаточно для профессионалов и серьезного бизнеса. Это все тот же конструктор, реализовать получится только то, что предусмотрено разработчиками.
Достоинства
Недостатки
Функционал
Интерфейс редактора состоит из трех панелей — горизонтальной и двух вертикальных. Кнопка «Страницы» (1) в левом верхнем углу служит для переключения между страницами. В пункте «Сайт» (2) можно сохранить проект, включить режим предпросмотра, перейти в редактор мобильной версии, опубликовать, привязать домен и т. д. Для некоторых действий на этой же панели есть быстрые кнопки — сохранить (3), опубликовать (4), отменить (5) или повторить (6) последнее действие, изменить масштаб (7), редактор мобильной версии (8) и режим предпросмотра (9). Через пункт «Инструменты» (11) подключаются дополнительные элементы управления и навигации — линейки (13), границы сайта (14) и панель справа (15), а также цветные линии, которые появляются при перетаскивании блоков мышкой для выравнивания относительно общей композиции. В пункте «Помощь» (11) можно получить справку по работе с редактором. А кнопка «Подключить премиум» — не что иное, как call to action — призыв перейти на платный тариф.
Для редактирования сайта, добавления и изменения элементов используется вертикальная панель слева. С помощью нее меняется фон (16), добавляются блоки, боксы, кнопки, текст, заголовки, формы списки и многое другое (17), виджеты и приложения (18), загружаются шрифты, фото, видео, аудио и документы (19), настраивается блог (20) и формы онлайн-записи (21). Кроме того, при выборе какого-либо элемента над ним появляется еще одна панель (22). Она используется для настройки внешнего вида — можно выбрать цвет, форму, включить анимацию и т.д.
При клике на кнопку в левой панели открывается список. Например, за плюсиком прячутся все элементы, которые только можно добавить на сайт (1). Выбираем пункт «Список», и редактор предлагает нам различные варианты оформления (2). Справа появляется дополнительная навигация по категориям (3). Последняя приходится очень кстати, учитывая большой выбор. Изменить внешний вид можно и после добавления на сайт. За пунктом «Еще» (4) скрываются возможность встроить html-код, flash или целый сайт, формы входа для админа и регистрации пользователей, функционал для создания якорного меню и иконки документов.
Бесплатно
На стартовом тарифе можно пользоваться всеми шаблонами и создавать неограниченное количество сайтов, ограничено лишь место для хранения данных — до 500 Мб. Подключение собственного домена и Google Analytics недоступно.
Платно
Сервис предлагает 4 премиум-тарифа — Connect Domain (123 руб. в месяц), Combo (249 руб. в месяц), Unlimited (375 руб. в месяц) и eCommerce (488 руб. в месяц). Они отличаются производительностью (от 1 Гб до безлимитной), местом на диске (от 500 Мб до 20 Гб) и функционалом. Например, подключение нормального домена входит в стоимость любого платного тарифа, а создать интернет-магазин можно только на максимальном, реклама WIX отключается начиная с Combo.
uKit — сравнительно новая разработка uCoz. В отличие от своего прадедушки, uKit интуитивно понятен и выглядит современно. Создатели позиционируют свой продукт как простой в освоении и не требующий специальных знаний сервис для малого и среднего бизнеса. Хотя есть функционал для создания интернет-магазинов — собственный и от Ecwid — конструктор все же больше подойдет для визиток, лендингов и других проектов с небольшим количеством страниц. Ukit ориентирован на предпринимателей, которые хотят быстро запустить стильный и функциональный ресурс, не имея опыта в разработке и не желая в нее вкладываться. С этой задачей сервис справляется хорошо — сайты получаются красивые, на запуск уходит пара дней. Основное отличие uKit от подобных продуктов — серьезные ограничения при настройке дизайна. Пользователю просто не дадут сделать то, что не предусмотрено разработчиками. Это подается как защита от возможных ошибок и плохого результата. Однако тех, кто четко знает, чего хочет, и как это должно выглядеть, подобная забота может отпугнуть.
Каталог шаблонов uKit
Достоинства
Недостатки
Функционал
В отличие от uCoz, панель инструментов uKit используется только для оплаты, привязки домена, отслеживания статистики и параметров оптимизации. Раздел «Настройки» предельно лаконичен — меняем фавикон, закрываем от индексирования недоработанный ресурс и сносим сайт. Все. Остальные манипуляции производятся через визуальный редактор. На вертикальной панели слева расположены три режима редактирования — вкладки «Дизайн» (1), «Конструктор» (2) и «Страницы сайта» (3). Остальные кнопки используются для перехода в панель управления (4), предпросмотра (5), отмены или повтора последнего действия (6), создания и просмотра бекапов (7) и публикации (8).
В режиме «Дизайн» можно выбрать цветовую схему и поменять фон (9). Работа со шрифтами (10) подразумевает выбор одной из четырех предусмотренных создателями макета пар шрифтов — для заголовков и основного контента. В разделе «Дополнительно» (11) включаются и отключаются кнопка «Наверх», анимация появления виджетов и версия для слабовидящих. Пункт «Шаблон» (12) служит для перехода на другой макет, если этот вас не устраивает.
В режиме «Страницы» редактируется порядок пунктов меню, удаляются и создаются страницы, оформляются ЧПУ и заполняются метатеги. Больше всего свободы действий пользователь получает в разделе «Конструктор» — там изменяются блоки, текст, изображения, добавляются новые элементы и т. д. Он делится на две части — «Блоки» (1) и «Виджеты» (2). Все сайты на uKit состоят из блоков, в которые добавляются виджеты. Вы можете разместить на странице пустую секцию, вписав в нее текст, картинки, галереи, кнопки и др. Также есть специальные блоки для контента, заголовков, товарной витрины, прайса, блока преимуществ, отзывов и контактов. Доступные виджеты разделены на 7 категорий:
Каждый элемент имеет дополнительные настройки. Для блоков можно установить структуру, высоту и выравнивание, для текстовых виджетов — стиль, цвет, выравнивание, начертание и другие параметры. Практически везде меняется фон. Дополнительные настройки открываются при клике по элементу.
Бесплатно
На стартовом тарифе доступно создание полноценного сайта на собственном домене. Внизу страницы отображается рекламный баннер. Из ограничений функционала — вставка своего кода, настройка целей в статистике, встроенный виджет интернет-магазина и добавление уникальных палитр.
Платно
Предусмотрено 4 тарифа — «Премиум» (3,50 долл. в мес.), «Премиум+» (7 долл. в мес.), «Магазин» (8,40 долл. в мес.) и «Про» (10,50 долл. в мес.) Отличаются функционалом — на минимальном недоступна техподдержка в живом чате, цели в статистике, собственные палитры и код, виджет интернет-магазина. Кроме того, в цену не входят премиум-шаблоны. Создание витрины доступно только на тарифах «Магазин» и «Про», а изменение цветовой схемы и кода сайта — только на максимальном.
uCoz – один из старейших конструкторов в Рунете. Функционал позволяет создать сайт-визитку, блог, форум, информационный портал или интернет-магазин. В основе лежит модульная система. При создании система предлагает выбрать нужные блоки — редактор страниц, доска объявлений, блог, новости, вопросы и ответы, интернет-магазин, форум и другие. Если что-то забыли, в процессе работы можно добавить. Выбранный на старте дизайн тоже легко поменять, при этом контент сохраняется.
Основное отличие от других конструкторов заключается в самих принципах работы над сайтом. Функционал визуального конструктора слабоват — можно удалить, добавить и настроить блоки, изменить текст некоторых элементов, работать с сообщениями, управлять материалами, файлами, зарегистрированными пользователями и комментариями. Для всего остального используется панель управления — ее возможности гораздо шире. Но чтобы разобраться потребуется время и навыки. Кроме того, система позволяет редактировать HTML и CSS код. Вплоть до полной замены кода шаблона.
Хотя разработчики позиционируют сервис как универсальный для новичков и профессионалов, на деле первым будет тяжеловато, а вторые предпочтут CMS или разработку с нуля. С другой стороны, uCoz – отличный плацдарм для тех, кто хочет всерьез заняться созданием сайтов на заказ.
Достоинства
Недостатки
Функционал
Основная работа над сайтом ведется через административную панель. С виду все просто и понятно, однако из-за нагромождения функций и возможностей легко запутаться. Для навигации используется горизонтальное меню. В каждом разделе отображается свой блок подпунктов (9). Через пункт «Модули» (1) добавляются, удаляются и редактируются страницы, блоки и расширения. Для каждого инструмента можно настроить множество параметров. К примеру, для блога — это размер превью, поля в форме добавления, отображение материалов на странице, сортировка, размеры и количество изображений и многое другое.
Раздел «Пользователи» (2) используется для настройки формы и правил регистрации, авторизации через соцсети, создания прав доступа и действий для разных групп пользователей, а также отправки email-рассылок.
В блоке «Настройки» (3) собраны разные параметры — название сайта, внешний вид редактора материалов и формы комментариев, доменное имя и многое другое. В пункте «Инструменты» (4) содержатся такие полезности, как файловый менеджер, настройки панели соцсетей, визуального редактора и импорта RSS, ротатор баннеров и многое другое.
В разделе «Безопасность» (5) находятся лог действий, настройки SSL-сертификата, блокировка IP и URL. На странице «Дизайн» (6) собраны все инструменты для управления внешним видом сайта. Тут можно поменять шаблон, сгенерировать структуру, импортировать удаленный код, отредактировать меню, создать резервную копию или частично поменять код. Последнюю функцию удобно использовать для редактирования отдельных элементов, например, чтобы изменить надписи в шапке сайта. Иногда в визуальном редакторе сделать это не получается. Некоторые инструменты этого раздела доступны только тем, кто знает HTML и CSS. В подпункте «Редактор» можно корректировать код разных блоков и страниц. Наконец, раздел «Услуги» (7) служит для оплаты премиум-тарифов, а «Помощь» (8) — для связи с техподдержкой.
Визуальный редактор на uCoz менее функционален и предназначен в основном для управления сайтом — сообщениями (1), материалами (3), комментариями (4), страницами (5), файлами (6), пользователями (7), извещениями (8) и конструктором (11). Кнопка «Информация» (2) используется для входа и настройки основной панели управления и перехода в блог uCoz, «Поиск» (9) — для поиска по сайту в режиме редактора. При клике по пункту «Конструктор» (11) включается режим редактирования. Можно добавлять модули и управлять блоками (13) — менять местоположение и заголовки, удалять и настраивать содержимое. Кнопка «Вид» (10) позволяет взглянуть на сайт глазами гостя, зарегистрированного пользователя или администратора. Везде, где можно добавлять статьи и материалы, появляются пиктограммы визуального и HTML-редактора (12). При клике открывается форма добавления записи.
Бесплатно
На стартовом пакете можно создать полноценный сайт с нормальным доменом. Однако при загрузке почти на весь экран будет открываться реклама. Другие ограничения — заполнение метатегов через SEO-модуль, нет автоматического резервного копирования и проверки на вирусы, нельзя убрать копирайт uCoz, лимит на постинг в соцсети (10 в сутки), нельзя прикрепить файлы к почтовым формам и скрыть счетчик статистики.
Платно
Разработчики предлагают выбрать один из пяти тарифов — «Минимальный» (2,99 долл. в мес.), «Базовый» (5,99 долл. в мес.), «Оптимальный» (7,99 долл. в мес.), «Магазин» (9,99 долл. в мес.) и «Максимальный» (15,99 долл. в мес.) Они отличаются количеством места на сервере (от 1 до 20 Гб) и другими параметрами. К примеру, премиум антивирус, мобильный шаблон, профессиональный макет из магазина в подарок, отсутствие копирайта uCoz, подключение PHP и некоторые другие плюшки доступны только начиная с пакета «Оптимальный». Создать магазин можно только на двух самых дорогих тарифах.
Nethouse
Nethouse – сравнительно молодой российский конструктор. Теоретически подходит для лендингов, визиток и онлайн-витрин, но на практике больше заточен под последние. Главная целевая аудитория сервиса — малые и средний бизнес, заинтересованный в продажах через интернет. Долгое время разработчики двигались по этому пути — добавляли новые возможности и полезные интеграции для владельцев интернет-магазинов. Сейчас внимание уделяется и другим типам сайтов. Например, не так давно появилось 9 шаблонов для промо-ресурсов и презентационных страниц. Однако упор по-прежнему делается на eCommerce. В частности, макет для лендинга в каталоге всего 1.
Возможностей для создания уникальных сайтов не так много. Пользователю предлагают выбрать из 23 готовых дизайнов для разных сфер или 58 шаблонов, которые потом можно немного настроить. По сути кастомизация сводится к замене изображений, контента, логотипа и фона, а также к настройке количества и расположения блоков на страницах, шрифтов и размера текста. Также при добавлении элементов — кнопок, триггеров, картинок — можно отредактировать расположение, выбрать один из заготовленных дизайнов, загрузить свои иконки и т.д. Но для интернет-магазина, возможно, этого и достаточно — лаконично оформленная витрина и исчерпывающая информация об условиях. Все остальное на уровне бизнес-процессов и интеграций — реклама, статистика, SEO-продвижение, онлайн-оплата, обмен данными со складом, прием заказов и многое другое. С этим у Nethouse проблем нет.