Webflow vs WordPress: qual é melhor? Comparação prática (2022)

O Webflow é uma ferramenta de criação de sites online que permite criar belos sites responsivos. Ele apresenta um construtor e editor de sites de front-end fácil de usar, uma grande variedade de modelos de sites e suporte para a criação de lojas online.

Embora seja gratuito se inscrever no Webflow e criar um site, você precisará se inscrever em um plano premium se quiser publicar seu site online.

O Webflow é uma solução moderna de criação de sites com muitos recursos fascinantes, mas como ela se compara ao CMS mais popular do mercado?

Neste artigo, analisamos mais de perto o Webflow e vemos como ele se compara à versão auto-hospedada do WordPress.

O que o Webflow e o WordPress oferecem?

O Webflow e o WordPress podem ser usados ​​para criar sites profissionais elegantes sem nenhum conhecimento de codificação. Esse tipo de serviço é conhecido como 'sistema de gerenciamento de conteúdo' (CMS) porque permite que os usuários publiquem blogs, sites de notícias, sites de negócios, portfólios, lojas online e muito mais usando uma interface gráfica de usuário.

Modelos de sites pré-fabricados de alta qualidade estão disponíveis em ambas as plataformas, mas se preferir, você pode criar seu site do zero.

No Webflow, designs exclusivos são criados usando o Webflow Designer. É um editor moderno de arrastar e soltar que permite personalizar tipografia, cores, elementos, layouts e muito mais.

Na versão principal do WordPress, você pode ajustar o design do seu site no personalizador de temas do WordPress e criar postagens e páginas ricas em mídia usando o editor de blocos do WordPress (também conhecido como Gutenberg).

O Webflow é, sem dúvida, uma solução mais simples de usar, pois a maioria das tarefas administrativas são tratadas para você. Isso inclui hospedagem de sites, certificados SSL, otimização de mecanismos de pesquisa e backups de sites.

O WordPress é uma solução mais flexível, pois você pode expandir seu site de milhares de maneiras diferentes usando plugins. Você precisa adotar uma abordagem mais prática com atualizações, segurança e manutenção geral do site. Nos últimos anos, as empresas de hospedagem WordPress gerenciadas assumiram muitas dessas responsabilidades, então não é um problema tão grande quanto antes.

Fácil de usar

Inscrever-se no Webflow é muito fácil. Você só precisa digitar seu e-mail, senha desejada e nome. Você será solicitado a responder a algumas perguntas sobre sua experiência técnica e o tipo de site que deseja criar.

Embora o Webflow permita criar um site usando uma tela em branco, seria melhor para iniciantes selecionar um dos modelos disponíveis.

Se você nunca usou um construtor de páginas de site antes, pode achar o Webflow Designer um pouco assustador no início, pois a interface possui dezenas de botões. Os tutoriais em vídeo podem ajudá-lo a entender o que tudo faz, mas a melhor maneira de se familiarizar com a interface do usuário é apenas brincar com um modelo pré-fabricado.

Tudo relacionado à publicação de conteúdo pode ser encontrado no Webflow Designer. Isso inclui o design do seu site, páginas, coleções de CMS e produtos de comércio eletrônico. Postagens de blog, categorias, projetos, eventos, listagens e outros tipos de conteúdo podem ser criados usando coleções do CMS.

Na área do painel, você pode definir as configurações do site, hospedagem, cobrança, SEO, backups, integrações com serviços de terceiros e muito mais.

Com o WordPress, você precisa instalar o software antes de inserir os detalhes do site.

A maioria das empresas de hospedagem de sites instalará o WordPress para você, o que evita que você precise fazer isso manualmente.

Se você deseja escrever postagens e páginas de blog, o editor de blocos do WordPress oferece uma experiência mais amigável do que o Webflow. Do ponto de vista do design, é menos poderoso, no entanto, acredito que a abordagem mínima de edição do WordPress se adequará a blogueiros e escritores.

A maioria dos temas do WordPress permite que você modifique o design do seu site usando o personalizador de temas do WordPress. Assim como o editor de blocos, o Personalizador é fácil de usar, mas às vezes pode ser complicado alternar continuamente entre as configurações.

O menu principal de administração do WordPress pode ser encontrado no lado esquerdo da área de administração. Tudo pode ser controlado a partir daqui, incluindo posts, páginas, temas, plugins e configurações.

Os iniciantes devem se sentir à vontade para configurar o WordPress, mas como o WordPress é uma solução auto-hospedada, você precisa adotar uma abordagem mais prática para segurança, atualizações e desempenho.

Com o sistema de atualização automatizada do WordPress e as empresas de hospedagem gerenciadas do WordPress cuidando da hospedagem, segurança e backups, gerenciar um site WordPress é muito mais fácil do que era antes.

Embora o WordPress tenha um editor e personalizador de temas fáceis de usar, o Webflow é, sem dúvida, mais fácil de usar. O serviço cuida de todas as principais tarefas administrativas para que você possa se concentrar em seu site.

Modelos e interface do usuário

O sistema de templates do Webflow é fantástico. Para cada modelo, você pode ver uma descrição, visualizações de captura de tela e uma lista de recursos. Os modelos podem ser visualizados no navegador ou no Webflow Designer.

A qualidade dos modelos oferecidos é alta, mas existem apenas cerca de 100 modelos de sites para escolher. 46 desses modelos são gratuitos para download, com temas premium que variam entre US$ 19 e US$ 149.

Embora você encontre alguns modelos de Webflow de terceiros em mercados como o Flowbase, o mercado para modelos de Webflow de terceiros é bastante escasso.

O Webflow Designer é uma solução de publicação completa. É onde você adiciona conteúdo, adiciona produtos da loja e faz alterações no design do seu site. Está no coração do Webflow e é um ótimo ponto de venda do serviço, embora demore um pouco para carregar a interface inicialmente.

Um grande número de elementos está disponível, incluindo animações, transições CSS, símbolos, imagens, vídeos e outras mídias. Layouts pré-fabricados podem ser usados ​​para construir páginas em segundos e a estrutura da página pode ser visualizada usando o navegador embutido.

Tudo o que você precisa fazer é clicar em uma parte da sua página para alterar seu design, tamanho, cores e muito mais.

Também existem algumas opções úteis para desenvolvedores, incluindo um gerenciador de estilos e uma opção para exportar código como HTML, CSS e Javascript. As interações são meu recurso favorito, pois permitem definir gatilhos para determinadas ações. Por exemplo, você pode animar um elemento quando um visitante passa o mouse sobre uma parte da página ou quando está rolando.

Um aspecto do designer que achei frustrante foi o gerenciamento de imagens. O upload de imagens é simples, mas o gerenciamento de imagens existentes parece desajeitado.

Em comparação, a galeria de mídia do WordPress oferece uma experiência mais refinada.

Como o WordPress tem a maior comunidade de proprietários e desenvolvedores de sites online, você tem acesso a uma enorme coleção de temas e plugins gratuitos e premium.

Existem cerca de 4.000 temas gratuitos do WordPress no diretório oficial de temas do WordPress e mais de 10.000 designs gratuitos e premium estão disponíveis de desenvolvedores de terceiros.

O WordPress simplificou o processo de instalação de novos temas. Você pode instalar os temas listados no WordPress.org diretamente na área de administração e os temas de terceiros podem ser carregados no formato ZIP.

Embora o Webflow Designer seja mais polido do que qualquer coisa oferecida nativamente no WordPress, os usuários do WordPress têm acesso a plugins WordPress de criação de páginas, como Elementor, Divi Builder e Beaver Builder.

Esses editores de página de front-end desbloqueiam milhares de novas opções de design para você e oferecem opções de design mais avançadas do que o Webflow, como sistemas de modelagem, integração de marketing aprimorada e grandes bibliotecas de layout.

Por exemplo, aqui está a interface de edição frontend do Divi Builder:

O Webflow tem uma boa coleção de modelos de sites, mas você não obtém a mesma escolha de modelos que obtém com o WordPress e outras plataformas de publicação.

Do ponto de vista do design, o Webflow Designer é fantástico e mais poderoso do que qualquer coisa encontrada na versão principal do WordPress. No entanto, você pode expandir significativamente a funcionalidade de design no WordPress usando plugins – algo que você não pode fazer no Webflow.

Funcionalidade CMS

O Webflow permite adicionar páginas facilmente e atribuí-las a pastas. Essa maneira hierárquica de gerenciar páginas é muito útil. Para cada página, você pode definir o título, o slug da página e as configurações de SEO. As páginas também podem ser protegidas por senha.

As páginas são editadas da mesma forma que seus layouts. Em alguns casos, isso pode ser útil, pois permite que você veja como seu conteúdo ficará em seu site, mas pode ser uma experiência frustrante se você estiver escrevendo um artigo longo, especialmente porque as opções de formatação de texto são limitadas a negrito, itálico, e inserção de links.

Um problema maior é que todo site do Webflow é limitado a 100 páginas (itens de coleção do CMS, como postagens de blog, menus e portfólios, não contam como páginas). É uma restrição um tanto arbitrária do serviço Webflow e algo que limita o que você pode fazer com ele.

O Webflow agrupa postagens de blog com outros tipos de conteúdo, como itens de portfólio, receitas, membros da equipe e outros. Então, quando você quiser adicionar um novo conteúdo, você precisa adicionar um novo item “CMS Collection”.

Essa configuração funciona muito bem na prática, mas escrever conteúdo aprofundado ainda é restritivo. Independentemente de você editar no back-end ou front-end do seu site, apenas algumas opções de formatação estão disponíveis e há muitas coisas acontecendo na página para permitir que você se concentre na escrita.

Por outro lado, o WordPress é um verdadeiro sistema de gerenciamento de conteúdo. Não há restrições sobre quantas postagens, páginas, usuários ou imagens você adiciona. Os tipos de postagem personalizados permitem que os desenvolvedores adicionem outros tipos de conteúdo usando plugins do WordPress. Isso permite que o WordPress seja transformado em sites de associação, fóruns de discussão e muito mais.

O WordPress pode ficar um pouco inchado à medida que você adiciona mais plugins, mas não há como negar que é uma das soluções mais poderosas e flexíveis disponíveis online. Você pode até integrar o Webflow em um site WordPress.

Embora não seja tão mínimo quanto a plataforma de blogs Ghost, sempre achei que escrever conteúdo no editor de blocos do WordPress é uma alegria.

O modo de edição de tela cheia remove o menu de administração do WordPress para que tudo o que você veja seja o seu artigo. Sempre que você quiser adicionar conteúdo de mídia avançada, basta clicar no ícone + na parte superior da página para carregar os blocos de conteúdo disponíveis.

O editor clássico ainda está disponível para aqueles que preferem escrever em um editor de estilo “o que você vê é o que você obtém” (WYSIWYG), e você também pode editar o conteúdo no frontend do seu site usando um plugin WordPress para construtor de páginas.

O Webflow é uma solução capaz que permite adicionar vários tipos de conteúdo. O limite de 100 páginas é algo que você deve estar ciente, embora essa restrição não seja um problema para a maioria dos proprietários de sites, principalmente porque conteúdos como projetos, clientes, listagens e eventos são armazenados como itens de coleção.

WordPress é um sistema de gerenciamento de conteúdo mais poderoso. Não há restrições sobre quantos itens você adiciona, e os tipos de postagem personalizados do WordPress permitem expandir a plataforma de muitas maneiras maravilhosas. Escrever conteúdo de formato longo também é uma experiência mais agradável.

Comércio eletrônico

O Webflow permite que você crie uma loja online com o clique de um botão. Os planos começam com uma taxa efetiva de US$ 29 por mês, que é aproximadamente o mesmo custo do uso de soluções alternativas de comércio eletrônico, como BigCommerce, Shopify e Squarespace.

Itens físicos e digitais podem ser vendidos em sua loja Webflow. Você pode adicionar novos produtos e categorias a qualquer momento e definir campos de produtos personalizados, variantes de produtos, preços de venda, cupons e promoções. As regras também podem ser definidas para tributação e envio para cada região do mundo, e todos os pedidos podem ser visualizados em uma página de pedidos dedicada.

O Webflow permite que você aceite pagamentos de mais de 200 países usando cartões de crédito, Stripe, Apple Pay, Google Pay e PayPal.

Há uma taxa de transação de 2% para cada produto vendido, mas essa taxa é removida se você fizer upgrade para o plano Ecommerce Plus.

Embora o Webflow seja uma opção interessante de comércio eletrônico, o WordPress continua sendo a plataforma de site mais popular para os donos de lojas.

Isso se deve principalmente ao plugin WooCommerce do WordPress de comércio eletrônico, que alimenta mais lojas online do que qualquer outra solução. É um plug-in fácil de usar que permite criar qualquer coisa, desde lojas simples até mercados on-line avançados.

A razão pela qual tantas pessoas usam as soluções de comércio eletrônico do WordPress, como WooCommerce e Easy Digital Downloads, é a flexibilidade. Milhares de plugins WordPress gratuitos e premium estão disponíveis para ajudá-lo a expandir significativamente a funcionalidade, o que oferece aos donos de lojas uma tela aberta para sua loja.

Embora o WooCommerce e o Easy Digital Downloads sejam gratuitos para download e uso, esteja ciente de que pode ser necessário comprar plugins premium para obter a funcionalidade necessária. Isso pode aumentar muito o custo de funcionamento de sua loja.

Apoio, suporte

Seja qual for a plataforma escolhida, é importante ter acesso a suporte de alta qualidade.

Para entender melhor o que o Webflow pode fazer, recomendo verificar a Webflow University, pois ela apresenta centenas de cursos em vídeo, lições e tutoriais para ajudá-lo a aproveitar ao máximo a plataforma. Você também deve conferir o blog do Webflow, pois eles publicam regularmente dicas úteis e exemplos de sites que foram criados usando o Webflow.

Infelizmente, o Webflow não oferece suporte 24 horas por dia, 7 dias por semana. Seu sistema de tickets de suporte está ativo entre 6h e 18h (horário do Pacífico) de segunda a sexta-feira. O Webflow visa dar uma resposta aos tickets de suporte entre 24 e 48 horas úteis, o que significa que os tickets criados em uma sexta-feira não poderão ser respondidos até a terça-feira seguinte. Isso é um pouco decepcionante, principalmente porque concorrentes como Squarespace e WordPress.com oferecem suporte 24 horas por dia, 7 dias por semana.

Em uma nota positiva, o Webflow tem um fórum de discussão ativo onde você pode pedir ajuda, e há eventos regulares da comunidade em que você pode participar. Há também uma ferramenta de status para ajudá-lo a verificar o status operacional do serviço.

Então, como os usuários do WordPress obtêm ajuda?

O WordPress.org possui uma grande área de documentação que ajuda você a conhecer a plataforma e solucionar problemas comuns que você pode enfrentar. Com o WordPress sendo a maneira mais popular de construir sites, uma pesquisa rápida online também trará dezenas de milhares de tutoriais do WordPress (o blog aThemes é um ótimo lugar para começar!).

Se você precisar de suporte, pode pedir ajuda nos fóruns de suporte do WordPress.org, embora esteja ciente de que obter um bom suporte nos fóruns de suporte oficiais pode ser um pouco imprevisível, pois a ajuda é fornecida por outros usuários do WordPress.

Como a versão auto-hospedada do WordPress é uma solução de código aberto, não há como obter ajuda direta do próprio WordPress, no entanto, a grande maioria das empresas de hospedagem de sites ajuda os clientes a solucionar problemas do WordPress. O nível de suporte que você recebe varia de empresa para empresa, mas os serviços gerenciados de hospedagem do WordPress, como o WP Engine, oferecem aos clientes suporte 24 horas por dia, 7 dias por semana.

O Webflow tem uma ótima área de suporte e documentação, no entanto, adoraria vê-los reduzir seus tempos de resposta aos tickets e oferecer suporte também nos finais de semana.

Para a maioria dos proprietários de sites WordPress, o suporte é fornecido pela empresa de hospedagem. Você deve, portanto, levar em consideração a qualidade do suporte ao selecionar um host para seu site WordPress.

Custo

O Webflow tem uma política de preços transparente, com sua assinatura anual custando cerca de 20% menos que a opção mensal.

É grátis se inscrever no Webflow e criar dois projetos exclusivos. Esteja ciente de que a conta gratuita é realmente apenas para testes. Ele não permite que você adicione páginas e restringe alguns outros recursos também.

Você pode aumentar o número de projetos para 10 por US$ 24 por mês e adicionar projetos ilimitados por US$ 42 por mês. Esses preços são reduzidos a uma taxa efetiva de $ 16 por mês e $ 35 por mês se você pagar anualmente.

Usuários extras também podem ser adicionados ao plano Pro superior se você precisar colaborar com os membros da equipe.

Quando estiver pronto para publicar seu projeto online, você precisará escolher um dos três planos de site disponíveis. Esses planos são vendidos por US $ 15, US $ 20 e US $ 45 por mês. Se você pagar anualmente, as taxas efetivas desses planos serão reduzidas para US$ 12, US$ 16 e US$ 36 por mês.

Do ponto de vista do tráfego, o preço do Webflow é altamente competitivo. Seu plano Básico permite 25.000 visitantes mensais, seu plano CMS permite 100.000 e seu plano de negócios permite 1.000.000.

O Webflow restringe os planos de outras maneiras, no entanto. Por exemplo, o plano Básico não permite que os visitantes pesquisem seu conteúdo e você não pode permitir que outras pessoas editem seu site. Isso torna o plano CMS uma escolha mais prática para usuários iniciantes, pois adiciona pesquisa, permite três editores de conteúdo e permite que 2.000 itens de coleção sejam armazenados (postagens de blog, itens de menu, itens de portfólio etc.).

Como discuti anteriormente, o Webflow restringe todos os sites a 100 páginas estáticas. Isso não deve ser um problema para a maioria das empresas porque as páginas principais, como suas páginas sobre e de contato, podem ser armazenadas como páginas estáticas e os itens de coleção podem ser usados ​​para publicar outros tipos de conteúdo.

Três planos de comércio eletrônico estão disponíveis para quem deseja vender produtos em seu site. Eles são vendidos a US$ 42, US$ 83 e US$ 235 por mês. Quando pagos anualmente, esses planos reduzem a uma taxa efetiva de US$ 29, US$ 74 e US$ 212 por mês.

O plano de comércio eletrônico padrão é construído com base no plano CMS. Ele permite 500 produtos, 3 contas de funcionários e vendas anuais de $ 50.000.

O plano Plus é baseado no plano Business. Ele remove a taxa de transação de 2% e aumenta seu subsídio de produtos para 1.000, contas de funcionários para 10 e vendas anuais para $ 200.000. O plano Avançado permite 3.000 itens, 15 contas de equipe e vendas anuais ilimitadas.

Como os custos mensais do Webflow são fixos, é bastante simples descobrir quanto o serviço deles custará se você souber seus níveis de tráfego e seus níveis de lucro de comércio eletrônico.

Embora o download do WordPress seja gratuito, você precisa levar muitas outras coisas em consideração. O custo efetivo do uso do WordPress pode ser menor do que o Webflow ou significativamente maior.

Tudo depende de qual pacote de hospedagem de site você escolhe, qual tema WordPress você usa e quais plugins WordPress premium você confia para executar seu site.

Por exemplo, por apenas US $ 9,99 por mês, o plano GrowBig do SiteGround oferece 20 GB de armazenamento, instalações ilimitadas de sites e 100.000 visitantes mensais. Em contraste, Kinsta cobra $ 100 por mês por 30 GB de armazenamento, 5 instalações do WordPress e 100.000 visitantes mensais.

O custo de administrar uma loja online com o WordPress também varia muito. Você pode criar uma loja online simples usando plugins gratuitos, como WooCommerce e Easy Digital Downloads, mas pode acabar gastando milhares de dólares todos os anos para obter a funcionalidade adicional necessária para administrar sua loja.

Considerações finais: Webflow vs WordPress

Webflow e WordPress são ótimas soluções de criação de sites.

Comparar o custo de duas soluções é sempre difícil, pois você precisa levar em consideração muitos fatores. Para ajudá-lo a tomar a decisão certa, pense no tipo de site que você deseja criar, no seu orçamento e em quão prático você deseja ser com a manutenção do site. Você pode achar que o Webflow será mais adequado para alguns projetos, enquanto o WordPress será melhor para outros.

Acredito que o Webflow seja uma ótima opção para iniciantes, pequenos proprietários de sites e aqueles que desejam lançar uma loja online. O preço é competitivo e o serviço cuida de muitos dos aspectos demorados da execução de um site, para que você possa se concentrar na criação de conteúdo e no marketing do seu site.

Prós do Webflow:

• O Webflow Designer é excelente
• Adequado para iniciantes
• Planos de preços acessíveis

Contras do Webflow:

• Escrever artigos longos pode ser frustrante
• Limitado a 100 páginas
• Seleção relativamente pequena de modelos de sites

Embora o Webflow tenha algumas opções úteis para desenvolvedores e designers, o WordPress é, sem dúvida, a plataforma de criação de sites mais poderosa. Você não está limitado por quantas páginas adiciona, quantas pessoas podem editar seu site ou qual construtor de páginas você usa para criar sites. Você também pode alterar a solução de comércio eletrônico que usa.

WordPress é a melhor solução para escritores também. A experiência de edição não parece apertada e perturbadora como no Webflow, e você pode alterar completamente sua configuração de escrita e design usando plug-ins.

Prós do WordPress:

• Enorme seleção de modelos e plugins de sites
• A maior comunidade de sites online
• Mais flexíveis do que as soluções de sites hospedados

Contras do WordPress:

• Requer atualizações regulares e verificações de segurança
• Sente-se um pouco inchado em algumas áreas
• Embora sites pequenos possam ser baratos de executar, os sites WordPress geralmente são mais caros de operar

Certifique-se de testar ambas as plataformas para saber mais sobre o que elas podem fazer. Você pode se inscrever e criar um site de teste com o Webflow gratuitamente.

O WordPress também é gratuito para download. Você pode testá-lo gratuitamente usando um ambiente de desenvolvimento local, como WAMP ou XAMPP, ou aproveitando uma avaliação gratuita oferecida por empresas de hospedagem.

Boa sorte.

Kevin