Webflow vs WordPress A potência do CMS poderia ter concorrência?

Publicados: 2020-10-07

O Tooltester é apoiado por leitores como você. Podemos ganhar uma comissão de afiliado quando você compra através de nossos links, o que nos permite oferecer nossa pesquisa gratuitamente.

Todo mundo já ouviu falar de WordPress, até minha mãe. Basta dar uma olhada em quantas pessoas pesquisam por isso no Google todos os meses. É uma loucura: 5.800.000 pesquisas em todo o mundo.

volume de pesquisa global do wordpress ahrefs

E só para colocar isso em contexto, aqui estão as mesmas estatísticas do Webflow: suas pesquisas no Google equivalem a cerca de 5% das do WordPress, com 298.000.

pesquisas mensais globais do webflow

Na verdade, o WordPress está presente em 41% dos sites do mundo – isso representa bem mais de um terço!

Webflow vs WordPress não parece uma luta muito justa , ouvi você dizer. Então, novamente, todo mundo não ama um oprimido?

Então, o que é Webflow e por que ele é uma boa opção para o gigante do CMS que é o WordPress.org?

Fundado em 2013 em São Francisco, o Webflow afirma ter muitas vantagens sobre o WordPress, por exemplo, mais liberdade criativa, melhor segurança do site e facilidade de uso. Também vale a pena mencionar que o Webflow tem um grande financiamento por trás dele (e uma avaliação de 2,1 bilhões!), o que significa que este construtor de sites definitivamente significa negócios.

Então vamos nos aprofundar e descobrir do que realmente é feita cada uma dessas ferramentas e qual é a mais adequada para o seu projeto.

* Observe que também existe o WordPress. com . Este artigo se concentra na versão de código aberto do WordPress. organização .

Webflow vs WordPress: Qual é a diferença?

WordPress e Webflow não são as ferramentas mais simples de se entender e ambos exigirão algum conhecimento técnico. No entanto, as opções de personalização oferecidas pelos dois significam que você pode criar sites maiores e mais dinâmicos.

A principal diferença entre Webflow e WordPress é sua abordagem técnica: embora todos os planos do Webflow incluam hospedagem, o WordPress é uma plataforma de código aberto e exige que você mesmo cuide disso. Você também terá que lidar com quaisquer problemas técnicos que surgirem.

Assista a este pequeno vídeo para uma comparação entre Webflow e WordPress:

webflow x wordpress

Facilidade de uso: quão complicadas são essas ferramentas?

Se você estava procurando uma alternativa WordPress realmente simples, o Webflow pode não ser a ferramenta certa para você.

Embora seja definitivamente mais simples que o WordPress, no sentido de que você pode ver as alterações feitas em tempo real, o grande número de opções de personalização o torna um pouco complicado.

Eu diria que este é um software para usuários com habilidades avançadas, designers ou pessoas que gostam de arregaçar as mangas e dedicar um tempo para aprender uma nova ferramenta . O ideal é que você tenha algum conhecimento de CSS e HTML, pois os usará para construir seu site.

Dito isto, o Webflow oferece muitos tutoriais úteis, artigos e um fórum da comunidade. Uma coisa que é bastante útil é o tutorial prático que você recebe ao se inscrever. Ele mostra como usar o editor, fazendo com que você adicione elementos e estilize-os.

editor de fluxo da web

Editor do Webflow

O WordPress já é mais complicado porque você precisa primeiro encontrar um provedor de hospedagem e instalá-lo você mesmo. Algo que o WordPress também é conhecido por suas extensões e plugins, mas nem sempre são tão fáceis de manter, então fique atento a isso. ‘Configure e esqueça’ definitivamente não é a atitude que você deve ter ao administrar um site WordPress.

Na verdade, você precisará ficar de olho em todas as atualizações de plug-ins necessárias e também nas lançadas pelo próprio WordPress. Às vezes, uma simples atualização pode mudar drasticamente a aparência do seu site, o que significa que você precisará ser rápido para corrigi-lo ou ter um desenvolvedor disponível.

editor clássico wordpress

Editor clássico do WordPress (aquele com o qual esta postagem do blog foi criada)

Falando por experiência própria, posso dizer que muitas vezes as coisas dão errado e encontrar a causa do problema e a solução pode ser uma tarefa árdua. O WordPress está fazendo o possível para avançar em uma direção mais amigável com a atualização do Gutenberg que adicionou um editor de blocos de construção, mas ainda está longe de ser tão fácil quanto outros construtores de sites populares como o Wix.

Vencedor: Embora o Webflow não seja a ferramenta mais simples, ainda é um pouco mais fácil de usar do que o WordPress e levará muito menos tempo para ser configurado.

Webflow vs WordPress: designs e flexibilidade

Existem três maneiras de criar um site com Webflow: do zero, com um de seus templates, ou usando um preset (Portfolio Starter, Business Starter e Store starter). Isso fornece um layout de “esqueleto” que você pode editar de acordo com sua preferência.

O Webflow vem com cerca de 500 modelos bonitos e sem código. Existem alguns designs gratuitos para escolher, e os temas premium variam entre US$ 19 e US$ 149. Você pode classificá-los por categorias, estilo, recursos ou tipo (básico, CMS ou comércio eletrônico).

modelos de fluxo da web

Modelos de fluxo da Web

Garantir que seu site seja responsivo a dispositivos móveis é fácil, pois o editor permite que você visualize e faça alterações na versão para tablet e celular. Aqueles que conhecem CMS e HTML descobrirão que têm bastante flexibilidade ao projetar seu site.

Uma coisa a observar é que o código existente não pode ser importado para o Webflow, embora você possa importar seu site WordPress existente (mais sobre isso abaixo).

Com o WordPress, se você conhece CSS e HTML, ou se não se importa em passar algumas horas pensando em como modificar o código do seu modelo, você pode obter exatamente o site que deseja. Existem toneladas de temas WordPress responsivos online, que geralmente custam entre US$ 30 e US$ 60 (eu recomendo olhar Elegant Themes ou Themeforest).

temas elegantes

Temas elegantes

Ao usar um tema no WordPress, ele tende a criar código inchado no back-end, o que pode fazer com que seu site fique mais lento, crie erros ou trave completamente, o que é outro motivo para ter um desenvolvedor disponível.

Vencedor: É complicado… De modo geral, quem optar por Webflow ou WordPress terá algum conhecimento de CSS e HTML, nesse caso você poderá customizar seu site como desejar. Vou chamar isso de empate. 2-1 para Webflow.

Comércio eletrônico: adicionando uma loja online

Com o Webflow, você precisará adquirir um de seus planos de comércio eletrônico, que custa a partir de US$ 29 por mês (inclui 500 itens). Como os preços são baseados no número de itens que você pode vender, as lojas maiores devem estar preparadas para desembolsar muito dinheiro.

Há um recurso de loja online diretamente integrado ao editor, o que torna muito fácil adicionar uma – na verdade, fornece um guia de 12 etapas a seguir. O imposto é calculado automaticamente para você e você pode oferecer pagamentos via PayPal e Stripe.

comércio eletrônico de fluxo da web

Webflow – Adicionando uma loja online

Com um site WordPress, você precisará usar um plugin de terceiros. Gosto muito do plugin WooCommerce porque dá muita liberdade. Também é gratuito, embora você precise pagar por recursos extras, como gateways de pagamento Authorize.net CC.

Vencedor: Para uma loja pequena, você aceitará o Webflow, mas à medida que ele começa a crescer, o custo adicional não é tão atraente. Se você é ambicioso em relação ao seu comércio eletrônico e deseja uma solução completa, WordPress + WooCommerce é difícil de vencer. Pontuação: 2-2.

SEO: o Webflow é melhor que o WordPress para SEO?

É muito importante certificar-se de que o CMS ou construtor de sites que você usa seja otimizado para SEO. Devido à sua flexibilidade geral, o Webflow é bastante amigável para SEO; permite editar o título da página, URL e descrições. Você também pode configurar redirecionamentos 301, mas precisará de um plano pago para isso.

O WordPress vem com algumas opções, mas eu recomendo fortemente adicionar um plugin para recursos completos de SEO. Yoast SEO, por exemplo, é uma ferramenta gratuita muito poderosa.

Dê uma olhada na tabela abaixo para ver como o Webflow e o WordPress se comparam.

Capacidades de Webflow vs WordPress SEO

Fator de classificação Fluxo da Web WordPress
Título da página Personalizável para todas as páginas Personalizável via plugin
Meta Descrição Personalizável para todas as páginas Personalizável via plugin
Personalizar URLs Personalizável para todas as páginas Personalizável via plugin
Títulos Personalização completa Personalização completa
Atributos alternativos de imagens Customizável Customizável
Redirecionamentos 301 Disponível Gerenciado externamente (por exemplo, via provedor de hospedagem ou plugin)
Tags canônicas Disponível Personalizável via plugin
Criptografia SSL Disponível em todos os planos Precisa configurá-lo externamente
Instruções do mecanismo de pesquisa Disponível Disponível
Adicionar Google Analytics Veja as instruções Adicionado via plugin ou manualmente
Adicionar Google Search Console Veja as instruções Adicionado via plugin ou manualmente
Conclusão Excelente para SEO Tão bom quanto possível se plug-ins forem adicionados

Vencedor: Como ambos são excelentes para SEO, vou dar um ponto a cada um aqui. 3-3.

Webflow vs WordPress: Qual é a melhor plataforma para blogs?

É possível montar um blog com Webflow, porém, como você tem que integrar todas as funcionalidades que deseja manualmente, não é o processo mais simples e levará algum tempo. Eu também diria que se você não tem nenhuma experiência em design, achará isso complicado. Dito isso, os criadores de conteúdo com experiência em design descobrirão que o Webflow lhes dá uma grande liberdade criativa.

criar um blog com webflow

Webflow CMS – Criando um blog usando coleções

O WordPress foi originalmente feito para blogs, o que significa que ele vem com a maioria dos recursos que você precisa imediatamente. Você não precisará necessariamente configurar o back-end como faz com o Webflow, pois será apresentado a este editor onde você pode editar no modo visual ou HTML.

Como a aparência do seu blog depende do tema que você está usando, você precisará ter certeza de que ele é compatível com o estilo e as funcionalidades que você deseja – às vezes será necessário ajustar as coisas manualmente.

blog wordpress

Personalizando uma página de blog WordPress

Vencedor: Devido à sua abordagem mais simples, terei que usar o WordPress aqui. 3-4 para WordPress.

Suporte: Receberei alguma ajuda?

Webflow oferece uma grande variedade de tutoriais em vídeo, guias passo a passo detalhados e aulas na Webflow University. Oferece suporte por e-mail para contas pagas e ajuda priorizada para contas de equipe. Os clientes inadimplentes terão que se contentar com o fórum de suporte da comunidade, embora as perguntas pareçam ser respondidas com bastante frequência.

cursos universitários de webflow

Universidade de fluxo da Web

Simplesmente, o WordPress não tem nenhum suporte oficial. Você pode encontrar o que precisa nos fóruns da comunidade, mas espera que as respostas sejam imprecisas e, às vezes, enterradas em toneladas de comentários. No entanto, se você estiver disposto a gastar mais de US$ 20 por mês em um host WordPress dedicado, como o já mencionado WP Engine ou Kinsta, você também receberá suporte básico para WordPress.

Vencedor: Webflow vence esta rodada porque não há suporte oficial do WordPress. 4-4.

Migrando do WordPress para o Webflow (e vice-versa)

Mudar de um site WordPress para Webflow é absolutamente possível. O Webflow simplifica esse processo, permitindo que os usuários carreguem um arquivo CSV que inclua o conteúdo do site. Com esse método, você pode trazer centenas de postagens para o Webflow em minutos.

No caso do WordPress, você encontrará muitos plugins que exportam para CSV.

Você pode testar o processo de importação gratuitamente com um CSV de 50 itens ou menos. Saiba mais aqui.

Também é possível migrar do Webflow para o WordPress – embora haja algumas ressalvas. Se você tiver um plano Workspace, poderá exportar HTML, CSS, ativos e Javascript de qualquer um dos seus sites do Webflow. Você pode então hospedar isso com WordPress ou outro CMS.

No entanto, você não poderá exportar os seguintes itens automaticamente:

  • Conteúdo CMS (como páginas de eventos)
  • Conteúdo de comércio eletrônico (como páginas de produtos)
  • Pesquisa de sites
  • Formulários
  • Proteção de senha

Vencedor: os vários plug-ins do WordPress oferecem diferentes opções para exportar conteúdo, tornando o processo de exportação mais fácil em geral.

Aplicativos e plug-ins: melhore a funcionalidade do seu site

O Webflow oferece uma série de integrações com tudo, desde CRM até ferramentas de email marketing. Você também pode enviar sua própria integração e adicionar uma API ao seu site.

Curiosamente, o Webflow oferece um plugin que permite construir suas páginas no Webflow e servi-las diretamente no seu site WordPress – isso pode beneficiar aqueles que procuram um editor alternativo, mas desejam manter seu site no WordPress.

plug-ins wordpress

Plug-ins do WordPress

O WordPress é conhecido por seus plugins (por exemplo, mídia social, formulário de contato, SEO, etc.) – você pode encontrar uma solução para basicamente tudo. Em termos de custo adicional, existem muitos plug-ins gratuitos, embora alguns possam ser bastante caros.

Mais uma vez, você pode precisar de um pouco de conhecimento técnico para atualizá-los/instalá-los. Por exemplo, WPML é nosso plugin para gerenciar vários idiomas. É muito poderoso, embora isso signifique que também é muito complicado e, de vez em quando, cria conflitos com outros plug-ins que uso.

Uma grande vantagem de usar o WordPress é que caso o plugin que você precisa ainda não exista, você pode contratar um desenvolvedor para criá-lo para você, pois o WordPress dá acesso total ao código.

Vencedor: o WordPress leva esse ponto aqui devido à sua variedade de plug-ins. Você sempre será capaz de encontrar uma solução! 4-6 para WordPress .

Backup e restauração: quem facilita para mim?

O WordPress oferece diversas maneiras de fazer backup do seu site e restaurá-lo para versões anteriores. Na verdade, muitos provedores de hospedagem WordPress oferecem isso como parte de seus pacotes, com backups normalmente criados a cada 24 horas. Caso contrário, você precisará instalar um plugin extra (por exemplo, Jetpack, UpdraftPlus) para criar backups automáticos regulares do seu site – geralmente com um custo adicional.

Nesse aspecto, o Webflow torna tudo muito mais fácil. Sua função de backup está embutida na ferramenta, sem necessidade de instalação de plugins adicionais. Além disso, se você optar por um plano pago, terá backups ilimitados – tudo incluído gratuitamente.

Os backups são criados automaticamente a cada décimo salvamento automático, mas você também pode optar por criar backups manuais com um atalho de teclado fácil. Um backup automático também é criado quando você restaura para uma versão anterior (caso mude de ideia).

O que realmente gostamos, porém, é que você pode visualizar qualquer backup, para saber exatamente para qual versão do site retornará. Saiba mais sobre backups do Webflow aqui.

backups de fluxo da web

Backups do Webflow (o plano Starter gratuito permite restaurar para as duas últimas versões)

Vencedor: Com recursos de backup nativos e um prático recurso de visualização, temos que dar esta rodada ao Webflow .

Gerenciamento de equipe: como posso gerenciar usuários e permissões?

Se você está considerando Webflow ou WordPress, é provável que precise criar vários sites – seja para outros clientes ou para seus próprios projetos.

Nesse caso, é importante entender quais recursos de gestão de equipes cada um oferece. Afinal, você não quer dar permissões erradas às pessoas erradas!

Este é um cenário que o Webflow abordou. Ao optar por um de seus planos de espaço de trabalho, você não apenas poderá criar vários sites, mas também poderá adicionar colaboradores extras. As permissões podem ser definidas tanto no nível do espaço de trabalho (você pode pensar nisso como uma 'pasta' que pode conter vários sites/projetos) e também por site.

Embora não seja possível definir permissões no nível do site em um nível granular (algo que concorrentes como o Wix fazem extremamente bem), você pode optar por atribuir aos colaboradores uma das seguintes funções:

  • Administrador do site
  • Pode projetar e publicar
  • Pode projetar (mas não publicar alterações no site ativo)
  • Editores convidados também podem ser adicionados, com acesso apenas ao conteúdo do CMS (como páginas do blog).

funções de fluxo da web

Funções e permissões no Webflow

E, no nível do espaço de trabalho, os indivíduos podem ter permissões relacionadas à conta atribuídas a eles. Por exemplo, você pode restringir as permissões de cobrança (como a capacidade de editar configurações de fatura) escolhendo a função relevante.

O WordPress também permite atribuir funções a diferentes usuários, mas sua abordagem de gerenciamento de equipe é muito mais flexível. Por um lado, ele oferece 6 funções diferentes por padrão, variando de Super Admin a Assinante. Cada um deles vem com permissões predefinidas (ou recursos, como o WordPress os chama), mas podem ser adicionadas/removidas conforme necessário.

funções do wordpress

Atribuindo funções de usuário no WordPress

Existem até plug-ins que você pode instalar para personalizar ainda mais as permissões – por exemplo, para usuários individuais.

Vencedor: embora os recursos de gerenciamento de equipe do Webflow sejam provavelmente bons o suficiente para a maioria dos projetos, os recursos completos de personalização do WordPress dão a ele uma vantagem.

Preços: Qual é o Webflow ou WordPress mais barato?

O Webflow oferece diferentes tipos de planos: planos de site e planos de espaço de trabalho.

Os planos de sites são para aqueles que desejam criar sites únicos, como blogs, portfólios, sites de negócios, etc. e os planos de espaço de trabalho permitem criar vários projetos (um web designer ou agência escolheria este, por exemplo).

Dentro dessa estrutura, você pode ter sites padrão ou sites de comércio eletrônico. Claro, dependendo dos recursos necessários, os preços podem variar um pouco.

Para ser honesto, a estrutura de preços do Webflow é bastante complicada devido ao grande número de planos disponíveis. Para se ter uma ideia, um plano de site básico custará US $ 12/mês e, se você quiser criar um blog completo, deverá pagar US$ 23 .

Se você quiser construir uma loja online, serão cobrados US$ 29 por até 500 itens ou US$ 74 por até 1.000 itens , 10 contas de equipe e nenhuma taxa de transação. Claro, existem mais opções, você pode aprender em nosso guia de preços do Webflow.

Um site WordPress é tecnicamente gratuito. No entanto, você precisa pagar pela hospedagem. Se você tiver um site muito pequeno, isso pode custar apenas US$ 4 por mês com Dreamhost. No entanto, sites maiores, onde alto tempo de atividade e velocidade são cruciais, devem esperar pagar cerca de US$ 29 por mês por uma hospedagem gerenciada de qualidade WordPress que cuida das atualizações (por exemplo, WP Engine – veja esta análise aqui).

Outra coisa importante que você precisa levar em consideração é quanto você precisará pagar a um desenvolvedor por quaisquer ajustes personalizados necessários.

Vencedor: Como você pode ver, os preços podem realmente variar dependendo do tipo de projeto que você tem e do tamanho dele. No entanto, a flexibilidade que você obtém com o WordPress é difícil de superar, e é por isso que é importante aqui.

Isso eleva a pontuação para 5-8 no WordPress!

Hospedagem na Web

O bom do Webflow é que todos os planos incluem monitoramento de hospedagem 24 horas por dia, 7 dias por semana e certificados SSL, o que significa que você não terá que se preocupar com esse lado das coisas.

Claro, com o WordPress você precisará comprar uma assinatura e monitorá-la você mesmo. Mesmo que você possa economizar dinheiro fazendo isso, muitas pessoas preferem não se preocupar com isso.

Vencedor: Nesse caso, depende se você deseja cuidar disso sozinho ou deixar isso para o seu CMS.

Webflow vs WordPress: nossas considerações finais

Então aí está, nossa comparação entre Webflow e WordPress. Eu sei que isso foi muito difícil, então permita-me recapitular.

Prós de usar Webflow

  • Facilidade de uso: uma mistura entre um construtor de sites clássico e um CMS, o Webflow oferece uma solução um pouco mais fácil de usar para usuários avançados que têm dificuldades com o WordPress.
  • Sem opções de design de código: os designers apreciarão o editor mais visual e as amplas opções de personalização. Oferecendo 500 modelos sem código para uma ampla variedade de tipos de negócios, você terá muito por onde escolher.
  • SEO: Os profissionais de marketing ficarão muito satisfeitos com os recursos de SEO.

Contras de usar Webflow

  • Custos extras para comércio eletrônico: se você deseja manter os custos baixos, será melhor usar o WordPress.

Prós de usar WordPress

  • Plataforma de blog mais simples: o WordPress também possui excelentes recursos de SEO e é uma plataforma de blog muito mais simples.
  • Flexibilidade ideal para projetos maiores: sua lista interminável de plug-ins e temas oferece aos usuários do WordPress muita flexibilidade e controle, tornando-o uma ótima opção para lojas online e grandes projetos com diversas necessidades.
  • Boa opção para comércio eletrônico: WordPress integra-se perfeitamente com WooCommerce ou Magento, que são ótimas soluções para projetos maiores de comércio eletrônico.
  • Você decide quanto paga: sem preços definidos, você pode investir o quanto quiser em seu projeto. O WordPress oferece mais liberdade nesse aspecto.

Contras de usar WordPress

  • Suporte: Não há suporte oficial disponível para WordPress.
  • Solução mais complexa : Esta opção é recomendada para os mais experientes em tecnologia, pois pode ser necessário editar HTML ou CSS, e é bem provável que você precise de um desenvolvedor disponível para consertar qualquer coisa que quebre.

Como é uma decisão muito difícil, deixarei que você tome a decisão final com base em suas próprias necessidades.

Recomendamos experimentar o Webflow gratuitamente antes de apostar tudo.

DICA: Se você estiver pronto para atualizar para um dos planos pagos do Webflow, obtenha um desconto de 20% usando este código de cupom exclusivo: afiliado-tooltester-0228

Se você quiser começar a usar o WordPress, gosto muito dos planos gerenciados de WordPress da Dreamhost.

Se você tiver alguma dúvida ou quiser compartilhar sua experiência, deixe-nos um comentário abaixo.