O que é Elementor – O que faz e como instalar

Escrito por

O que é Elementor

Compartilhe este artigo

Compartilhar no facebook
Compartilhar no linkedin
Compartilhar no twitter
Compartilhar no email

Você já deve ter ouvido falar do Elementor, e talvez fique curioso sobre o que é Elementor, pra que serve na prática e se vale a pena usar… Uns dizem que é bom, outros que deixa o site pesado.. Cada um diz uma coisa e no fim das contas você não tem certeza do que é esse tão falado Elementor, nem sabe exatamente o que dá pra fazer com ele.

Se você quer uma explicação simples e objetiva sobre o que é Elementor, aqui neste artigo você entenderá porque ele é considerado o melhor construtor de páginas e sites da atualidade.

Ah, e o melhor: depois de ler este artigo você já será capaz de saber se ele serve para seus projetos ou para as necessidades dos seus clientes.

O que é Elementor e porque você deve usá-lo

O Elementor é um plugin do tipo “page builder” (construtor de página), que é usado no WordPress. O objetivo é facilitar a construção dos layouts das páginas sem precisar programar e sem precisar criar um tema.

Aliás, eu tenho um artigo onde mostro quais temas funcionam melhor no Elementor.

Com o Elementor, você monta o layout do site inteiro, independente do tema que esteja usando. Mas apesar de poder usar qualquer tema, existem alguns temas que são melhores para se trabalhar com o Elementor.

Eu costumo dizer que quando você usa o Elementor, você cria sites “como no Photoshop”, de tão simples que é.

Continue lendo pra ver que lindeza de plugin.

O Elementor se tornou o mais famoso plugin page builder pois é o mais simples e intuitivo de todos.Ele permite criar as páginas “ao vivo”, sem precisar salvar e abrir em uma nova aba pra ver como está ficando o layout.
Eu destaco as seguintes características que fizeram o Elementor ser o melhor de todos:

  1. O Elementor é grátis. Apesar de existir uma versão paga, você consegue criar muita coisa com a versão gratuita.
  2. O Elementor é fácil de usar. Por ser uma ferramenta do tipo “arrasta e solta“, você só precisa ir adicionando os elementos de layout que precisa. Eles já vem todos pré montados.
  3. Sistema de Templates – O Elementor possui uma Biblioteca com vários templates de páginas já prontos e completos. Você consegue por exemplo criar a home page de um site com 3 cliques.

Como instalar o Elementor

  1. A instalação é muito simples. É como instalar qualquer outro plugin do WordPress
  2. Vá em Plugins
  3. Adicionar Novo
  4. Pesquisar na caixa de pesquisas por ‘Elementor’
  5. Clicar em “Adicionar” e “Ativar” no plugin “Elementor”


Como usar o Elementor

Depois de instalado, basta ir até a página que você quer editar e clicar no botão “Editar com Elementor

O que é Elementor e como usar

Você deve escolher “Elementor Canvas” para ter uma folha em branco sem cabeçalho ou rodapé.
Escolha “Elementor Largura Total” para ter uma folha em branco, porém carregando o Cabeçalho e o Rodapé que vem com o tema instalado
Widgets Elementor
Widgets” são os elementos que você arrasta para a página
Alguns “widgets” básicos e amplamente usados:

  • Ícone
  • Caixa de Imagem
  • Galeria de Imagem
  • Carrossel de Imagens
  • Contador
  • Depoimentos
  • Abas
  • Acordeão
  • Vídeo
  • Botão

Para construir páginas com estes widgets, basta ir criando seções com colunas em seu interior de ir arrastando e posicionando o conteúdo.

E assim você consegue criar todas as páginas de um site usando o Elementor.

Com estes plugin, afinal, você irá construir o site inteiro! Percebeu porque era importante descobrir o que é Elementor e como ele é poderoso?

Quer conhecer todos os widgets do Elementor e entender como usar e personalizar cada um? Basta assistir as aulas do meu Curso Gratuito de Elementor aqui no meu Blog clicando no botão abaixo

Elementor deixa o site pesado?

Realmente, ao usa o Elementor seu site fica mais pesado. Ele carrega vários scripts e muito css também.

Para contornar este problema o ideal é usar um bom plugin de cache e estudar como otimizar:

  • Imagens
  • Javascript
  • CSS
  • Fontes Google

Se tudo for configurado certinho, você conseguirá otimizar o Elementor e deixar o site bem rápido até.

Lembrando que o ideal é sempre trabalhar com boas hospedagens. Se o site tem muitas visitas pode ser recomendável usar um servidor dedicado.

Bugs com Elementor

Como todo plugin que você adiciona no WordPress, o Elementor pode gerar um ou outro bug.

Um problema comum é você encontrar a seguinte mensagem: “A pré visualização não pode ser carregada”.

Felizmente este bug tem solução e eu viz uma lista em um artigo. Para ler agora clique no botão abaixo:

Compartilhe

Curso Elementor Grátis

Aprenda o construtor de sites mais usado atuamente

Explore mais artigos

Como personalizar as cores dos botões do Elementor

Você já precisou inserir vários botões em um site feito com o Elementor? Já notou que isso pode ser uma tarefa repetitiva e que te toma tempo? Sim, porque a cada botão inserido é preciso: Escolher a cor do texto Escolher a cor do fundo Escolher a cor do texto pro mouse hover Escolher a

Compartilhe

Tirar os números do menu hambúrguer no Elementor

Em algumas versões do Elementor tem aparecido 3 números ao lado das linhas do menu hamburger. Eu pesquisei na internet e encontrei uma solução no Reddit. Foi postada pelo usuário Kaddidle neste thread. Veja na imagem como está aparecendo com o bug Para corrigir este bug, você precisará inserir um código de CSS na área

Compartilhe

Quer dar um gás no seu site?

Vamos bater um papo que eu te ajudo

CTA post - O que é Elementor - O que faz e como instalar