Foto: Helder da Rocha (BY-SA) via Openverse

Como usar o Elementor no WordPress do zero

Se você quer criar páginas bonitas no WordPress mas trava na hora de mexer no editor, este guia é para você. O Elementor é um construtor de páginas visual: em vez de escrever código, você arrasta blocos com o mouse e vê o resultado na tela na mesma hora. É a forma mais simples de montar uma landing page, um site institucional ou uma página de vendas sem precisar contratar um programador.

Neste passo a passo você vai aprender o caminho completo: instalar o Elementor, abrir o editor pela primeira vez, entender a estrutura de seções, colunas e widgets, editar textos e imagens, deixar tudo responsivo no celular e publicar. Tudo explicado em linguagem de quem está começando agora, sem termos complicados.

1. Instale e ative o plugin Elementor

O Elementor é um plugin gratuito que você instala dentro do seu WordPress. Para começar:

1. Faça login no seu painel do WordPress (geralmente em seusite.com/wp-admin).
2. No menu lateral, vá em Plugins → Adicionar novo.
3. No campo de busca, digite Elementor.
4. No primeiro resultado (Elementor Website Builder), clique em Instalar agora e depois em Ativar.

Pronto: agora você tem um novo item chamado Elementor no menu, e todas as páginas passam a ter o botão "Editar com Elementor". A versão gratuita já resolve a maioria das necessidades de quem está começando. Se quiser entender o que muda na versão paga, vale ler nosso comparativo entre Elementor grátis e Pro.

2. Crie uma página e abra o editor do Elementor

O Elementor edita páginas, então o primeiro passo é criar uma:

1. No painel, clique em Páginas → Adicionar nova.
2. Dê um título para a página (por exemplo, "Minha primeira página").
3. Clique no botão azul Editar com Elementor.

A tela vai mudar completamente. Do lado esquerdo aparece o painel de widgets (os blocos prontos), e do lado direito a área de visualização, onde sua página realmente aparece. Tudo o que você arrastar para a área da direita é o que o visitante vai ver. Essa visualização em tempo real é o grande trunfo do Elementor: você nunca fica no escuro adivinhando como ficou.

3. Entenda a estrutura: seções, colunas e widgets

Toda página feita no Elementor é montada com três peças encaixadas, como blocos de montar:

• Seção (ou contêiner): é a faixa horizontal que atravessa a página. Pense nela como uma "linha" do seu layout — um cabeçalho, um bloco de depoimentos, um rodapé.
• Coluna: divide a seção em partes verticais. Uma seção pode ter uma coluna (largura total), duas (texto à esquerda, imagem à direita) e assim por diante.
• Widget: é o conteúdo em si — um título, um parágrafo, um botão, uma imagem, um vídeo, um formulário. Você arrasta o widget para dentro de uma coluna.

Para adicionar a primeira estrutura, clique no botão + na área de visualização e escolha quantas colunas você quer. Depois, é só arrastar widgets do painel da esquerda para dentro delas. Quando entender essa lógica de seção → coluna → widget, você monta qualquer layout.

4. Edite textos, imagens e botões

Editar é simples: clique no elemento que quer mudar. Ao clicar, o painel da esquerda se transforma nas opções daquele item, organizado em três abas:

• Conteúdo: o que está escrito, o link do botão, a imagem usada.
• Estilo: cores, fontes, tamanho, espaçamento, bordas.
• Avançado: margens, espaçamentos finos e efeitos (não se preocupe com essa aba no começo).

Por exemplo, para trocar um texto, clique sobre ele e digite direto na tela. Para mudar uma imagem, clique nela e use a aba Conteúdo para selecionar outra da sua biblioteca de mídia. Para um botão, na aba Conteúdo você escreve o texto e cola o link de destino. Toda alteração aparece imediatamente — se não gostou, é só voltar.

5. Use modelos prontos para ganhar tempo

Você não precisa começar do zero. O Elementor traz uma biblioteca de modelos: clique no ícone de pasta dentro de uma seção e navegue por dezenas de blocos prontos (cabeçalhos, listas de preço, depoimentos). Escolha um parecido com o que você imagina, insira, e depois troque os textos e imagens pelos seus. É o caminho mais rápido para um resultado profissional sem ter olho de designer.

6. Deixe responsivo e publique

A maioria das pessoas vai acessar sua página pelo celular, então confira como ela fica em telas menores:

1. Na barra inferior do editor, clique no ícone de responsividade (um monitor pequeno).
2. Alterne entre desktop, tablet e celular e veja como cada elemento se comporta.
3. Ajuste tamanhos de fonte ou espaçamentos que estiverem estranhos no celular — o Elementor permite valores diferentes por dispositivo.

Quando estiver satisfeito, clique no botão verde Publicar no canto inferior esquerdo. Sua página fica no ar imediatamente. Para revisitar depois, é só voltar em Páginas e clicar novamente em "Editar com Elementor".

Dica de ouro para iniciante: salve com frequência (botão "Publicar" ou "Atualizar") e use o ícone de histórico para desfazer. Errar faz parte — o Elementor deixa você voltar atrás sem medo.

Perguntas frequentes

Preciso saber programar para usar o Elementor?
Não. Todo o trabalho é feito arrastando blocos com o mouse. Você nunca escreve uma linha de código.

O Elementor é gratuito?
Sim, a versão básica é gratuita e suficiente para criar páginas completas. Existe a versão Pro, paga, com recursos extras como o editor de tema e formulários avançados.

O Elementor funciona em qualquer tema do WordPress?
Funciona na grande maioria. Para evitar conflitos, muitos iniciantes usam o tema gratuito "Hello Elementor", feito justamente para deixar o construtor livre.

Minhas alterações somem se eu fechar a aba?
Não, desde que você tenha clicado em Publicar ou Atualizar. Por segurança, salve antes de fechar.

Leia também: Elementor grátis vs Pro · Como criar uma landing page no WordPress · Como instalar o WordPress