Обзор Webflow 2022: особенности, плюсы и минусы

Webflow уникален по одной простой причине — степени свободы творчества, которую он предоставляет. Отсюда и этот подробный обзор Webflow.

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

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

Ты выучишь:

• Различные функции и преимущества
• Тарифные планы
• Все плюсы и минусы
• Webflow против популярных альтернатив.

Вы готовы? Давайте начнем.

Обзорные таблицы

Особенности веб-потока

Ценообразование веб-потока

Плюсы и минусы веб-потока

Особенности и преимущества (плюс-рейтинги)

Дизайн и настройка шаблонов | 4,8/5

Webflow имеет более 1000 доступных шаблонов. 45 из них бесплатные.

Внутри панели управления Webflow или нового проекта вы можете просматривать и выбирать из списка шаблонов. Вы также можете решить, стоит ли строить с нуля.

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

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

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

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

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

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

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

Удобство для пользователя (простота использования) | 4/5

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

Тем не менее, я скажу, что интерфейс хорошо продуман.

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

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

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

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

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

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

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

Webflow становится намного проще, когда вы создаете с его помощью больше веб-страниц.

SEO – Возможности поисковой оптимизации | 4,5/5

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

Некоторые из элементов, которые вы можете редактировать непосредственно в конструкторе Webflow, включают:

• Мета-заголовки
• Метаописания
• Альтернативные тексты
• Канонические теги
• 301 редиректы
• Карты сайта

Webflow выделяется тем, что имеет расширенные функции SEO-оптимизации.

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

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

Во-вторых, Webflow поддерживает SEO-интеграцию, такую ​​как Google Analytics.

Вы также можете оптимизировать настройки SEO для каждой страницы вашего сайта.

Особенности электронной коммерции | 4/5

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

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

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

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

Всего 13 шагов, разделенных на три основные категории: настройка, проектирование и запуск.

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

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

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

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

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

Webflow CMS или редактор | 4,5/5

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

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

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

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

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

Обслуживание клиентов и документы | 3,5/5

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

Вдобавок ко всему, поддержка по электронной почте не доступна в Webflow каждый день недели или даже 24/7. Работает по 12 часов в день с понедельника по пятницу. Любая проблема выходного дня должна быть решена до понедельника. Онлайн-чат или поддержка по телефону доступны только для предприятий.

Яркой стороной является то, что у Webflow есть Webflow University, обширный сборник проектной документации и учебных пособий. Почти любая проблема, которая у вас есть, может быть решена, если вы ищете ее в базе учебников. У Webflow также есть канал на YouTube для видеоуроков.

Webflow пытается компенсировать отсутствие круглосуточной поддержки с помощью Webflow University. Хотя почти все проблемы объясняются в учебнике и базе документов, я думаю, что Webflow все же должен продлить часы поддержки по электронной почте и включить варианты поддержки по телефону и в чате. Что вы думаете?

Безопасность | 4,5/5

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

Во-первых, Webflow предлагает интегрированные планы хостинга, созданные с помощью Amazon Web Services (AWS), одной из самых безопасных платформ хостинга. Вы также получаете бесплатный годовой SSL-сертификат для шифрования конфиденциальных данных при покупке плана хостинга.

Во-вторых, Webflow совместим с SOC-2. Конструктор сайтов соответствует строгим стандартам, таким как высокая безопасность, конфиденциальность и конфиденциальность.

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

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

API-интеграции | 4,5/5

Webflow напрямую интегрируется с более чем 200 приложениями, включая Calendly, Shopify, Hubspot, Printful, MailChimp и AWeber.

Более того, Webflow интегрируется с Zapier. Zapier — это приложение SaaS, которое объединяет API разных приложений. Поскольку Webflow интегрируется с Zapier, вы можете косвенно связать Webflow с 5000 других приложений.

Планы хостинга Webflow | 4/5

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

Webflow дает вам два варианта. Вы либо покупаете хостинг у внешнего провайдера, такого как Hostinger, либо покупаете хостинг у Webflow.

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

Пакеты хостинга Webflow предлагают впечатляющие возможности:

• 100+ дата-центров
• Гарантия безотказной работы 99,99%
• Высокая скорость загрузки страниц и низкая задержка
• Бесплатный SSL-сертификат на один год

Мы обсудим планы хостинга более подробно в следующем разделе.

Тарифные планы

Создание и дизайн сайтов в Webflow совершенно бесплатны. Однако вы не можете запустить ни один из них, не купив тарифный план.

Тарифные планы Webflow делятся на две основные группы:

• Планы сайта
• Планы рабочего места

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

Планы сайта делятся на четыре:

• Стартер
• Базовый
• CMS
• Бизнес

Starter — это бесплатная версия, которая позволяет разместить на webflow.io один сайт с максимальным количеством страниц 3. Вы получаете бесплатный поддомен, максимум 1000 посещений в месяц, пропускную способность CDN до 1 ГБ и максимум 50 элементов CMS. Элементами CMS могут быть сообщения в блогах, проекты или отзывы клиентов.

Базовый стоит 15 долларов в месяц. Вы получаете персональный домен, размещенный в Webflow, и пропускную способность CDN 50 ГБ. Вы не можете использовать CMS на этом уровне, но он допускает до 25 000 посещений в месяц.

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

При покупке плана CMS вы получаете личный домен и пропускную способность CDN 200 ГБ. Вы также получаете до 2000 элементов CMS и трех гостевых редакторов. Максимальное разрешенное количество посещений веб-сайта в месяц составляет 100 000 в месяц.

Следующий уровень — Business, который стоит 45 долларов в месяц. Вы получаете до 10 000 элементов CMS, десять гостевых редакторов и пропускную способность CDN 400 ГБ. На ваш сайт разрешено до 250 000 посещений в месяц.

CMS и Business используют глобальные CDN, а Starter и Basic — региональные. Кроме того, только CMS и Business получают неограниченное количество резервных копий. В остальном количество сохраняемых резервных файлов ограничено двумя.

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

Планы электронной коммерции делятся на:

• Стандарт
• Плюс
• Передовой

Стандарт стоит 29 долларов в месяц. Вы можете добавить до 500 товаров, но вы должны заплатить комиссию за транзакцию в размере 2%. Годовой объем продаж не может превышать 50 000 долларов США. Вы также получаете все функции плана сайта CMS.

Плюс стоит 74 доллара в месяц. Вы получаете все функции бизнес-плана, до 1000 товаров, 0% комиссий за транзакции и годовой объем продаж не более 200 000 долларов США.

Расширенный стоит 212 долларов в месяц. Вы получаете все функции бизнес-плана, до 3000 единиц продаж, 0% комиссии за транзакции и неограниченный годовой объем продаж.

Все планы электронной коммерции Webflow поддерживают таких платежных систем, как PayPal, Stripe и ApplePay. Все они позволяют создавать собственные тележки для покупок и страницы оформления заказа. Все они имеют автоматический расчет налогов, а также поддержку маркетинговых приложений, таких как Facebook и Instagram.

Планы рабочего места определяют, как вы работаете со своей командой. Они делятся на:

• Стартер
• Основной
• Рост

Starter имеет только одно рабочее место (также называемое пользователем) и позволяет использовать до 2 сайтов без хостинга. Это стоит 0 долларов. К вашему сведению, сайт без хостинга все еще разрабатывается и еще не запущен.

Core позволяет использовать до 3 рабочих мест и 10 нехостинговых сайтов. Вы должны платить 28 долларов в месяц за место. Вы можете добавить свой код или экспортировать его.

Рост стоит 60 долларов в месяц за рабочее место. У вас может быть до 9 рабочих мест и неограниченное количество неразмещенных сайтов. Рост лучше всего подходит для растущих дизайнерских компаний и агентств.

Все эти планы можно комбинировать так, как вы считаете нужным.

Плюсы и минусы веб-потока

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

Webflow дает вам 100% творческую свободу

Вы можете создать сайт с нуля или выбрать полностью настраиваемый шаблон.

Все шаблоны Webflow адаптированы для мобильных устройств.

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

Webflow поддерживает анимацию веб-страниц и взаимодействие.

Представьте, что вы можете добавлять взаимодействия и анимацию, даже не зная ни строчки JavaScript. Потрясающе, правда?

Webflow поддерживает более 5000 интеграций

Webflow напрямую интегрируется с более чем 200 приложениями и косвенно интегрируется с 5000 других приложений через Zapier.

Сайты, размещенные на Webflow, очень безопасны

Webflow совместим с SOC-2. Он постоянно отслеживает веб-сайты на наличие угроз и регулярно сохраняет файлы резервных копий.

Webflow предлагает пошаговую настройку сайта электронной коммерции.

Webflow упрощает настройку и запуск полнофункционального интернет-магазина.

Есть встроенная CMS и редактор

Webflow имеет встроенную CMS для организации и редактирования контента на вашем сайте.

Webflow имеет бесплатную версию; он также бесплатно поддерживает строительные сайты

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

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

Webflow не поддерживает перетаскивание

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

Обслуживание клиентов Webflow нуждается в улучшении.

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

Он пока не поддерживает amp-страницы.

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

Webflow дороже, чем многие конструкторы сайтов.

Многие конструкторы веб-сайтов, такие как Zyro, WordPress и SquareSpace, дешевле, чем Webflow.

Webflow против других конструкторов сайтов: альтернативы Webflow

Webflow против SquareSpace

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

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

Шаблоны SquareSpace не очень гибкие, поэтому у вас не будет большой свободы творчества. Тем не менее, он прост в использовании и предлагает больше функций по более низкой цене. Цены SquareSpace варьируются от 16 до 65 долларов в месяц.

Не стесняйтесь пройти наш подробный обзор SquareSpace.

Подробнее: Webflow vs Squarespace — что лучше для начинающих? (2022)

Webflow против Shopify,

Наиболее важным USP для Webflow является творческая свобода. Вы можете построить свой магазин так, как хотите, потому что шаблоны на 100% настраиваются. Кроме того, Webflow предлагает обширную CMS.

Тем не менее, Shopify имеет более комплексные функции, которые идеально подходят для крупных сайтов электронной коммерции. Они включают в себя перекрестные продажи и более 100 вариантов оплаты.

Shopify предлагает поддержку 24/7, чего нет у Webflow. У него также есть магазин приложений с более чем 3000 приложений, которые вы можете установить, чтобы расширить функциональность своего интернет-магазина.

Однако у Webflow более низкие комиссии за транзакции, чем у Shopify. Вы хотите знать больше? Ознакомьтесь с нашим обзором Shopify.

Веб-поток против WordPress

WordPress — крупнейший конструктор веб-сайтов и CMS на рынке сегодня. 30% всех сайтов в мире работают на WordPress. Тем не менее, вот несколько причин, по которым вам следует выбрать Webflow, а не WordPress.

• 100% творческая свобода
• Строгий режим
• Встроенные функции вместо нескольких плагинов,

Однако WordPress более доступен, чем Webflow.

Подробнее: Webflow против WordPress

Webflow против Wix

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

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

Кроме того, Wix не имеет такой обширной интеграции, как Webflow. Он не может интегрироваться с Zapier.

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

Webflow против Zyro

Zyro лучше всего подходит для владельцев веб-сайтов с ограниченным бюджетом. Тарифные планы начинаются с 2,61 доллара в месяц, а самый высокий — 14,31 доллара в месяц.

Ассортимент шаблонов Zyro меньше, чем у Webflow. Zyro имеет около 100+ шаблонов, а Webflow — 1000.

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

Обзор Webflow: для кого лучше всего подходит Webflow?

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

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

Подведение итогов

Webflow стал одним из самых популярных разработчиков веб-сайтов в мире, несмотря на то, что он был основан в 2013 году, менее десяти лет назад. Конструктор веб-сайтов обслуживал тысячи компаний, включая Upwork, Dell и Zendesk.

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

Часто задаваемые вопросы