Обзор конструктора сайтов Webflow | ITProPortal
Опубликовано: 2022-02-10Webflow — это продвинутый конструктор веб-сайтов, который позволяет вам создать собственный веб-сайт или интернет-магазин. В нашем обзоре Webflow мы более подробно рассмотрим, на что способна эта платформа, и поможем вам решить, является ли она лучшим конструктором веб-сайтов для вас.
Обзор Webflow: снимок
Webflow — это мощный конструктор веб-сайтов, который лучше всего подходит для веб-разработчиков, дизайнерских агентств и опытных дизайнеров веб-сайтов.
В дополнение к редактору сайта с функцией перетаскивания, Webflow предлагает комплексные инструменты для управления каждым аспектом дизайна вашего сайта. Вы можете управлять точками останова контента, чтобы создать адаптивный мобильный сайт. Вы также можете добавить CSS и Javascript, используя интегрированную среду разработки для создания динамических элементов веб-сайта.
Возможно, лучшая функция Webflow — это CMS. Это позволяет хранить все данные вашего веб-сайта, включая изображения, продукты, цифровые записи и многое другое, в доступной для поиска базе данных. CMS также упрощает импорт и развертывание контента на вашем сайте.
Webflow может быть очень дорогим, но вам будет сложно найти более мощную платформу. Editor X близок к этому, и мы думаем, что он предлагает лучшие инструменты для совместной работы в небольших командах. Однако Editor X не предлагает встроенной CMS, поэтому он не подходит для создания больших веб-сайтов с большим объемом данных.
Оценка: 4,5/5
Читайте наш полный и подробный обзор Webflow.
конкуренты Webflow
| Веб-поток | Редактор X | Викс | |
|---|---|---|---|
| Счет | 4,5/5 | 4,5/5 | 4,5/5 |
| Плюсы | – Встроенная CMS – Очень мощный редактор сайта | – Одновременное редактирование – Совместимость с приложениями Wix | – Более 800 шаблонов – Подходит для начинающих |
| Минусы | – Сложное ценообразование – Поддержка только по электронной почте | – Ограниченное количество шаблонов – Ограничения на хранение контента | – Сложно разрабатывать сайты, адаптированные для мобильных устройств – Ограниченные инструменты для совместной работы |
| Вердикт | Webflow — это мощный конструктор веб-сайтов, который лучше всего подходит для веб-разработчиков и опытных дизайнеров. Встроенная CMS делает его идеальным для больших сайтов. | Editor X предлагает детальный контроль над вашим веб-сайтом и позволяет одновременное редактирование несколькими дизайнерами. Он идеально подходит для команд веб-разработчиков или дизайнерских агентств. | Wix — это удобный для начинающих конструктор веб-сайтов, в котором некоторый контроль над дизайном реализован ради простоты использования. Он включает в себя более 800 шаблонов и доступ к рынку приложений. |
| Посмотреть предложения | Посетите сайт | Посетите сайт | Посетите сайт |
Веб-поток: основные функции
Давайте рассмотрим некоторые ключевые функции, которые отличают Webflow от других конструкторов веб-сайтов.
Webflow позволяет вам напрямую редактировать точки останова вашего сайта. Точки останова управляют изменением размеров и расположением элементов содержимого при изменении размера экрана зрителя. Изменяя точки останова, вы получаете полный контроль над тем, как ваш сайт будет выглядеть на мобильном устройстве, планшете или даже на большом настольном мониторе.
Webflow автоматически записывает HTML5 в фоновом режиме, когда вы разрабатываете свой сайт с помощью визуального редактора с перетаскиванием. Однако вы также можете редактировать код своего сайта напрямую, используя интегрированную среду разработки.
Интегрированная среда разработки позволяет писать HTML5, CSS и Javascript. Вы можете напрямую редактировать код любого элемента контента, просто щелкнув его в визуальном редакторе. Вы также можете создавать динамические взаимодействия, такие как параллаксная прокрутка или анимация загрузки страницы, и настраивать их с помощью интегрированной среды разработки.
Webflow: основные функции и основные моменты
Webflow включает встроенную CMS, которая позволяет вам организовывать и развертывать данные на вашем сайте. Вы можете импортировать данные любого типа, включая изображения, продукты, записи о клиентах, сообщения в блогах и многое другое, в вашу CMS в виде записей и группировать их в доступные для поиска базы данных.
Контент, добавленный на ваш сайт из CMS, работает динамически. Например, вы можете выбрать, какие продукты отображать в поле рекомендуемого контента, на основе местоположения посетителя и геотегов, добавленных в ваши записи о продуктах. После того, как вы разместите контент на своем сайте, вы сможете редактировать все экземпляры определенного фрагмента данных на своем сайте, просто редактируя его запись в CMS.
CMS Webflow поддерживает настраиваемые поля, поэтому существует несколько ограничений на то, как вы можете структурировать и помечать данные своего сайта. Конструктор также позволяет вам продавать физические и цифровые продукты. Вы можете настроить доставку, включить самовывоз в магазине, предложить загрузку в цифровом формате или доставку по электронной почте. В настоящее время Webflow не предлагает цифровые подписки, но компания заявляет, что планирует предложить это в ближайшее время.
Он принимает платежи с помощью PayPal, Stripe, Apple Pay и Google Pay, а также автоматически обрабатывает расчет налогов и доставки. Вы можете интегрировать свой интернет-магазин с любым приложением, поддерживаемым Zapier, включая Quickbooks и MailChimp.
Webflow: что нового в 2022 году?
За последний год Webflow внес два важных изменения. Во-первых, платформа переработала свою CMS, чтобы сделать ее значительно быстрее. Согласно Webflow, проекты, использующие CMS, теперь загружаются в редакторе Webflow в 15 раз быстрее и используют в шесть раз меньше оперативной памяти. Это означает, что производительность вашего сайта не пострадает, если вы добавите больше записей в свою CMS.
Это также позволило одновременное редактирование несколькими дизайнерами. Вы можете видеть, где другие участники работают над вашим сайтом, аналогично тому, как вы можете видеть, где другие редакторы работают в Документе Google. Однако вы по-прежнему не можете оставлять заметки или общаться в чате в режиме реального времени, как в Editor X.
Веб-поток: цены
Webflow предлагает два разных типа планов: планы учетной записи и планы сайта. Большинству создателей веб-сайтов потребуется как учетная запись, так и план сайта, что увеличивает стоимость.
План учетной записи дает вам доступ к Webflow и является бесплатным для двух сайтов с двумя страницами на каждом. План Lite стоит 24 доллара в месяц и позволяет вам иметь до 10 сайтов, каждый из которых содержит до 100 страниц. План Pro за 42 доллара в месяц предлагает неограниченное количество сайтов. Существует также план Team, который стоит 42 доллара на пользователя в месяц и предлагает те же функции, что и план Pro.
Планы сайта позволяют подключить собственный домен к вашему веб-сайту. Все тарифные планы сайта оплачиваются за каждый сайт. Существуют планы сайта как для основных веб-сайтов, так и для интернет-магазинов.
Базовый план стоит 15 долларов в месяц , но не включает доступ к CMS Weblow. Для этого вам понадобится план CMS за 20 долларов в месяц . Бизнес-план стоит 45 долларов в месяц и предлагает доступ до 10 авторов контента и пропускную способность до 500 000 посетителей в месяц.
Для электронной коммерции стандартный план стоит 42 доллара в месяц и позволяет продавать до 500 товаров с комиссией за транзакцию в размере 2%. План Plus стоит 84 доллара в месяц и позволяет использовать до 1000 товаров без комиссии за транзакцию. Расширенный план стоит 235 долларов в месяц и позволяет использовать до 3000 товаров без ограничений по годовому доходу.
Все планы Webflow можно оплачивать ежемесячно или ежегодно.
| Тип/функция плана | Аккаунт – Бесплатно | Аккаунт – Lite | Аккаунт – Pro | Сайт – Базовый | Сайт – CMS | Сайт – Бизнес | Сайт – Стандартный | Сайт – Плюс | Сайт – Расширенный | Редактор X — основной | Викс |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Стоимость в месяц | Свободно | 24 доллара | 42 доллара | 15 долларов | 20 долларов | 45 долларов | 42 доллара | $84 | 235 долларов США | 22 доллара | 14 долларов |
| Стоимость в год | Свободно | $192 (скидка 33%) | $420 (скидка 17%) | $144 (скидка 20%) | $192 (скидка 20%) | 432 доллара (скидка 20%) | 348 долларов (скидка 31%) | $888 (скидка 12%) | 2544 доллара США (скидка 10%) | 264 доллара | $168 |
| Места | 2 | 10 | Неограниченный | Н/Д | Н/Д | Н/Д | Н/Д | Н/Д | Н/Д | Неограниченный | Неограниченный |
| записи системы управления контентом | 2000 | 10 000 | 2000 | 10 000 | 10 000 | ||||||
| Аккаунты участников | 1 | 3 | 10 | 3 | 10 | 10 | 1 | 1 | |||
| Электронная торговля | До 500 позиций | До 1000 элементов | До 3000 элементов |
Тестирование веб-потока
Мы создали сайт с нуля, используя Webflow, чтобы узнать, насколько прост в использовании этот конструктор.
Насколько легко использовать Webflow?
Создание веб-сайта с нуля с помощью Webflow требует больше времени, чем с другими конструкторами веб-сайтов, которые мы тестировали. Платформа имеет крутую кривую обучения, а огромное количество вариантов дизайна означает, что невозможно просто добавить несколько изображений и нажать «Опубликовать».
Тем не менее, мы были впечатлены тем, насколько простым в навигации становится Webflow, как только вы к нему привыкнете. Меню боковой панели дает вам доступ ко всем основным функциям редактора: новым элементам контента, настройкам страницы, вашей CMS и настройкам электронной коммерции. Нажмите на любой элемент контента на вашем сайте, и другое меню дизайна предоставит вам все возможности для редактирования этого элемента.
Что нам особенно понравилось в Webflow, так это способ организации контента на ваших страницах. Вы можете создавать неограниченное количество контейнеров, каждый из которых может содержать неограниченное количество элементов контента. Вы можете установить свойства по умолчанию для каждого контейнера, что экономит время на изменение каждого элемента внутри него.
Webflow также поддерживает слои, что упрощает создание уникальных дизайнов с перекрывающимся содержимым.
Насколько отзывчива поддержка Webflow?
Webflow предлагает поддержку клиентов только по электронной почте с понедельника по пятницу. Мы написали по электронной почте и получили ответ в течение 24 часов.
Онлайн-учебники платформы являются всеобъемлющими и хорошо организованными. Серия из более чем 40 коротких видеороликов проведет вас через все, что вам нужно знать, чтобы начать работу с Webflow. Подробная онлайн-база знаний предлагает еще больше информации и содержит короткие видеоклипы.
Альтернативы веб-потоку
Сравнение конструкторов сайтов
Webflow — мощный конструктор веб-сайтов, специально предназначенный для веб-разработчиков, дизайнерских агентств и опытных создателей веб-сайтов. Однако это не единственная платформа, ориентированная на эту демографическую группу.
Editor X, относительно новая платформа от создателей Wix, предлагает такую же гибкость дизайна, как и Webflow, и имеет аналогичную интегрированную среду разработки. Когда дело доходит до совместной работы, Editor X превосходит Webflow. Хотя обе платформы поддерживают одновременное редактирование, только Editor X позволяет вам оставлять заметки об элементах контента и общаться с другими редакторами во время работы.
Однако Editor X не имеет встроенной CMS. Вы можете создавать базы данных в Editor X, но каждая база данных управляется индивидуально, а не интегрируется в общую структуру сайта. Для больших сайтов с большим количеством изображений, продуктов и других цифровых записей Webflow предлагает больше способов работы с вашими данными.
Если вам не нужны все расширенные функции, которые предлагают Webflow и Editor X, вы можете рассмотреть Wix. Этот удобный для начинающих конструктор сайтов, который не требует кодирования для настройки вашего сайта. У вас не будет контроля над точками останова контента, но сайты по умолчанию адаптируются к мобильным устройствам, и у вас есть некоторая гибкость для редактирования мобильного сайта.
Еще одна приятная особенность Wix заключается в том, что он относительно недорогой. Базовые планы веб-сайта начинаются с 14 долларов в месяц по сравнению с 39 долларами в месяц для Webflow (после получения планов учетной записи и сайта). Планы электронной коммерции в Wix начинаются с 23 долларов в месяц по сравнению с 66 долларами в Webflow.
| Веб-поток | Редактор X | Викс | |
|---|---|---|---|
| CMS | (с обновлением) | ||
| Одновременное редактирование | |||
| Поддерживать | Электронная почта, понедельник–пятница | Круглосуточный телефон и электронная почта | Круглосуточный телефон и электронная почта |
| Базовый план | 39 долларов в месяц | 22 доллара в месяц | 14 долларов в месяц |
Webflow: окончательный вердикт
Webflow — чрезвычайно мощный конструктор веб-сайтов, который может многое предложить веб-разработчикам и опытным дизайнерам. С Webflow вы получаете полный контроль над дизайном своего сайта. Редактор перетаскивания дополнен слоями и контейнерами для организации вашего контента. Редактирование точек останова гарантирует, что ваш сайт будет выглядеть именно так, как вы хотите, на любом устройстве.
Кроме того, Webflow предоставляет вам доступ к интегрированной среде разработки и встроенной CMS. Эти инструменты позволяют создавать динамические страницы и легко размещать контент на вашем сайте. Они особенно полезны для больших веб-сайтов с большим количеством данных, которые необходимо поддерживать в порядке.
Имейте в виду, что Webflow не предназначен для начинающих веб-дизайнеров. Платформа довольно проста в использовании, но мощные инструменты дизайна требуют крутой кривой обучения. Хотя вам не обязательно писать код для создания веб-сайта с помощью Webflow, вы получите гораздо больше от платформы, если воспользуетесь преимуществами интегрированной среды разработки. CMS работает лучше всего, если она служит общим ресурсом для дизайнеров, контент-стратегов и разработчиков.
Webflow может быть очень дорогим, но мы считаем, что это лучшая доступная платформа, если вам нужен полный контроль над дизайном и CMS, интегрированная в ваш веб-сайт. Editor X предлагает аналогичную гибкость дизайна, но его индивидуально управляемые базы данных не так гибки, как CMS Webflow. В Wix отсутствуют многие передовые инструменты дизайна, которые предлагает Webflow, и он гораздо больше ориентирован на начинающих создателей сайтов.
Дальнейшее чтение о конструкторах сайтов
Хотите узнать больше о конструкторах сайтов? Ознакомьтесь с нашими руководствами по лучшим разработчикам веб-сайтов электронной коммерции и лучшим разработчикам веб-сайтов для малого бизнеса.
Рассматриваете WordPress? Убедитесь, что вы изучили лучших конструкторов веб-сайтов WordPress и заказали лучший хостинг WordPress от одного из лучших сервисов веб-хостинга.
Мы также поделились нашими главными советами по созданию вашего первого веб-сайта для бизнеса и рассказали о передовых методах создания веб-сайта, удобного для мобильных устройств.