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

225
0
03.06.2020 , автор: Вера Бегунова

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

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


• Tilda Publishing
• WIX
• WordPress
• SITE123
• uKit 

Tilda Publishing

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

Плюсы 

• Много стильных шаблонов и модулей
• Легко разобраться самому: много обучающих статей и видео
• Продвинутый редактор позволяет воплотить любую задумку
• Автоматическая настройка мобильной версии сайта
• Интеграция с сервисами CRM и платежными системами 

Минусы 

• Цена

Как работает

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

1.png

Страница выбора шаблонов. Чтобы показать все, понадобилась не одна статья, поэтому так 


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

2.png

Редактор готовых блоков


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

3.png

Zero Block — средство для создания блоков


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

Тарифы 

Free
Цена: 0 ₽
Что входит: 1 сайт (не больше 50 страниц с ограничениями в модулях, объем загруженных файлов — 50 мб); домен только третьего уровня: site.tilda.ws.
Еще бесплатно на 2 недели можно подключить тариф Personal, где доступен полный функционал.

Personal
Цена: 750 ₽ в месяц или 6000 ₽ в год
Что входит: один сайт, полный функционал сервиса, возможность подключить домен.

Bussines
Цена: 1250 ₽ в месяц или 1200 ₽ в год
Что входит: 5 сайтов + все, что есть в тарифе Personal
Также есть вариации тарифов Bussines: для 10, 15, 20 или 30 сайтов.

 

WIX

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

Плюсы 

· Много крутых уникальных шаблонов
· Возможность сделать сайт за 15 мин с помощью WIX ADI
· Удобный и понятный интерфейс
· Продвинутый редактор: можно загрузить собственные шрифты, поменять цвет и размер
· Интеграция с сервисами CRM и на некоторых тарифах — с платежными системами
· Много крутых приложений в официальном каталоге Wix App Market
· На одном аккаунте Wix можно создать неограниченное количество сайтов
· Встроенный фотобанк с тысячами картинок и иконок

Минусы 

· Настройка мобильной версии сайта вручную
· Ограничения производительности сайта на дешевых тарифах
· Сложная панель управления
· Много негативных отзывов о работе сервиса: блокировка провайдерами, некорректное отображение элементов, долгая загрузка сайта 

Как работает 

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

4.png


Wix Adi: автоматическое создание сайтов

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

1.

5.png

2.

6.png

3.

7.png

4.

8.png


Создание сайта в редакторе

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

9.png

Фрагмент библиотеки шаблонов Wix 


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

10.png

Редактор Wix


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

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

11.png

Corvid 


Также в конструктор встроен магазин приложений где собраны крутые и полезные дополнения для маркетинга и дизайна. Например: аналитика, интеграция с инстаграммом, чаты и системы оплаты. Многие из них бесплатные. 

12.png

Магазин приложений Wix


Тарифы 

Бесплатный тариф есть, но с ограничениями по объему, пропускной способности и субдоменом Wix вместо собственного домена. И, о ужас — с рекламой.
Платные тарифы делятся на две группы: для простых сайтов и сайтов для бизнеса (то есть с электронными платежами). Главное различие — в пропускной способности, в объеме хранилища данных и в длине видео, которые можно использовать.

Для сайтов без онлайн-платежей 

Подключить домен
Цена:— 90 ₽ в месяц.
Что входит: пропускная способность 1ГБ, хранение данных 500 МБ, реклама.

Базовый
Цена: 150 ₽ в месяц.
Что входит: пропускная способность 2 ГБ, хранилище данных 3 ГБ, видео: 30 минут, подключение домена, сайт без рекламы Wix, бесплатный домен на 1 год, 2000 ₽ на рекламу в Google Ads.

Безлимитный
Цена: 250 ₽ в месяц.
Что входит: пропускная способность безлимитная, хранилище данных 10 ГБ, видео: 60 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix,  2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе.

VIP
Цена: 500 ₽ в месяц.
Что входит: пропускная способность безлимитная, хранилище данных 20 ГБ, видео: 120 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix,  2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, приоритетная поддержка и логотипы для соцсетей.
    

Для сайтов с онлайн-платежами 

Бизнес базовый
Цена: 400 ₽ в месяц.
Что входит: пропускная способность безлимитная, хранилище данных 20 ГБ, видео: 300 минут, подключение домена, сайт без рекламы Wix, бесплатный домен на 1 год, 2000 ₽ на рекламу в Google Ads, веб-аналитика.

Бизнес безлимитный
Цена: 600 ₽ в месяц.
Что входит: безлимитная пропускная способность, хранилище данных 35 ГБ, видео: 600 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix,  2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, веб-аналитика, логотипы для соцсетей.

Бизнес VIP
Цена: 500 ₽ в месяц.
Что входит: безлимитная пропускная способность, хранилище данных 50 ГБ, видео: 600 минут, подключение домена, бесплатный домен на 1 год, сайт без рекламы Wix,  2000 ₽ на рекламу в Google Ads и 3000 ₽ — в Яндекс.Директе, веб-аналитика, особые приложения, логотипы для соцсетей, приоритетная поддержка. 


   

WordPress

Это легендарная платформа, которую мы никак не могли обойти стороной. WordPress используют для создания блогов, сайтов компаний, лендингов и интернет-магазинов. 

Плюсы
· Большой функционал
· Встроенный файловый менеджер с редактором Gutenberg
· Огромная библиотека плагинов, для расширения возможностей
· Много обучающих материалов 
· Можно создать сайт любого типа, нет ограничений 

Минусы 

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

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

13.png


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

14.png

Панель управления. Выбор темы


15.png

Тема, которую я выбрала для интернет-магазина


В темы легко вносить небольшие изменения, например: добавить свой лого, изменить фон и шрифты, выбрать подходящее отображение записей, добавить ссылки на профили в соцсетях. А для мастеров программирования, которые умеют работать с CSS и PHP, в WordPress есть встроенный редактор кода. Благодаря ему можно изменить шаблон до неузнаваемости.

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

16.png

Редактирование блока


Тарифы 

Personal
Цена: 250 ₽ в месяц
Что входит: уникальное доменное имя, доступ к онлайн-чату службы поддержки, отсутствие рекламы.

Premium
Цена: 550 ₽
Что в ходит: к  бонусам предыдущего тарифа добавляются дополнительные средства оформления, настройка таблиц, служба Google Analytics и  хранилище для аудио- и видеофайлов.

Business
Цена: 1499 ₽
Что входит: пользовательские плагины и темы, неограниченное число шаблонов, 200 ГБ дискового пространства и возможность удаления с сайта значка Wordpress.

eCommerce
Цена: 2698 ₽
Что входит: все возможности плана «Business» + возможность создать онлайн-магазин. 


   

SITE123

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

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

 Минусы

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

17.png

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


18.png

Шаблон, который сервис выдал автоматически


19.png

Шаблоны выглядят свежо и ярко


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

После того как определились с шаблоном конструктор предлагает выбор из нескольких типов страниц, по классике это — главная, о компании, услуги и контакты. Заполняем страницы персональным контентом и все почти готово.

20.png

Почти готовый сайт


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

21.png


Тарифы 

Бесплатный Цена: 0 ₽
Что входит: 500 Мб места на диске, 1 Гб пропускной способности, субдомен (свой домен подключить нельзя), на вашем сайте будет висеть значок платформы.

Базовый
Цена: 685 ₽ в месяц.
Что входит:  бесплатный домен на 1 год, хранилище на 10 Гб, 5 Гб пропускная способность сайта, 100 сообщений для рассылки, подключение своего домена, нет рекламы SITE123.

Расширенный
Цена: 1065 ₽ в месяц.
Что входит: 30 Гб в хранилище, 15 Гб пропускная способность, 1000 сообщений для рассылки, нет рекламы SITE123.

Профессиональный
Цена: 1445 ₽ в месяц.
Что входит: 90 Гб в хранилище, 45 Гб пропускная способность, 2500 сообщений для рассылок, возможность подключения платежной системы.

Золотой
Цена: 1825 ₽ в месяц.
Что входит: 270 Гб в хранилище, 135 Гб пропускная способность, неограниченное количество заказов из магазина, расширенные настройки eCommerce и отзывы для интернет-магазина.
   


uKit

Наш родной российский конструкторов сайтов. Подходит для создания небольших интернет-магазинов и сайтов.

Плюсы

· Большой выбор красивых шаблонов
· Легко освоить
· Удобная адаптивная панель управления
· Возможность интеграции с другими сервисами
· Непрерывное обновление сервиса, внедрение современных технологий
· Адекватная стоимость тарифов

Минусы

· Ограниченный функционал: сделать большие сайты или форумы не получится
Редактор использует, уже знакомую на по Wix функцию «drag & drop»  — перенос  элементов.

Как работает

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

22.png

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

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

23.png

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

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

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

Режим «Адаптивная версия сайта» — здесь можно настроить фон для отображения на разных устройствах, скрыть в мобильной версии отдельные блоки и виджеты, разместить их в одну или две колонки. Еще одна фишка, которая увеличивает скорость создания сайта — дублирования виджетов, блоков и страниц. Это пригодится если нужно создать много однотипных страниц.

Тарифы 

После регистрации автоматически подключается пробный период на 14 дней, в котором доступны все функции минимального тарифа. А по истечении 14 дней нужно купить подписку на месяц, три, полгода, год или два года. Кстати, чем дольше срок подписки, тем больше скидка. Например, за подписку на 2 года она составляет 50%. 

«Минимальный»
Цена: 5 $ в месяц
Что входит: больше 200 шаблонов, возможность подключать сколько угодно своих доменов, неограниченное количество страниц, безлимитное хранилище.

«Базовый»
Цена: 10 $ в месяц.
Что входит: все, что в тарифе «Минимальный» + дополнительные шаблоны, общение с техподдержкой в лайв-чате, возможность отключить копирайт uKit.

«Магазин»
Цена: 12 $ в месяц.
Что входит: все из предыдущих тарифов + инструменты управления продажами.

«Про»
Цена: 15 $ в месяц.
Что входит: все плюшки + вставка своего HTML кода (важно для профессионалов) и самостоятельное создание палитр.


Выводы

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

Субъективная оценка по пятибалльной шкале

 

Шаблоны

Функционал редактора

Простота использования

Цена

Общий балл

Tilda

4

4

5

4

4,25

Wix

5

4

4

5

4,5

WordPress

4

5

3

4

4

Site 123

5

3

5

3

4

uKit

4

3

5

5

4, 25

 

 

Что вы думаете об этом?