O post Elementor 4 chegou: veja o que muda na nova versão apareceu primeiro em AGT Online.

O post Pergunta rápida: você conhece os serviços que a AGT Online oferece? apareceu primeiro em AGT Online.

Neste artigo, vamos comparar os dois construtores em profundidade, abordando performance, preços, requisitos técnicos, flexibilidade e popularidade.

O que são page builders e por que usar?

Um page builder é uma ferramenta que permite montar páginas em WordPress através de elementos visuais (arrastar e soltar), dispensando / reduzindo a necessidade de conhecimento em código.
Isso facilita a vida de designers, editores de conteúdo e empresas que precisam agilidade.

Atualmente, os dois mais populares são o Elementor e o WPBakery.

Elementor: foco na usabilidade

O Elementor é o page builder mais popular do mundo, com mais de 10 milhões de instalações ativas.
Ele destaca-se pela sua interface intuitiva, que permite a qualquer pessoa — mesmo sem conhecimentos técnicos — criar páginas profissionais em pouco tempo.

Principais vantagens do Elementor:

• Interface moderna e de fácil aprendizagem;

• Grande biblioteca de widgets e templates prontos;

• Integração nativa com WooCommerce e outras ferramentas de marketing;

• Comunidade global ativa e muitos tutoriais disponíveis.

Ideal para: pequenas e médias empresas, agências de marketing, e-commerces e projetos que precisam de mudanças rápidas e frequentes.

WPBakery: foco na flexibilidade técnica

O WPBakery (antigo Visual Composer) continua bastante utilizado, com mais de 5,8 milhões de instalações ativas.
Embora não seja tão intuitivo quanto o Elementor, mantém-se popular entre programadores porque permite um nível de customização maior através de PHP, ACF e CSS personalizado.

Principais vantagens do WPBakery:

• Licença vitalícia (paga-se uma vez);

• Flexibilidade para programadores que gostam de controlar IDs, classes e CSS;

• Boa integração com templates PHP e campos personalizados (ACF);

• Menor curva de aprendizagem para quem já vem da “velha guarda” do WordPress.

Ideal para: empresas que possuam programadores, ambientes com suporte de devs, sites institucionais e projetos mais estáticos.

Performance: velocidade e eficiência

A performance é sempre uma preocupação em WordPress, e os page builders têm impacto nisso.

• WPBakery → usa shortcodes no backend, o que pode tornar o código mais pesado e menos limpo. Em sites grandes, isso pode afetar a performance. No entanto, combinado com ACF (Advanced Custom Fields) e templates PHP, pode resultar em projetos otimizados.

• Elementor → é mais moderno e otimizado, mas pode ficar pesado quando carregado com muitos widgets ou add-ons. Ainda assim, a base do código é mais atual e compatível com técnicas de otimização.

Preços em 2025

• WPBakery: custa US$ 69, com licença vitalícia para 1 site. Paga-se uma vez e utiliza-se para sempre.

• Elementor: tem versão gratuita, mas o plano Pro (com recursos avançados como Theme Builder e WooCommerce) custa US$ 60/ano para 1 site.

O WPBakery pode ser mais econômico a longo prazo, mas o Elementor justifica o modelo de assinatura com atualizações e recursos constantes.

Requisitos técnicos: RAM e CPU

• WPBakery → consome menos recursos em projetos pequenos, mas cresce em peso conforme os shortcodes aumentam.

• Elementor → demanda mais RAM e CPU, especialmente em sites dinâmicos e com muitas integrações. Em servidores básicos pode pesar, mas em VPS ou cloud funciona sem problema.

Sites estáticos vs dinâmicos

• Sites estáticos (institucionais) → o WPBakery é excelente, principalmente em conjunto com ACF e PHP. Garante estabilidade e bom desempenho.

• Sites dinâmicos (e-commerce, marketing, landing pages) → o Elementor é mais indicado, porque permite que o cliente ou a equipe de marketing altere layouts e conteúdos sem precisar de programador.

Flexibilidade para programadores

• WPBakery → muito usado por developers. Permite adicionar IDs, classes e CSS personalizado com facilidade. Ideal para quem gosta de construir a base em PHP e refinar no CSS.

• Elementor → permite personalizações, mas a sua lógica é mais voltada para no-code. Perfeito para utilizadores que querem independência sem mexer em código.

Popularidade em 2025

De acordo com os números mais recentes:

• Elementor → mais de 10 milhões de instalações ativas.

• WPBakery → mais de 5,8 milhões de instalações ativas.

O Elementor praticamente dobrou o WPBakery em popularidade, consolidando-se como o page builder mais utilizado do mundo.

Comparação direta: Elementor vs WPBakery

O post Elementor vs WPBakery: Qual é o melhor page builder em 2025? apareceu primeiro em AGT Online.

Sendo a AGT uma empresa voltada ao desenvolvimento de soluções na área web, é claro que este é um tema ao qual temos nos atentado desde o começo.

Não há dúvidas que a inteligência artificial automatiza muitas atividades na área de programação:

• Automação de tarefas repetitivas: A IA pode lidar com tarefas demoradas, como geração de código, testes automatizados e análise de desempenho, permitindo que os desenvolvedores foquem em atividades mais criativas e estratégicas.
• Melhoria na produtividade: Ferramentas de IA como ChatGPT ou Copilot podem sugerir trechos de código, corrigir erros e até ajudar na documentação, acelerando o processo de desenvolvimento.
• Testes mais eficientes: A IA pode criar cenários de teste automatizados, identificar falhas potenciais e executar testes de regressão de forma mais rápida e precisa.
• Detecção de erros e vulnerabilidades: Algoritmos de IA podem analisar códigos em busca de vulnerabilidades de segurança e inconsistências, ajudando a construir aplicações mais seguras.
• Assistência no design de aplicações: Ferramentas baseadas em IA podem gerar protótipos, designs visuais ou até interfaces de usuário de forma rápida, otimizando o fluxo do desenvolvimento.
• Acesso a insights a partir de dados: A IA pode processar grandes volumes de dados para fornecer insights que ajudam na tomada de decisões sobre como projetar e melhorar as aplicações.

Então podemos deixar tudo com a IA e resolver tudo na base do prompt, certo?

Bom, não é bem assim.

Na verdade, o uso da IA no ‘automático’, apenas pedindo pra gerar soluções e colocando no ar, não apenas causará – como já está causando – problema sérios no universo da programação e da engenharia de software.

Alguns problemas que já estão acontecendo

Falhas de Segurança: Um estudo recente revelou que aproximadamente 35,8% dos trechos de código gerados pelo GitHub Copilot apresentavam falhas de segurança, independentemente da linguagem de programação utilizada.

Vulnerabilidades: Outro estudo empírico examinou 733 trechos de código gerados por ferramentas de IA, como o GitHub Copilot, em projetos hospedados no GitHub. Os achados foram preocupantes:​

• 29,5% dos trechos em Python e 24,2% em JavaScript continham fraquezas de segurança.
• As vulnerabilidades identificadas abrangem 43 categorias do Common Weakness Enumeration (CWE), incluindo Uso de valores aleatórios insuficientemente seguros (CWE-330), controle inadequado na geração de código (CWE-94) e Cross-site Scripting (XSS) (CWE-79)​

Essas falhas foram encontradas mesmo quando os desenvolvedores solicitavam explicitamente código seguro, indicando que a IA pode replicar padrões inseguros presentes nos dados de treinamento.

Alucinações de Código: Geração de Funções InexistentesAs chamadas “alucinações” ocorrem quando a IA gera código que parece plausível, mas é incorreto ou inexistente. Por exemplo, o ChatGPT pode sugerir funções ou bibliotecas que não existem na linguagem de programação ou no contexto atual, levando a erros difíceis de depurar. ​

Porque é mais fácil a IA se aliar ao programadores – e não eliminá-los

1. A IA não é tão boa em considerar contexto. Uma coisa é seu cliente pedir: “Gostaria de uma página que mostre o histórico de compras dos meus clientes.” Então a IA cria essa página funcional que mostra uma tabela com colunas como: ID da compra, Data, Valor, Produto.

OK. Porém um programador experiente consideraria aspectos como negócio, usabilidade, relacionamento com cliente, etc. Então ele perguntaria:

“O cliente final vai ver essa página? Então precisa estar adaptada para mobile?”

“Esses dados devem ser mostrados em ordem decrescente por data?”

“Precisa exibir também o status da compra (entregue, em andamento, cancelada)?”

“Devo incluir links para visualizar ou repetir uma compra?”

“E quanto à segurança? Só pode acessar o histórico estando logado?”

“Esse histórico deve considerar o relacionamento (ex: sugestão de produtos com base no histórico)?”

Isso mostra a visual macro que a IA ainda não tem.

2. A ideia da ‘caixa-preta’. Quando um desenvolvedor programa um projeto do zero, ele precisa pensar em arquitetura dessa solução e projetar cada parte. Nisso, ele acaba entendendo como aquilo funciona – e consegue dar manutenção(não se engane, todo projeto vai precisar de manutenção em algum momento). E é aí que usuários que utilizam a IA de forma automática – sem entender como funciona por dentro – podem ter problemas. Eles não vão conseguir gerar um fix quando um problema ocorrer – ou terão bastante dificuldade. A própria IA às vezes se perde em aplicar fixes no próprio código. Eu mesmo, há algumas semanas, pedi pro ChatGPT criar uma aplicação simples de cadastro e login em Java. Descrevi detalhadamente o que queria no prompt e pedi pra gerar. Não só ele gerou faltando muita coisa(que eu havia expressamente pedido) – como quando pedi pra arrumar o que faltou, ele não conseguiu.

3.  Código Legado – IAs são boas em gerar código, mas é muito diferente quando estamos falando de analisar e dar manutenção em códigos escritos há mais tempo. Isso porque para um mesmo problema, existem várias formas de resolvê-lo – e a IA nem sempre entende como um problema foi resolvido por outro programador em um código legado – coisa que um programador experiente conseguiria.

4. IA copiando código de IA: um problema a médio e longo prazo. A IA tem como base de dados as informações da internet, inclusive as próprias soluções de código. Porém, com o aumento de códigos feitos por IA na internet, ela passa a absorver o próprio código gerado por outras IAs(que como já falamos, contém erros ainda). Isso curiosamente faz a máquina absorver códigos inconsistentes e entender aquilo como certo, fazendo as coisas serem exatamente o oposto do que deveriam ser. Adicione a isso o fato de que pesquisadores da Dinamarca sugerem que 99% da internet será composta por conteúdo gerado por IA até 2030. Resultado? Experimentos publicados na revista Nature em julho de 2024 mostram que quando as IAs apelam para o ‘canibalismo’, ous eja, consumir conteúdos criados por outras IAs, elas tendem a gerar mais distorções a cada interação com esse conteúdo. No estudo, eles pediram para a IA criar um texto sobre arquitetura na Idade Média. Depois, foram pedindo para o modelo seguinte de IA falar sobre o mesmo assunto mas com base no texto do modelo anterior. No nono modelo, o texto já não fazia sentido algum. Imagine isso orientado para programação!

E o futuro?

Por fim, acreditamos que a IA deve ser usada mais como uma ferramenta do que como um ‘programador disponível 24hs’. É inútil negar que a IA veio pra ficar e está revolucionando o modo como trabalhamos e vivemos, porém, conforme explicado acima, ainda está longe de ser um agente completo – que imagina, arquiteta, se relaciona, pensa, considera aspectos externos, entrega e mantém soluções tecnológicas.

Além disso, com a quantidade de ‘código ruim’ posto no ar sem revisão e bom senso, a demanda dos programadores e engenheiros de software só irá aumentar nos próximos anos – a fim de consertar o que de ruim foi gerado pelo uso errado da IA.

Vamos desenvolver sua solução?

A AGT Online é especialista no desenvolvimento de soluções personalizadas para o seu negócio.

Fale conosco caso tenha interesse em desenvolver uma solução para o seu negócio – pensada por humanos e eventualmente elaborada com ajuda da IA.

—

Fontes:

• Linkedin
• Contacta
• Git Guardian
• Canaltech
• Nature

O post A IA Vai Dispensar a Necessidade de Programadores e Engenheiros de Software? apareceu primeiro em AGT Online.

Desde 2021, o Google já divulgava a intenção de desativar os cookies de terceiros, adotados pelas organizações em seus sites, sejam eles e-commerce ou não.

A decisão foi colocada em prática no início deste ano. Se você quer entender mais sobre o assunto, nosso time especialistas preparou este artigo.

Acompanhe!

Para que servem os cookies?

O fim da captação dos cookies de terceiros já era anunciado pela Google desde 2021.

De modo geral, os cookies podem ser entendidos como pequenos arquivos de texto que ficam armazenados no computador sempre que alguém visita um site.

Para avisar que a prática ocorre, é comum observar, ao navegar pelo site em questão, uma janela avisando sobre eles, que podem ser coletados de forma integral ou parcial.

O uso dos cookies geralmente serve para lembrar as preferências da pessoa ao acessar aquele espaço digital.
Pode ser o idioma selecionado ao navegar ou a localização do indivíduo, além de informações de login, quando for o caso.

Serve, portanto, para agilizar os acessos todas as vezes que a pessoa voltar a visitar determinado site.

Porém, aqui reside o grande X da questão: ao armazenar essas informações, as organizações podem ferir a privacidade de quem usa.

Origem dos cookies

Não é de hoje que os cookies são utilizados na World Wide Web (WWW) — que, por sua vez, é usada para acessar uma infinidade de sites.

Desde a década de 1990 o recurso é empregado para, inicialmente, melhorar a experiência de pessoas usuárias. No entanto, para as empresas, tem outra função bastante valiosa.

Os cookies são usados para coletar informações sobre o comportamento de visitantes na web. Por exemplo, ao clicar no anúncio de um produto, essa informação fica armazenada.

É por isso que acaba sendo comum ver o mesmo tipo de anúncio ou produtos e serviços parecidos em outros sites.

Entretanto, as organizações não explicavam direito de que forma esses dados eram armazenados e usados. Por exemplo, se eram comercializados para terceiros.

Isso fere políticas de privacidade, bem como o anonimato da pessoa.

Tipos de cookies

De modo geral, existem duas modalidades de cookies.

Um deles são os cookies primários — também conhecidos como first-party cookies —, armazenados pelo próprio site que a pessoa acessa. São os casos de itens deixados em um carrinho de compras ou o idioma selecionado.

A segunda modalidade são os cookies de terceiros, os third-party cookies. Nesse caso, a parte de armazenamento fica a cargo de uma organização terceirizada, que age em prol de diferentes empresas.

No fim das contas, a intenção é fazer o cruzamento de informações. Chats e curtidas em posts são exemplos disso. E é justamente esse tipo de informação armazenada que a Google busca neutralizar.

Por que a Google vai desativar os cookies de terceiros?

Em 2021, a Google anunciou a intenção de desativar os cookies de terceiros quando alguém utilizasse o Google Chrome.

A medida foi tomada, especialmente, para tentar proteger a privacidade de quem utiliza os sites.

A Google defendia o uso de uma segunda ferramenta, o Aprendizado Federado ou Federated Learning of Cohorts (FLoC).

Essa tecnologia faz parte da iniciativa Privacy Sandbox, que visa fornecer uma alternativa aos cookies de terceiros.

Como o bloqueio dos cookies acontecerá na prática?

Em vez de rastrear e coletar informações em nível individual, o que os navegadores e as organizações passam a ter acesso é a dados agrupados.

Dessa forma, os interesses são vistos como comuns em grandes grupos, permitindo que as empresas direcionem anúncios de acordo com as preferências de um conjunto de pessoas, sem identificar quem usa o site.

Assim, usuários individuais permanecerão anônimos e, teoricamente, com maior controle sobre quem utiliza os seus dados.

Big techs como Google pretendem, com a medida, proteger as informações e privacidades de pessoas usuárias no geral.

A medida será viável a partir do uso de uma Application Programming Interface ou Interface de Programação de Aplicação, chamada de API de Topic.

Basicamente, o histórico de acessos permanece anônimo e apenas os interesses por trás deles podem ser observados pelos sites, sem identificar a pessoa.

Esse meio-termo encontrado pela Google — que também contará com o auxílio de outros publicadores e buscadores para dar andamento à proposta — visa defender um bloqueio parcial dos cookies.

Isso porque o impedimento total poderia prejudicar a maneira como as pessoas conhecem e navegam na internet atualmente.

Mas tudo vai ocorrer de forma gradual. Na fase inicial do bloqueio, apenas 1% de quem usa, selecionados de modo aleatório, não terá seus cookies coletados por parte das organizações.

E a Google promete avisar a pessoa de que ela está passando por essa nova experiência de navegação.

Dessa forma, empresas terão um tempo hábil para se adequar e encontrar outras maneiras de ter acesso aos dados de quem usa seus sites, produtos e serviços.
Se o site visitado não puder ser apresentado por apenas funcionar mediante cookies de terceiros, o navegador exibirá uma janela com um aviso. Assim, a pessoa decide se cede suas informações ou não.

Como manter a captação de dados nos sites sem os cookies?

A coleta de informações sobre o comportamento da pessoa usuária pode, sim, ser feita sem o apoio de cookies. Existem formas de solicitar o consentimento de quem navega pelo site.

Os pop-ups que surgem na tela assim que alguém acessa uma página são exemplos disso. E, de certo modo, a medida está de acordo com os preceitos estabelecidos em legislações como a Lei Geral de Proteção de Dados Pessoais (LGPD).

A organização pode mostrar que essa medida é adotada para observar a proteção à privacidade do usuário, ao ter optado por não oferecer cookies no site. Isso tende, indiretamente, a aumentar a confiança do público em relação à marca.

Como as pessoas empreendedoras podem se preparar?

Formulários são uma alternativa para pessoas empreendedoras captarem informações, sem necessitar de cookies para isso.

Além de informar sobre a coleta ou usar formulários, existem outras alternativas interessantes.

Elas também servem para aumentar a autoridade da marca e focar em branding. Saiba mais a seguir.

Aposte no marketing de conteúdo

Suponhamos que você revenda roupas de ginástica. Atualmente, é grande o número de pessoas interessadas em investir em uma vida mais saudável.

E, especialmente no caso das mulheres, são muitas as que se preocupam com a qualidade das peças que vão vestir na academia ou para correr ao ar livre.

Assim, que tal investir em uma newsletter sobre dicas fitness e looks esportivos que são tendências?

Ao mostrar que, mais do que vender roupas, você entende do assunto, é possível gerar identificação do público com sua marca.

Isso porque o consumidor entenderá que a empresa tem valor agregado e se preocupa com a questão.

Logo, ao estimular que a pessoa consumidora assine a newsletter, é possível solicitar dados que podem ser usados para entender o comportamento desse lead.

—

Fonte adaptada de: Locaweb

O post Fim dos cookies de terceiros: o que muda com essa medida do Google apareceu primeiro em AGT Online.

• 1. Preenchimento do briefing
• 2. Envio do orçamento
• 3. Aprovação do orçamento
• 4. Esboço do site: wireframe e layouts
• 5. Aprovação do layout
• 6. Envio do conteúdo
• 7. Desenvolvimento dos códigos
• 8. Validação
• 9. Aprovação final
• 10. Publicação (Go Live)

A maioria dos clientes interessados em um novo site costuma me perguntar como é o processo de criação e quanto tempo leva para ficar pronto. O processo é simples de explicar. Já o tempo para conclusão do site vai depender da equipe e do tamanho do projeto.

Montei um resumo das etapas baseado no meu fluxo de trabalho e no infográfico do John Furness, designer e fundador da Simple Square. Nesse infográfico, John Furness considerou o tipo de envolvimento, qual a importância do evento e quem vai executar a tarefa (designer ou cliente).

No meu infográfico, mantive a divisão de tarefas mas preferi simplificar as etapas facilitando o entendimento do processo. A partir da reunião inicial temos:

Explicando as etapas:

1. Preenchimento do briefing

O briefing é a base de informações sobre o site. É um questionário com perguntas sobre os produtos/serviços oferecidos, qual o público alvo, quem são os concorrentes, quais os objetivos a médio e longo prazos, história da empresa etc. Um briefing bem preenchido é o primeiro passo para um projeto de sucesso.

2. Envio do orçamento

Com base nas informações do briefing, consigo saber quais as necessidades da empresa e quais funcionalidades teremos (formulários, sliders, galerias, dashboards, Google Maps, videos, métodos de pagamento para e-commerce etc). Essa é minha base para pesquisa de concorrência, análise dos pontos fortes e fracos e quais as características de mercado do cliente. Envio então um orçamento/contrato detalhado contendo descrição completa do serviço, suas etapas, cronograma, valor e forma de pagamento.

3. Aprovação do orçamento

Assim que o cliente aprovar o orçamento, dou início aos trabalhos.

4. Esboço do site: wireframe e layouts

O primeiro passo é a construção do wireframe, que é um protótipo usado para sugerir a estrutura que o site terá e como ele vai se relacionar com as outras páginas (já falei sobre esse assunto aqui).

O wireframe define quais os assuntos prioritários, a localização ideal de cada elemento e a distribuição dos links em todo o site. Nesse ponto já temos uma ideia geral do conteúdo do site. É o momento onde o cliente deve aprovar a estrutura do projeto.

Já os layouts são a transformação do esboço (wireframe aprovado) em imagens. Aqui é definida a identidade visual do site através da tipografia, paleta de cores, iconografia, fotos, textos etc.

O primeiro layout a ser criado é a Home. Com ela aprovada, partimos para a criação das páginas internas do site.

5. Aprovação do layout

Fase em que o cliente revisa os últimos detalhes gráficos apresentados.

6. Envio do conteúdo

Com os layouts aprovados, o cliente já pode enviar todo o conteúdo do site (fotos, textos, videos, documentos para download etc).

7. Desenvolvimento dos códigos

Aqui o layout aprovado será convertido em linguagem de programação adequada a todos os navegadores. Tecnicamente é dividida em duas partes: o desenvolvimento front-end (construção de tudo o que podemos ver na tela como animações, cores, disposições de texto e imagem, campos etc) e o back-end (tudo o que ocorre nos bastidores do site e invisíveis ao usuário: gerenciamento de banco de dados, segurança das informações, integração de sistemas etc).

Durante o desenvolvimento do código, o site fica disponível para navegação em um endereço provisório, permitindo ao cliente acompanhar todo o processo.

8. Validação

Com todos os códigos desenvolvidos e conteúdos aplicados, é a hora da validação. Baseado na ferramenta de padronização do W3C, consórcio internacional que estabelece padrões de qualidade para sites do mundo todo, serão analisados e corrigidos todos os códigos do site. Para entender melhor, a validação funciona como uma “análise gramatical” que verifica possíveis erros na linguagem de código.

9. Aprovação final

É a última fase de verificação e onde o cliente dá o ok final para a publicação do site.

10. Publicação (Go live)

Após a aprovação final, é hora de publicar o site. Isso envolve a contratação de um domínio (ex.: www.suaempresa.com.br) e também de uma hospedagem em servidores que tornarão seu site visível para os usuários da web.

—

Cada projeto tem suas próprias demandas assim como cada designer tem seu próprio método de trabalho. Aqui eu dividi em 10 fases com um tempo médio de produção entre 45 e 60 dias.

Após a publicação, o mais indicado é que o cliente faça um contrato de manutenção do site. Isso garante backups periódicos, suporte técnico, atualizações, verificações de vírus, entre outras tarefas. É a garantia de que todo o trabalho terá continuidade e funcionamento perfeito.

O post As 10 etapas de criação de um site apareceu primeiro em AGT Online.