Muitos desenvolvedores que pretendem seguir o caminho no code, quando começam a realizar uma pesquisa com a intenção de conhecer as principais plataformas do mercado, se deparam com um questionamento. Qual o melhor Bubble ou Webflow? Qual é a diferença?
Esses questionamentos chegam até mim e, com base neles, preparei esse artigo para solucionar de uma vez por todas essa dúvida latente em nossa comunidade no code.
O Webflow há muito tempo vem realizando propagandas e campanhas de marketing muito elaboradas utilizando o termo “no code” induzindo as pessoas a relacionar o nome da marca com esse termo.
Vale lembrar que uma vez que o Webflow é uma empresa grande, renomada, muito bem sucedida, com uma cartela boa de clientes e estável no mercado.
Por esse principal motivo, muitos desenvolvedores me perguntam “Por que usar Bubble e não o Webflow, ou o Webflow e não o Bubble?”
Portanto, neste artigo, auxiliarei você a esclarecer essa dúvida, apresentando também uma análise comparativa na qual até o WordPress será considerado. Inicialmente, pode parecer confuso, mas prometo que tudo ficará claro ao concluir essa leitura.
Índice
Criando um site no Webflow
Antes de começarmos, recomendo que você faça o cadastro gratuito no Webflow e comece a se familiarizar com a interface da plataforma e suas principais características. Dessa maneira, entender as informações mostradas aqui no artigo será muito mais fácil.
Dito isso, o processo de criação de uma página funciona com um editor do estilo drag and drop (arrastar e soltar), no qual você escolhe modelos pré-montados e os posicionam como e onde você achar melhor.
É muito simples e fácil adicionar um menu superior, a parte principal de uma página de vendas chamada pela plataforma de Hero, provas sociais, entre inúmeras outras opções disponíveis nessa ferramenta.
O Webflow também é muito voltado para o design, logo a montagem do site é extremamente rápida e a personalização te permite preparar o site de acordo com o seu gosto, com muita flexibilidade e agilidade.
Já o Bubble, você precisa construir tudo do zero, sem os templates já prontos para utilização. Por exemplo, para fazer o cabeçalho, você precisa inserir manualmente todos os componentes que você deseja.
Essa forma de construir o site te garante muita flexibilidade, porém peca em agilidade quando comparado com o Webflow.
De forma geral, o Webflow é muito mais intuitivo no processo de criação de um site ou uma página, mas será que esse cenário se mantém quando falamos de aplicativos?
No próximo tópico abordaremos a comparação entre os dois no quesito aplicativos web.
E quando é aplicativo, e não site?
Para exemplificar e comparar as duas plataformas no quesito construir um aplicativo vamos utilizar o aplicativo mais simples e prático, presente no módulo um do meu Curso Sem Codar.
E esse aplicativo é uma lista de compras de mercado, no qual você adiciona os itens necessários e eles são mostrados para o usuário em forma de lista.
Para fazer esse aplicativo no Bubble, você vai inserir um input na tela, um campo em forma de formulário na tela e logo após inserir um botão na tela chamado “Adicionar produto”.
Feito isso, você acessa os workflows do botão, cria um novo item no banco de dados do tipo “Produto” cujo o nome seja igual ao valor do input. Dessa forma com certeza sua lista irá funcionar perfeitamente bem, simples e prático.
Já para repetir esse processo no Webflow, você acessa o CMS (Content Management System, ou Sistema de Gerenciamento de Conteúdo em português) e cria uma coleção chamada “Produto”.
Após esse passo, você precisará montar um bloco de formulário. Até essa etapa, tudo ocorre bem e semelhante ao Bubble, porém ao tentar criar um novo produto, os processos começam a ficar mais complexos e diferentes do Bubble.
No Webflow, o seu usuário não consegue editar o seu banco de dados mas você pode criar os seus próprios dados, por exemplo, adicionar os itens margarina, sabão em pó, melancia e etc.
E isso pode dificultar o processo de criação, sendo que uma lista de compras de mercado é extremamente extensa e eventualmente você pode acabar esquecendo algum item ao criar seus dados.
Quando o Webflow é melhor que o Bubble?
Portanto, em quais situações é melhor utilizar o Webflow e não o Bubble?
Para criar sites, páginas de vendas, landing pages, sales pages, blogs, sites e aplicações mais simples no qual o usuário não precisa interagir com o conteúdo, o Webflow te atenderá melhor que o Bubble.
Isso acontece porque nos itens citados acima, o foco é muito voltado ao design, a parte visual do processo e os itens foram adicionados por você mesmo.
Entretanto existe um forte porém. Nós lançamos uma extensão Bubble no navegador Google Chrome chamada Bubble Essential Kit, e essa extensão é capaz de mudar esse cenário.
Hoje, você já consegue, ao utilizar a extensão, montar o seu site praticamente do mesmo jeito que o Webflow. Você seleciona o seu Hero, copia e cola, adiciona os recursos que você deseja e novamente copia e cola, e assim sucessivamente.
Ou seja, ao invés de arrastar e soltar, você irá copiar e colar os modelos pré prontos que você deseja adicionar a sua página. Em menos de um minuto você consegue adicionar tudo o que você deseja em sua página de vendas.
É importante que essa extensão é totalmente responsiva e preparada para o uso. Logo, atualmente não penso em outras alternativas diferentes do Bubble, mesmo quando o assunto é montar sites mais simples como os citados acima.
Vale ressaltar que a extensão Bubble Essential Kit é 100% gratuita para membros da Comunidade Sem Codar e, para não membros, o valor investido é de U$97,00 por ano.
Agora uma curiosidade interessante, a própria landing page do Bubble Essential Kit foi criada com essa extensão e funciona completamente bem, 100% Bubble.
Comparativo Bubble X Webflow
Neste tópico, farei um panorama geral comparando características que considero importantes e primordiais para garantir a criação de um bom site ou de um bom aplicativo.
- Planos gratuitos: Ambos possuem planos gratuitos, porém 90% dos recursos do Bubble são liberados gratuitamente e o Webflow é bastante limitado caso escolha o plano grátis.Porém ambos você necessita de planos pagos para começar a comercializar ou migrar para um domínio próprio;
- Programador Visual: O Webflow não possui uma lógica visual de programação, apenas um design visual no qual você monta o layout de seu site. Porém existe um plano de integrar essa ferramenta na plataforma, mas esse não é o foco atual dos esforços da equipe.Já o Bubble se destaca por possuir essa ferramenta.
- Interação com DB (CRUD): O Webflow não permite a interação do usuário com o banco de dados (inserir, ler, modificar e deletar). Já o Bubble permite esse tipo de interação.
- Cadastro e login de usuários: A plataforma Webflow não possui essa ferramenta, sendo necessário outras plataformas para lançar um aplicativo completo.Existe uma tendência entre alguns desenvolvedores chamada de WANZ (Webflow + Airtable + Memberstack + Zapier), que consiste em combinar essas 4 plataformas e ferramentas para criar o aplicativo.Não recomendo e não gosto dessa estratégia, uma vez que é possível realizar todas essas atividades apenas usando o Bubble. O processo é mais simples e muito mais fácil de resolver possíveis problemas e otimização de processos.
- Web App: Ambas as plataformas são capazes de realizar o Web App.
- Mobile Apps nativos: Nenhuma das plataformas é capaz de realizar mobile apps nativos. Ambos você pode envelopar com Web View, para isso montei um passo a passo em vídeo explicando como transformar qualquer aplicação web em um aplicativo mobile nativo e publicar nas lojas.Esse passo a passo também está disponível em forma de um artigo muito bem detalhada, logo confira esse artigo e entenda melhor sobre esse tema.
- Integração API: Ambos realizam integração API, porém o Webflow realiza de forma mais limitada quando comparado com o Bubble.
- Marketplace: Em ambos você consegue realizar um marketplace, porém como mencionamos anteriormente, o Webflow não aceita edição do banco de dados por parte do usuário.Logo, caso seja um marketplace onde só você insere os dados, você consegue utilizar essa plataforma.
- ERP (Sistema de Gestão): O Webflow não te permite criar um sistema de gestão, apenas com o Bubble.
- Redes Sociais: O Webflow também não te permite fazer uma rede social, uma vez que os usuários não conseguem editar o seu banco de dados. O Bubble por sua vez permite fazer uma rede social.
- Bulk Actions: O Webflow não permite realizar ações em lote (realizar várias ações consecutivas com um só clique), somente o Bubble permite essa ação em lote.
- Ações recursivas ou agendadas: Essas ações você consegue realizar apenas com o Bubble, o Webflow não é a ferramenta ideal para esse tipo de ação.
- Processamento de pagamentos: Com o Webflow você consegue realizar o processamento de pagamentos somente através do uso outras ferramentas para realizar integração, porém não de forma nativa como no Bubble.
- Exportar código fonte: Esse é o único tópico dessa comparação no qual somente o Webflow consegue realizar. Com essa plataforma você consegue exportar um código fonte muito bom e limpo. Esse é um dos principais motivos da preferência dessa plataforma pelas agências de desenvolvimento de sites.
- Curva de aprendizagem: Considero a curva de aprendizagem do Webflow fácil e a do Bubble média. Quanto mais recursos uma ferramenta tem, mais difícil ela será de aprender e vice e versa. O Webflow é mais fácil pois você só precisa aprender a parte visual, layout e responsividade. Já com o Bubble, além dessa parte mais visual, você também precisa aprender lógica, API dentre outras ferramentas.
- Preço: Não acho que faz muito sentido comparar o preço, pois o Webflow e o Bubble são ferramentas completamente diferentes. Porém o Bubble parte de U$25,00 por mês e o Webflow parte de U$12,00 por mês.
Então, qual é a melhor? Webflow ou Bubble?
Acredito que todos vocês esperam que eu responda a essa pergunta de forma simples, direta e objetiva.
Comparar Bubble com Webflow equivale a comparar uma Land Rover com uma Ferrari, ou seja, é uma comparação completamente leviana.
Qualquer um que afirme que o Bubble é muito melhor que o Webflow ou que o Webflow é muito melhor que o Bubble, está cometendo um erro. Uma vez que ambos são coisas completamente diferentes uma da outra.
Ainda mantendo o exemplo dos carros, eles são feitos para proprietários diferentes que possuem objetivos diferentes e desejam andar em terrenos completamente diferentes.
Então, a resposta para essa pergunta vai depender de qual objetivo você deseja alcançar. Se você deseja criar sites, eu recomendo o Webflow e se você deseja criar aplicações, recomendo o Bubble. Simples assim.
E o WordPress? Como se compara com o Webflow?
Nesse momento aqueles que já me conhecem a algum tempo devem estar se perguntando: “Mas para a criação de sites você sempre fala bem do WordPress, como ele entra nesse comparativo?”
Realmente eu sempre elogio o WordPress e acho que vale a pena trazer esse comparativo e explicar como essa ferramenta entra nesse comparativo.
Se você instalar o plugin Elementor PRO no WordPress, plugin esse bastante popular atualmente, a criação e edição de páginas se assemelha muito com o Webflow.
Possuo uma página de vendas feita com o WordPress e esse plugin, na qual eu editei da maneira que quis, configurando todas as ações, botões, design, layout.
Enfim, todas as características de minha página ficaram da maneira que eu queria, de forma simples e objetiva.
Portanto, entre o WordPress e o Webflow a comparação se torna mais justa e com mais sentido. Se torna a comparação de uma Land Rover e um Jeep, muito mais realista e mais apropriada.
Logo, na minha opinião WordPress com Elementor é superior ao Webflow, pois ele é mais simples, mais barato, mais intuitivo, hospeda no próprio servidor.
Já o Webflow creio que ele possui um nível de complexidade maior e 80% desses recursos mais complexos eu não utilizo ao criar um site ou uma página de vendas.
Vale ressaltar que essa é uma opinião pessoal. Não existe uma resposta certa ou errada para a comparação entre essas ferramentas. Se você prefere o Webflow e crê que ele atende suas necessidades, ótimo, sem problema algum.
No final o que realmente vale é criar uma página, um site ou um aplicativo otimizado, funcional e responsivo.
E quanto ao preço? Quanto custa o WordPress?
Agora, falando de preço, já sabemos que o Webflow custa U$12,00 por mês com o servidor próprio. Já para calcular o preço do WordPress, preciso mostrar todos os custos envolvidos nessa ferramenta.
- Servidor (Hostgator, Hostinger, Turbocloud, etc.): Entre R$20,00 a R$150,00 por mês;
- Plugins (Elemento Pro, Yoast SEO, WP Rocket, etc.): Cerca de R$100,00 por mês.
Portanto, o preço total mensal para utilizar o WordPress totalmente otimizado varia entre R$120,00 a R$150,00. Esse valor não foge muito do preço médio entre as plataformas, variando sempre entre 3 dígitos por mês.
Creio e espero que esse preço não cause um impacto significante em seu negócio, pois se for um obstáculo em seu plano de negócios, sugiro rever com urgência esse seu plano.
Quando usar Bubble, Webflow e WordPress?
Para finalizar, irei te mostrar exemplos de quando usar cada uma das 3 ferramentas de acordo com minha opinião e experiência profissional que acumulei durante anos.
Se você precisa criar um site mais simples, no qual o usuário não realize nenhum tipo de interação com o banco de dados, use o WordPress junto com o Elementor PRO.
Agora, caso deseje criar uma aplicação web simples com possibilidade de se tornar mais complexa em um futuro próximo, ou caso deseje criar uma aplicação web completa, com interação do usuário com o banco de dados, criar coisas, fazer pagamentos, integrar com APIs, redes sociais e etc, recomendo fortemente o uso do Bubble.
Nesse momento você deve estar me perguntando: E o Webflow, em qual momento você usaria?
Pessoalmente só usaria o Webflow em uma única situação específica. Caso eu possuísse uma agência de design especializada em criação de sites, landing pages ou focada em fortes recursos visuais e o design é um diferencial forte.
Essa seria a hipótese na qual utilizaria o Webflow, como um diferencial competitivo forte contra as demais agências. Reforçaria as caraterísticas positivas dele em relação ao design como forma de destaque para conseguir conquistar mais clientes.
Ao acessar a página Made In Webflow você consegue perceber o quão bom ele é quando se trata de recursos visuais e de design. Todos os exemplos ali mostrados são feitos com recursos nativos do Webflow.
É importante ressaltar que realizar trabalhos como esses no WordPress seria extremamente complexo e exigiria a instalação de vários plugins.
Assim, o Webflow tem sim seu diferencial e destaque. Contudo, acredito que esse diferencial seja mais relevante para agências de design.
Aprenda mais sobre o Bubble com a Comunidade Sem Codar!
Ao comparar Bubble, Webflow e WordPress, é importante levar em consideração as necessidades específicas de cada projeto. Embora todas as plataformas sejam ótimas para criar sites ou aplicativos, cada uma tem seus próprios recursos e vantagens.
- Bubble: oferece uma abordagem de codificação visual, permitindo a criação de projetos complexos sem grandes conhecimentos de programação.
- Webflow: por outro lado, essa plataforma oferece vários recursos visuais e de design, capazes de deixar sua página extremamente personalizada e criativa.
- WordPress: ele te garante sites simples, porém bem executados, totalmente funcionais e com design e layout de acordo com sua necessidade.
Em última análise, a decisão entre Bubble, Webflow e WordPress se baseia nos requisitos específicos de cada projeto. Por isso, é crucial examinar as particularidades e funcionalidades de cada uma dessas plataformas antes de chegar a uma conclusão, selecionando a plataforma mais adequada para seu respectivo projeto.
Agora, se você deseja saber mais sobre criar aplicativos web e mobile profissionais sem programar com alto potencial de rentabilidade para empreender ou trabalhar como desenvolvedor te recomendo conhecer a Comunidade Sem Codar.
Os membros dessa comunidade recebem acesso ao Curso Sem Codar, o maior curso de programação visual do mundo, com mais de 1.000 aulas, onde você aprenderá a criar aplicativos web e nativos do zero, sem precisar programar e sem qualquer experiência prévia.
Você não vai deixar essa oportunidade passar, certo? Não perca tempo e aprenda tudo sobre o Bubble fazendo parte da Comunidade Sem Codar!
O seu futuro e o futuro do seu negócio começam AGORA!