Elementor

Elementor WordPress é o page builder visual mais popular do mundo, com mais de 13 milhões de sites ativos. Ele substitui o editor padrão do WordPress por uma interface drag-and-drop em tempo real, onde você arrasta widgets para a tela e vê o resultado imediatamente. Funciona em qualquer tema, é compatível com qualquer plugin e oferece uma versão gratuita robusta no repositório oficial além da versão Pro com recursos avançados.

O que é o Elementor

Elementor é um plugin de page builder lançado em 2016 pela startup israelense de mesmo nome. Sua proposta foi resolver um problema histórico do WordPress: criar layouts visuais sem precisar mexer em PHP, HTML ou CSS. Antes do Elementor, designers dependiam de short codes confusos, de temas com builders proprietários ou de codar tudo na mão.

O que é elementor na prática: um editor que abre em uma tela cheia separada do painel WordPress. À esquerda, painel com widgets disponíveis (texto, imagem, botão, formulário, slider). À direita, prévia ao vivo do que está sendo construído. Você arrasta um widget para a área de trabalho, clica e edita propriedades — tudo visual, com mudanças aplicadas em tempo real.

O modelo se popularizou rápido por três razões: curva de aprendizado baixa (basta saber arrastar e clicar), independência de tema (funciona em qualquer tema bem feito) e ecossistema gigantesco de templates e add-ons. Hoje qualquer profissional WordPress que constrói sites para clientes precisa pelo menos saber usar Elementor — virou commodity técnica do mercado.

O page builder Elementor convive com outros do mercado (Divi, Beaver Builder, WPBakery), mas tem maior fatia. Comparado ao Gutenberg nativo do WordPress, oferece mais flexibilidade visual, com custo de adicionar peso ao site e dependência de plugin de terceiros.

Elementor Free vs Elementor Pro

A versão Free está no repositório oficial do WordPress e cobre o caso da maioria dos sites pessoais e blogs simples. Inclui mais de 40 widgets básicos (texto, imagem, vídeo, botão, espaçador, divisor, ícones), 30+ templates prontos, controle total de cores e tipografia, e responsividade para mobile, tablet e desktop.

A versão Pro adiciona widgets avançados que mudam o jogo para sites profissionais: Form Builder (formulários com integrações nativas para Mailchimp, ActiveCampaign, Hubspot), Theme Builder (cabeçalho, rodapé, single post, archive, 404 — tudo editável visualmente), WooCommerce Builder (templates de produto, checkout, página de loja), Popup Builder, Slides, Posts dinâmicos, e mais 90 widgets.

O elementor pro também desbloqueia Dynamic Content — exibir dados dinâmicos do WordPress em qualquer widget. Você pode mostrar o título do post atual, o nome do autor, a data de publicação, custom fields do tema ou de plugins como ACF. Isso transforma o Elementor de page builder em ferramenta de construção de templates inteiros.

O preço da versão Pro varia de US$ 59/ano (1 site) até US$ 999/ano (1000 sites). Para freelancers e agências brasileiros, costuma ser investimento que paga em poucos projetos — economiza horas de codificação por site, e a maioria dos clientes acaba pedindo recursos que só existem no Pro (formulários, popups, theme builder).

A discussão elementor vs gutenberg recai principalmente em performance e familiaridade. Gutenberg é mais leve e nativo. Elementor é mais flexível e com curva mais suave. Sites simples se beneficiam de Gutenberg. Sites complexos com muitas seções customizadas geralmente vão para Elementor.

Como criar páginas com Elementor

O fluxo padrão é criar uma nova página no painel (Páginas → Adicionar Nova) e clicar no botão azul “Editar com Elementor”. A interface do builder abre. Você escolhe entre começar do zero, importar um template da biblioteca pronta ou copiar de outra página existente. Templates aceleram muito — para uma landing page típica, você sai de zero a layout completo em 10 minutos.

A estrutura do Elementor segue três níveis: seções (linhas horizontais), colunas (divisões verticais dentro da seção) e widgets (elementos individuais dentro das colunas). Você arrasta widgets para colunas, ajusta propriedades, cores, margens e padding via painel lateral. Cada elemento tem três abas de configuração: Conteúdo (textos e imagens), Estilo (cores e tipografia) e Avançado (margens, animações, CSS custom).

A responsividade é controlada por breakpoints. No topo do builder há ícones de desktop, tablet e mobile — você muda entre eles e ajusta especificamente o que vê em cada tela. Pode ocultar uma seção em mobile, mudar tamanho de fonte em tablet, ou reordenar colunas. Essa granularidade fez Elementor virar padrão para sites que precisam parecer perfeitos em todas as telas.

Para projetos profissionais, vale a pena criar um Theme Builder completo na versão Pro. Você define o cabeçalho global, rodapé global, template de single post, template de archive, página 404, página de busca — tudo no Elementor. Quando algum elemento muda, atualiza globalmente. É como ter um template hierárquico, mas todo editado visualmente.

Add-ons populares para Elementor

Add-ons são plugins que estendem o Elementor com widgets adicionais. O ecossistema é vasto e em constante crescimento. Alguns viraram referência no mercado por trazer recursos que cobrem buracos do core do Elementor sem precisar passar para concorrentes.

Essential Addons for Elementor é o mais instalado, com mais de 1 milhão de sites ativos. Adiciona 90+ widgets gratuitos: caixas de equipe, depoimentos, contadores, comparação de imagens, accordion. A versão Pro tem 70+ widgets extras incluindo MailChimp, Twitter feed, Instagram feed e templates premium.

Ultimate Addons for Elementor (da Brainstorm Force, mesma empresa do tema Astra) é a opção “premium clean” — menos widgets, mais qualidade. Foco em performance: widgets bem otimizados, sem sobrecarga. Comum em sites profissionais que prezam por velocidade tanto quanto por design.

Crocoblock JetEngine é o add-on mais avançado para sites complexos com custom post types, bancos de dados próprios, listings dinâmicos. Permite construir sistemas inteiros (diretórios, marketplaces, portfolios) sem código. Curva de aprendizado maior, mas resultado profissional para projetos sérios.

Para projetos que precisam de Elementor já bem configurado, com versão Pro licenciada, add-ons curados e otimização para performance, a FULL Services entrega o Elementor PRO já licenciado e configurado dentro da stack profissional, junto com plugins complementares de SEO, cache e segurança calibrados para rodar em harmonia com o builder. Em vez de comprar licenças avulsas e configurar plugin por plugin, você roda em uma stack pronta para produção desde o primeiro deploy.