Webflow против WordPress: что лучше? Практическое сравнение (2022)

Webflow — это онлайн-инструмент для создания веб-сайтов, который позволяет создавать красивые адаптивные веб-сайты. Он имеет удобный конструктор веб-сайтов и редактор внешнего интерфейса, большой выбор шаблонов веб-сайтов и поддержку создания интернет-магазинов.

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

Webflow — это современное решение для создания веб-сайтов с множеством интересных функций, но как оно соотносится с самыми популярными CMS на рынке?

В этой статье мы более подробно рассмотрим Webflow и посмотрим, как он сравнивается с собственной версией WordPress.

Что предлагают Webflow и WordPress?

Webflow и WordPress можно использовать для создания стильных профессиональных веб-сайтов без каких-либо знаний в области кодирования. Этот тип службы известен как «система управления контентом» (CMS), поскольку он позволяет пользователям публиковать блоги, новостные веб-сайты, бизнес-сайты, портфолио, интернет-магазины и многое другое с помощью графического пользовательского интерфейса.

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

В Webflow уникальные дизайны создаются с помощью конструктора Webflow. Это современный редактор страниц с перетаскиванием, который позволяет настраивать типографику, цвета, элементы, макеты и многое другое.

В базовой версии WordPress вы можете настроить дизайн своего веб-сайта в настройщике темы WordPress и создавать мультимедийные сообщения и страницы с помощью редактора блоков WordPress (также известного как Gutenberg).

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

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

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

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

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

Если вы никогда раньше не использовали конструктор страниц веб-сайта, вам может сначала показаться, что Webflow Designer немного пугает, поскольку в интерфейсе есть десятки кнопок. Видеоуроки могут помочь вам понять, что все делает, но лучший способ ознакомиться с пользовательским интерфейсом — просто поиграть с готовым шаблоном.

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

В области панели инструментов вы можете настроить параметры веб-сайта, хостинг, биллинг, SEO, резервное копирование, интеграцию со сторонними сервисами и многое другое.

С WordPress вам необходимо установить программное обеспечение, прежде чем вы сможете вводить какие-либо данные о веб-сайте.

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

Если вы хотите писать сообщения и страницы в блоге, редактор блоков WordPress обеспечивает более удобный интерфейс, чем Webflow. С точки зрения дизайна, он менее мощный, однако я считаю, что минимальный подход WordPress к редактированию подойдет блогерам и писателям.

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

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

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

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

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

Шаблоны и пользовательский интерфейс

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

Качество предлагаемых шаблонов высокое, но на выбор предлагается всего около 100 шаблонов веб-сайтов. 46 из этих шаблонов можно загрузить бесплатно, а премиум-темы стоят от 19 до 149 долларов.

Хотя вы найдете некоторые сторонние шаблоны Webflow на таких торговых площадках, как Flowbase, рынок сторонних шаблонов Webflow довольно мал.

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

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

Все, что вам нужно сделать, это нажать на часть вашей страницы, чтобы изменить ее дизайн, размер, цвета и многое другое.

Также есть несколько полезных опций для разработчиков, в том числе менеджер стилей и возможность экспорта кода, такого как HTML, CSS и Javascript. Взаимодействия — моя любимая функция, поскольку они позволяют вам устанавливать триггеры для определенных действий. Например, вы можете анимировать элемент, когда посетитель наводит курсор на часть страницы или прокручивает ее.

Одним из аспектов дизайнера, который меня разочаровал, было управление изображениями. Загрузка изображений проста, но управление существующими изображениями кажется неуклюжим.

Для сравнения, медиагалерея WordPress дает более утонченный опыт.

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

В официальном каталоге тем WordPress есть около 4000 бесплатных тем WordPress, и более 10 000 бесплатных и премиальных дизайнов доступны от сторонних разработчиков.

WordPress упростил процесс установки новых тем. Вы можете установить темы, перечисленные на WordPress.org, непосредственно в области администрирования, а сторонние темы можно загрузить в формате ZIP.

Хотя Webflow Designer более совершенен, чем что-либо изначально предлагаемое в WordPress, пользователи WordPress имеют доступ к плагинам WordPress для создания страниц, таким как Elementor, Divi Builder и Beaver Builder.

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

Например, вот интерфейс редактирования внешнего интерфейса Divi Builder:

Webflow имеет хорошую коллекцию шаблонов веб-сайтов, но у вас нет такого же выбора шаблонов, как у WordPress и других издательских платформ.

С точки зрения дизайна Webflow Designer является фантастическим и более мощным, чем все, что можно найти в основной версии WordPress. Однако вы можете значительно расширить функциональные возможности дизайна в WordPress с помощью плагинов, чего нельзя сделать в Webflow.

Функциональность CMS

Webflow позволяет легко добавлять страницы и назначать их папкам. Этот иерархический способ управления страницами действительно полезен. Для каждой страницы вы можете определить заголовок, слаг страницы и настройки SEO. Страницы также могут быть защищены паролем.

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

Более серьезная проблема заключается в том, что каждый веб-сайт Webflow ограничен 100 страницами (элементы коллекции CMS, такие как сообщения в блогах, меню и портфолио, не считаются страницами). Это несколько произвольное ограничение службы Webflow, которое ограничивает то, что вы можете с ней делать.

Webflow группирует сообщения в блогах с другими типами контента, такими как элементы портфолио, рецепты, члены команды и другие. Поэтому, когда вы хотите добавить новый контент, вам нужно добавить новый элемент «Коллекция CMS».

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

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

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

Хотя он и не такой минималистичный, как платформа для ведения блогов Ghost, я всегда находил написание контента в блочном редакторе WordPress удовольствием.

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

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

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

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

Электронная торговля

Webflow позволяет создать интернет-магазин одним нажатием кнопки. Планы начинаются с эффективной ставки 29 долларов в месяц, что примерно равно стоимости использования альтернативных решений для электронной коммерции, таких как BigCommerce, Shopify и Squarespace.

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

Webflow позволяет принимать платежи из более чем 200 стран с использованием кредитных карт, Stripe, Apple Pay, Google Pay и PayPal.

За каждый проданный продукт взимается комиссия за транзакцию в размере 2%, но эта комиссия снимается, если вы переходите на план Ecommerce Plus.

Несмотря на то, что Webflow является интересным вариантом электронной коммерции, WordPress остается самой популярной платформой веб-сайтов для владельцев магазинов.

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

Причина, по которой так много людей используют решения для электронной коммерции WordPress, такие как WooCommerce и Easy Digital Downloads, заключается в гибкости. Доступны тысячи бесплатных и премиальных плагинов WordPress, которые помогут вам значительно расширить функциональность, что дает владельцам магазинов открытую основу для их магазина.

Хотя WooCommerce и Easy Digital Downloads можно загрузить и использовать бесплатно, имейте в виду, что вам может потребоваться приобрести плагины премиум-класса, чтобы получить необходимую вам функциональность. Это может значительно увеличить стоимость работы вашего магазина.

Служба поддержки

Какую бы платформу вы ни выбрали, важно иметь доступ к качественной поддержке.

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

К сожалению, Webflow не обеспечивает круглосуточную поддержку 7 дней в неделю. Их система поддержки билетов активна с 6:00 до 18:00 (по тихоокеанскому времени) с понедельника по пятницу. Webflow стремится предоставить ответ на запросы в службу поддержки в период от 24 до 48 рабочих часов, а это означает, что запросы, созданные в пятницу, не могут быть отвечены до следующего вторника. Это немного разочаровывает, особенно учитывая, что такие конкуренты, как Squarespace и WordPress.com, предлагают круглосуточную поддержку без выходных.

Положительным моментом является то, что в Webflow есть активный дискуссионный форум, где вы можете попросить о помощи, и есть регулярные мероприятия сообщества, которые вы можете посещать. Существует также инструмент состояния, который поможет вам проверить рабочее состояние службы.

Так как же пользователи WordPress могут получить помощь?

WordPress.org может похвастаться большой областью документации, которая поможет вам изучить платформу и устранить распространенные проблемы, с которыми вы можете столкнуться. Поскольку WordPress является самым популярным способом создания веб-сайтов, быстрый поиск в Интернете также выдаст десятки тысяч учебных пособий по WordPress (блог aThemes — отличное место для начала!).

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

Поскольку самостоятельная версия WordPress является решением с открытым исходным кодом, нет возможности получить прямую помощь от самого WordPress, однако подавляющее большинство компаний, предоставляющих хостинг веб-сайтов, помогают клиентам устранять проблемы с WordPress. Уровень поддержки, которую вы получаете, варьируется от компании к компании, но управляемые услуги хостинга WordPress, такие как WP Engine, предлагают клиентам поддержку 24/7.

Webflow имеет отличную поддержку и область документации, однако я хотел бы, чтобы они сократили время ответа на запросы и предлагали поддержку по выходным.

Для большинства владельцев веб-сайтов WordPress поддержка предоставляется их хостинговой компанией. Поэтому вам следует учитывать качество поддержки при выборе хостинга для вашего веб-сайта WordPress.

Расходы

Webflow имеет прозрачную ценовую политику: их годовое членство стоит примерно на 20% меньше, чем месячный вариант.

Зарегистрироваться в Webflow и создать два уникальных проекта можно бесплатно. Имейте в виду, что бесплатная учетная запись предназначена только для тестирования. Он не позволяет добавлять страницы и ограничивает некоторые другие функции.

Вы можете увеличить количество проектов до 10 за 24 доллара в месяц и добавить неограниченное количество проектов за 42 доллара в месяц. Эти цены снижаются до эффективной ставки 16 долларов в месяц и 35 долларов в месяц, если вы платите ежегодно.

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

Когда вы будете готовы опубликовать свой проект в Интернете, вам нужно будет выбрать один из трех доступных планов сайта. Эти планы продаются по цене 15, 20 и 45 долларов в месяц. Если вы платите ежегодно, эффективные ставки этих планов уменьшаются до 12, 16 и 36 долларов в месяц.

С точки зрения трафика, цены Webflow очень конкурентоспособны. Их базовый план позволяет 25 000 посетителей в месяц, их план CMS позволяет 100 000, а их бизнес-план позволяет колоссальные 1 000 000.

Однако Webflow ограничивает планы другими способами. Например, план «Базовый» не позволяет посетителям выполнять поиск по вашему контенту, и вы не можете позволить другим людям редактировать ваш веб-сайт. Это делает план CMS более практичным выбором для пользователей начального уровня, поскольку он добавляет поиск, позволяет использовать три редактора контента и позволяет хранить 2000 элементов коллекции (сообщения в блогах, элементы меню, элементы портфолио и т. д.).

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

Для тех, кто хочет продавать товары на своем веб-сайте, доступны три плана электронной коммерции. Они продаются по цене 42, 83 и 235 долларов в месяц. При ежегодной оплате эти планы снижаются до эффективной ставки 29, 74 и 212 долларов в месяц.

Стандартный план электронной коммерции основан на плане CMS. Это позволяет 500 продуктов, 3 учетных записи сотрудников и ежегодные продажи в размере 50 000 долларов США.

План Plus основан на бизнес-плане. Он убирает комиссию за транзакцию в размере 2% и увеличивает количество ваших продуктов до 1000, количество счетов персонала до 10 и годовой объем продаж до 200 000 долларов. Расширенный план позволяет использовать 3000 товаров, 15 учетных записей сотрудников и неограниченные годовые продажи.

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

Хотя WordPress можно загрузить бесплатно, вам необходимо принять во внимание множество других вещей. Эффективная стоимость использования WordPress потенциально может быть меньше, чем у Webflow, или значительно больше.

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

Например, всего за 9,99 долларов в месяц план SiteGround GrowBig предоставляет 20 ГБ хранилища, неограниченное количество установок веб-сайта и 100 000 посетителей в месяц. Напротив, Kinsta взимает 100 долларов в месяц за 30 ГБ хранилища, 5 установок WordPress и 100 000 посетителей в месяц.

Стоимость работы интернет-магазина с WordPress также сильно различается. Вы можете создать простой интернет-магазин, используя бесплатные плагины, такие как WooCommerce и Easy Digital Downloads, но в конечном итоге вы можете тратить тысячи долларов каждый год, чтобы получить дополнительные функции, необходимые для работы вашего магазина.

Заключительные мысли: Webflow против WordPress

Webflow и WordPress — отличные решения для создания веб-сайтов.

Сравнивать стоимость двух решений всегда сложно, так как нужно учитывать очень много факторов. Чтобы помочь вам принять правильное решение, подумайте о типе веб-сайта, который вы хотите создать, о своем бюджете и о том, насколько практичным вы хотите быть в обслуживании веб-сайта. Вы можете обнаружить, что Webflow лучше подходит для одних проектов, а WordPress — для других.

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

Плюсы веб-потока:

• Веб-дизайнер превосходен
• Подходит для начинающих
• Доступные тарифные планы

Минусы веб-потока:

• Написание длинных статей может разочаровать
• Ограничено 100 страницами
• Относительно небольшой выбор шаблонов сайтов

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

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

Плюсы WordPress:

• Огромный выбор шаблонов сайтов и плагинов
• Самое большое сообщество веб-сайтов в Интернете
• Более гибкие, чем решения для размещенных веб-сайтов

Минусы WordPress:

• Требует регулярных обновлений и проверок безопасности
• Чувствует себя немного раздутым в некоторых областях
• Хотя небольшие сайты могут быть дешевыми в эксплуатации, веб-сайты WordPress, как правило, обходятся дороже.

Обязательно протестируйте обе платформы, чтобы узнать больше об их возможностях. Вы можете бесплатно зарегистрироваться и создать тестовый веб-сайт с помощью Webflow.

WordPress также можно загрузить бесплатно. Вы можете протестировать его бесплатно, используя локальную среду разработки, такую ​​как WAMP или XAMPP, или воспользовавшись бесплатной пробной версией, предлагаемой хостинговыми компаниями.

Удачи.

Кевин