354
0
автор: Вера Бегунова

Конструкторы сайтов: опыт новичка

Аллилуйя! Я с нуля создала работающий сайт, не владея сакральными знаниями в области программирования, не зная язык HTML, основы PHP и Javascript. И подумать не могла, что такое возможно, но на радость мне и владельцам малого бизнеса в мире появились конструкторы сайтов. Я расскажу о пяти конструкторах, в которых работала: Tilda Publishing, WIX, WordPress, SITE123, uKit.

Tilda Publishing

1
Плюсы
  • Много стильных шаблонов и модулей
  • Легко разобраться самому: много обучающих статей и видео
  • Продвинутый редактор позволяет воплотить любую задумку
  • Автоматическая настройка мобильной версии сайта
  • Интеграция с сервисами CRM и платежными системами
2
Минусы
  • Цена
Как работает
На «Тильде» больше 200 стильных шаблонов, заточенных под разные сферы деятельности, например: ремонт, автосервис, музей, ресторан, студия маникюра и так далее. Можно выбрать готовый шаблон и наполнить его контентом или отредактировать.
Страница выбора шаблонов. Чтобы показать все, понадобилась не одна статья, поэтому так
Кроме того, есть возможность создать сайт самому с помощью блоков, которые разделены на категории: «обложка», «магазин», «о проекте», «услуги», «контакты», «форма и кнопка» и другие. Вы выбираете блок с подходящим дизайном и помещаете его на страницу.
Редактор готовых блоков
Но возможности сервиса не ограничиваются готовыми вариантами. В Тильду встроен Zero Block — визуальный редактор. С его помощью можно создавать уникальные блоки, как в полноценном графическом редакторе.
Zero Block — средство для создания блоков
В целом интерфейс «Тильды» будет понятен даже человеку далекому от it-технологий. Чтобы отредактировать текст, нужно просто кликнуть по нужному фрагменту — появится меню, с помощью которого можно изменить жирность, начертание, цвет, шрифт, размер, межстрочное расстояние и выравнивание. Чтобы изменить настройки раздела — жмем на кнопку «Настройки». Там изменяются выравнивание, количество колонок, высота, цвета, эффекты при скролле, фильтры, анимация элементов. Есть и другие способы — о них более подробно рассказывают подсказки на сайте и обучающие материалы.
Тарифы
Free
0 ₽
Что входит: 1 сайт (не больше 50 страниц с ограничениями в модулях, объем загруженных файлов — 50 мб); домен только третьего уровня: site.tilda.ws.
Еще бесплатно на 2 недели можно подключить тариф Personal, где доступен полный функционал.
Bussines
1250 / 1200 ₽
Что входит: 5 сайтов + все, что есть в тарифе Personal
Также есть вариации тарифов Bussines: для 10, 15, 20 или 30 сайтов.
Еще по тарифу Free бесплатно на 2 недели можно подключить тариф Personal, где доступен полный функционал.

WIX

Мощности конструктора хватит для создания одностраничников, многостраничных сайтов с простой навигацией, форумов, сайтов-визиток, блогов и магазинов.
1
Плюсы
  • Много крутых уникальных шаблонов
  • Возможность сделать сайт за 15 мин с помощью WIX ADI
  • Удобный и понятный интерфейс
  • Продвинутый редактор: можно загрузить собственные шрифты, поменять цвет и размер
  • Интеграция с сервисами CRM и на некоторых тарифах — с платежными системами
  • Много крутых приложений в официальном каталоге Wix App Market
  • На одном аккаунте Wix можно создать неограниченное количество сайтов
  • Встроенный фотобанк с тысячами картинок и иконок
2
Минусы
  • Настройка мобильной версии сайта вручную
  • Ограничения производительности сайта на дешевых тарифах
  • Сложная панель управления
  • Много негативных отзывов о работе сервиса: блокировка провайдерами, некорректное отображение элементов, долгая загрузка сайта
Как работает
В начале, как и в других конструкторах, нам предлагают выбрать тип сайта (для бизнеса, блог, анкета и так далее). Затем — способ его создания, с помощью редактора или автоматически. Для новичков подойдет второй вариант, с него и начнем.
Wix Adi: автоматическое создание сайтов

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

Для начала необходимо выбрать шаблон. На Wix их больше 500, все не похожи друг на друга — разработчики регулярно пополняют библиотеку (есть даже готовый шаблон сайта для медиума или специалиста по детскому сну). Выбранный вариант можно изменить в редакторе до неузнаваемости: поставить другие цвета, шрифты или вообще поменять всю структуру.
Фрагмент библиотеки шаблонов Wix
Редактор позволяет детально настраивать функционал каждого элемента на странице. Изменять текст и шрифт можно с помощью одноимённой кнопки или просто кликнув дважды на нужном фрагменте. Все элементы перемещаются в любое место благодаря супер-классной функции drag-and-drop. Также можно легко загружать свои картинки, а если их нет — Wix предлагает большую коллекцию бесплатных стоковых изображения и видео.
Редактор Wix
Редактор интуитивно понятен для тех, кто хоть немного разбирается в веб-технологиях и дизайне, а для новичков тяжеловат: очень много кнопок. Тем не менее благодаря подсказкам сервиса можно разобраться.

Для гуру программирования есть Corvid – средство работы с кодом сайта, которое позволяет делать почти все: базы данных, динамический контент и так далее.
Corvid
Также в конструктор встроен магазин приложений где собраны крутые и полезные дополнения для маркетинга и дизайна. Например: аналитика, интеграция с инстаграммом, чаты и системы оплаты. Многие из них бесплатные.
Магазин приложений Wix
Тарифы
Бесплатный тариф есть, но с ограничениями по объему, пропускной способности и субдоменом Wix вместо собственного домена. И, о ужас — с рекламой.

Платные тарифы делятся на две группы: для простых сайтов и сайтов для бизнеса (то есть с электронными платежами). Главное различие — в пропускной способности, в объеме хранилища данных и в длине видео, которые можно использовать.
Для сайтов без онлайн-платежей
Подключить домен
в месяц
90 ₽
Что входит: пропускная способность 1ГБ, хранение данных 500 МБ, реклама.
Безлимитный
в месяц
250 ₽
Что входит: 5 сайтов + все, что есть в тарифе Personal
Также есть вариации тарифов Bussines: для 10, 15, 20 или 30 сайтов.
VIP
в месяц
500 ₽
Что входит: пропускная способность безлимитная, хранилище данных 20 ГБ, видео: 120 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix, 2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, приоритетная поддержка и логотипы для соцсетей.
Для сайтов с онлайн-платежами
Бизнес базовый
в месяц
400 ₽
Что входит: пропускная способность безлимитная, хранилище данных 20 ГБ, видео: 300 минут, подключение домена, сайт без рекламы Wix, бесплатный домен на 1 год, 2000 ₽ на рекламу в Google Ads, веб-аналитика.
Бизнес VIP
в месяц
500 ₽
Что входит: безлимитная пропускная способность, хранилище данных 50 ГБ, видео: 600 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix, 2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, веб-аналитика, особые приложения, логотипы для соцсетей, приоритетная поддержка.

WordPress

Это легендарная платформа, которую мы никак не могли обойти стороной. WordPress используют для создания блогов, сайтов компаний, лендингов и интернет-магазинов.
1
Плюсы
  • Большой функционал
  • Встроенный файловый менеджер с редактором Gutenberg
  • Огромная библиотека плагинов, для расширения возможностей
  • Много обучающих материалов
  • Можно создать сайт любого типа, нет ограничений
2
Минусы
  • Уступает в простоте осваивания другим конструкторам. Новичкам будет тяжело.
  • Возможно, это только мое мнение, но шаблоны на других платформах выглядят современней.
Как работает
Прежде чем приступать к созданию сайта на WordPress, нужно выбрать подходящий хостинг, приобрести домен или воспользоваться бесплатным.
Затем можно приступать к настройке внешнего вида. На Word Press огромное количество тем (шаблонов), позволяющих выстроить самые разные сайты. Но минус в том, что нет разделения по сферам деятельности компании, что увеличивает время поиска. При выборе темы нужно обращать внимание на ее актуальность, так как встречаются шаблоны, которые уже не поддерживаются или работают с ошибками.
Панель управления. Выбор темы
Тема, которую я выбрала для интернет-магазина
В темы легко вносить небольшие изменения, например: добавить свой лого, изменить фон и шрифты, выбрать подходящее отображение записей, добавить ссылки на профили в соцсетях. А для мастеров программирования, которые умеют работать с CSS и PHP, в WordPress есть встроенный редактор кода. Благодаря ему можно изменить шаблон до неузнаваемости.

В новой версии WordPress появился блочный редактор Gutenberg, что очень упрощает работу над созданием сайта для новичков. Блоки разделены на элементы текста, мультимедийный контент и виджеты для интеграции с другими сервисами. У каждого блока есть настройки, с помощью которых можно управлять его внешним видом и контентом.
Редактирование блока
Тарифы
Personal
в месяц
250 ₽
Что входит: пропускная способность безлимитная, хранилище данных 20 ГБ, видео: 300 минут, подключение домена, сайт без рекламы Wix, бесплатный домен на 1 год, 2000 ₽ на рекламу в Google Ads, веб-аналитика.
Business
в месяц
1499 ₽
Что входит: безлимитная пропускная способность, хранилище данных 50 ГБ, видео: 600 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix, 2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, веб-аналитика, особые приложения, логотипы для соцсетей, приоритетная поддержка.
eCommerce
в месяц
2698 ₽
Что входит: все возможности плана «Business» + возможность создать онлайн-магазин.

SITE123

Очень простой конструктор. Приспособлен для создания блогов, сайтов-визиток и компактных интернет-магазинов.
1
Плюсы
  • Сверхлегкий в использовании. Название оправдано)
  • Большой выбор модулей с индивидуальными настройками
  • Простой, но гибкий редактор дизайна и структуры сайта
  • Интеграция с большим количеством сервисов, для продвижения, аналитики и соцсетей
  • Встроенная база фотографий
2
Минусы
  • Ограниченный функционал
Как работает

SITE123 разработали упрощенный режим редактирования сайта. Первым делом нужно выбрать тип сайта: блог, интернет-магазина, портфолио или еще с десяток вариантов.

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

После того как определились с шаблоном конструктор предлагает выбор из нескольких типов страниц, по классике это — главная, о компании, услуги и контакты. Заполняем страницы персональным контентом и все почти готово.
Почти готовый сайт
Кроме того, можно интегрировать полезные плагины, например: чаты, инструменты аналитики и продвижения, а также другие полезные для веб-мастеров штуки.
Тарифы
Есть бесплатный тариф. В него входит: 500 Мб места на диске, 1 Гб пропускной способности, субдомен (свой домен подключить нельзя), на вашем сайте будет висеть значок платформы.
Базовый
в месяц
250 ₽
Что входит: пропускная способность безлимитная, хранилище данных 20 ГБ, видео: 300 минут, подключение домена, сайт без рекламы Wix, бесплатный домен на 1 год, 2000 ₽ на рекламу в Google Ads, веб-аналитика.
Профессиональный
в месяц
1499 ₽
Что входит: безлимитная пропускная способность, хранилище данных 50 ГБ, видео: 600 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix, 2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, веб-аналитика, особые приложения, логотипы для соцсетей, приоритетная поддержка.
Золотой
в месяц
2698 ₽
Что входит: все возможности плана «Business» + возможность создать онлайн-магазин.

uKit

Наш родной российский конструкторов сайтов. Подходит для создания небольших интернет-магазинов и сайтов.
1
Плюсы
  • Большой выбор красивых шаблонов
  • Легко освоить
  • Удобная адаптивная панель управления
  • Возможность интеграции с другими сервисами
  • Непрерывное обновление сервиса, внедрение современных технологий
  • Адекватная стоимость тарифов
2
Минусы
  • Ограниченный функционал: сделать большие сайты или форумы не получится.
  • Редактор использует, уже знакомую на по Wix функцию «drag & drop» — перенос элементов.
Как работает

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

На платформе 4 режима редактирования сайта: «страница сайта», «конструктор», «дизайн», «адаптивная версия сайта». Каждый обозначен иконками.
В режиме "Разметка страницы"— можно добавлять и удалять страницы, менять их порядок в меню, редактировать содержимое.

В режиме «Конструктор» есть функция drag-and-drop. Это значит, что элементы сайта можно добавлять, удалять, изменять или перемещать с помощью нескольких кликов. Результаты отображаются в режиме реального времени. Кроме того, в данном режиме доступно две вкладки: «Виджеты» и «Блоки». Их содержимое можно менять без навыков программирования, просто перетаскивая элементы.

Режим «Дизайн» позволяет добавлять свои изображения и цвета.

Режим «Адаптивная версия сайта» — здесь можно настроить фон для отображения на разных устройствах, скрыть в мобильной версии отдельные блоки и виджеты, разместить их в одну или две колонки. Еще одна фишка, которая увеличивает скорость создания сайта — дублирования виджетов, блоков и страниц. Это пригодится если нужно создать много однотипных страниц.
Тарифы
После регистрации автоматически подключается пробный период на 14 дней, в котором доступны все функции минимального тарифа. А по истечении 14 дней нужно купить подписку на месяц, три, полгода, год или два года. Кстати, чем дольше срок подписки, тем больше скидка. Например, за подписку на 2 года она составляет 50%.
Минимальный
в месяц
5 $
Что входит: больше 200 шаблонов, возможность подключать сколько угодно своих доменов, неограниченное количество страниц, безлимитное хранилище.
Магазин
в месяц
12 $
Что входит: все из предыдущих тарифов + инструменты управления продажами.
Про
в месяц
15 $
Что входит: все плюшки + вставка своего HTML кода (важно для профессионалов) и самостоятельное создание палитр.

Нужна консультация?

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

Выводы

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

Наши работы