Дизайн
#подборки

7 WYSIWYG-редакторов, которые можно использовать бесплатно

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

Иллюстрация: Аня Макарова для Skillbox Media

WYSIWYG-редакторы (от англ. What You See Is What You Get), или визивиги, — это сервисы, которые позволяют создавать сайты и приложения без кода: собирать их из готовых элементов и блоков. В процессе работы можно сразу же видеть, что получается. Визивиги — хорошее решение для дизайнеров, которые хотят выполнять проекты сами от начала до конца, без команды программистов.

В нашей подборке — семь удобных WYSIWYG-редакторов, которые можно использовать бесплатно:

  • Tilda — сервис со множеством шаблонов;
  • Readymag — гибкий редактор с системой виджетов;
  • Webflow — для тех, кто привык к Figma;
  • Bubble — для магазинов и соцсетей;
  • Webnode — для быстрых лендингов и сайтов-визиток;
  • Jimdo — для простых лендингов из шаблонов;
  • Mobirise — если вам нужна только мобильная версия сайта.

Tilda

Это один из самых известных российских конструкторов сайтов. Он даёт широкие возможности для создания дизайна на основе готовых стандартных блоков. Также можно работать в Zero Block — самостоятельно размещать элементы в пустой рабочей области, как в Figma.

Интерфейс Tilda
Скриншот: сайт Tilda / Skillbox Media

Преимущества. В WYSIWYG-редакторе доступно много готовых блоков и сайтов-шаблонов — как со стандартными, так и с Zero-блоками. Работу легко адаптировать под мобильные устройства и добавить в неё анимацию. Есть своя CRM-система.

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

Бесплатная версия. Без подписки можно работать над одним WYSIWYG-сайтом. Он должен быть до 50 страниц, с объёмом загруженных файлов до 50 МБ. При этом многие готовые блоки в базовом тарифе недоступны — например, все формы обратной связи платные. Свой домен и интеграции со сторонними сервисами есть только на платных тарифах.

Стоимость подписки. От 500 рублей в месяц. Есть пробный период на две недели.

Попробовать

Readymag

Работа в WYSIWYG-редакторе построена на добавлении виджетов — есть, например, текстовый, кнопка, фигура, картинка, карта, форма. Readymag считается более гибким, чем Tilda, — здесь меньше шаблонов и больше возможностей для кастомизации страниц.

Интерфейс Readymag
Скриншот: сайт Readymag / Skillbox Media

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

Минусы. Готовых WYSIWYG-шаблонов здесь очень мало. Работать не так легко, как в Tilda, — например, адаптивные версии придётся настраивать полностью вручную. Своей CRM нет, а интеграции платные — поэтому собирать данные пользователей без оплаты тарифа не выйдет.

Бесплатная версия. Можно работать над несколькими проектами, но опубликовать — только один, без собственного домена.

Стоимость подписки. От 36 долларов в месяц.

Попробовать

Webflow

WYSIWYG-редактор, который подходит для дизайна сайтов с нуля. Есть всего 40 бесплатных шаблонов, больше — платных. Но фишка Webflow в создании уникального дизайна, а его интерфейс очень похож на Figma.

Интерфейс Webflow
Скриншот: сайт Webflow / Skillbox Media

Преимущества. Можно настраивать свою сетку, кастомизировать элементы, добавлять разные эффекты анимации. В крупных проектах удобно автоматически менять стиль компонента на всех страницах — такой опции нет в Tilda и Readymag. Адаптивные версии в WYSIWYG-редакторе настраиваются автоматически, также можно изменить их вручную.

Минусы. Пользоваться всеми возможностями Webflow без базового понимания HTML и CSS сложновато: необязательно кодить вручную, но полезно понимать описания элементов.

Бесплатная версия. Можно сделать два сайта без оформления подписки и загрузить на них до 50 МБ контента. При этом интеграции недоступны, а набор инструментов ограничен. Зато можно собирать обратную связь пользователей — до 500 отправок форм в месяц.

Стоимость подписки. От 23 долларов в месяц.

Попробовать

Bubble

Продвинутый WYSIWYG-редактор, заточенный под сайты со сложной логикой и базами данных. Можно собрать маркетплейс или соцсеть и даже сделать аналог мобильного приложения с помощью сервиса Web View. Работа в Bubble построена поэтапно: сначала нужно добавить на страницу все необходимые элементы, а потом настроить их поведение.

Интерфейс Bubble
Скриншот: сайт Bubble / Skillbox Media

Преимущества. Можно легко масштабировать сайт — от демоверсии до полноценного сервиса. Доступно хранение данных пользователей и управление учётными записями. Сайт можно автоматически перевести на 80 языков. Есть много плагинов, которые восполняют недостающий функционал — например, позволяют сделать анимацию на время загрузки страницы.

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

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

Стоимость подписки. От 29 долларов в месяц.

Попробовать

Webnode

Простой WYSIWYG-конструктор с макетами для создания сайтов-визиток, лендингов и интернет-магазинов. Работать можно с компьютера и смартфона.

Интерфейс Webnode
Скриншот: сайт Webnode / Skillbox Media

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

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

Бесплатная версия. В этом WYSIWYG-сервисе доступен ограниченный инструментарий и 100 МБ для изображений. При этом можно создавать неограниченное количество сайтов.

Стоимость подписки. От 4 долларов в месяц.

Попробовать

Jimdo

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

Интерфейс Jimdo
Скриншот: сайт Jimdo / Skillbox Media

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

Минусы. Зарегистрироваться из России не получится. Инструментов может не хватить. Например, нет возможности сделать категории товаров или вставить календарь — если только не написать для этого кусок кода.

Бесплатная версия. В WYSIWYG-сервисе доступно неограниченное число сайтов до пяти страниц каждый, базовые инструменты и хранилище объёмом в 500 МБ. Публикация проектов на поддомене Jimdo.

Стоимость подписки. От 350 рублей в месяц.

Попробовать

Mobirise

Десктопное приложение без браузерной версии. Интерфейс похож на Webnode или стандартные блоки Tilda — можно начать с готового шаблона или перетаскивать отдельные блоки на страницу и редактировать их.

Интерфейс Mobirise
Скриншот: сайт Mobirise / Skillbox Media

Преимущества. Конструктор заточен под создание сайтов с упором на мобильные версии — отсюда и название Mobirise. Адаптив создаётся автоматически, в процессе работы с WYSIWYG-редактором удобно просматривать, как интерфейс смотрится на разных экранах.

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

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

Стоимость. За премиум-аккаунт единоразовая плата — 149 долларов.

Попробовать

Больше интересного про дизайн в нашем телеграм-канале. Подписывайтесь!

Проверьте свой английский. Бесплатно ➞
Нескучные задания: small talk, поиск выдуманных слов — и не только. Подробный фидбэк от преподавателя + персональный план по повышению уровня.
Пройти тест
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована