Elementor vs Divi: Review, Pros / Contras e Ultimate Guide (2021)

elementor vs divi

Bem-vindo à minha análise imparcial de Elementor vs Divi para 2021.

Devo o sucesso da minha agência a esses dois criadores de páginas (e ao café frio), mas eles são para dois tipos de cliente COMPLETAMENTE DIFERENTES. Se você escolher o errado, pegar atalhos ou obter o plano errado, você pode:

  • Desperdício de centenas de dólares (e mais importante, muitas horas)
  • Torne seus sites abertos a hacks
  • Limite seriamente sua capacidade de expandir seus negócios

Mas não se preocupe, é realmente muito fácil escolher o criador de páginas perfeito IF você sabe o que procurar. Tenho anos de experiência prática com os dois, então deixe-me guiá-lo passo a passo por tudo em inglês simples com screenshots, gifs e tudo mais!

Pegue um café (ou sua bebida quente preferida), porque você está prestes a mergulhar fundo em:

  • Divi ou Elementor? Como avaliar rapidamente sua situação atual e decidir qual é a melhor.
  • Como decidir com base no orçamento, habilidade e experiência nutricional com Elementor e Divi
  • A principal diferença de preços que pode economizar milhares de dólares ao longo da vida de sua empresa
  • O erro estúpido que quase me custou US $ 100 E a segurança de todos os meus sites
  • Uma experiência terrível que tivemos com um desses produtos que você precisa saber sobre

Criamos um índice fácil para que você possa pular rapidamente para a seção mais relevante para você. Clique para abrir o conteúdo abaixo:

Conteúdo[Show]

  

Elementor vs Divi: “Quero saber o que é melhor para mim agora!”

Está com pressa e precisa saber o que é melhor para o seu negócio antes de investir alguma coisa?

Deixe-me ser direto com base em meus quase 5 anos de experiência com essas duas ferramentas (já que o Elementor foi lançado pela primeira vez em 2016). 

Um grupo de empresas precisa ABSOLUTAMENTE da Elementor e outro 100% precisa da Divi.

Se você não fizer a escolha certa, pagará. Se não agora, daqui a um ano você estará muito frustrado para trabalhar da maneira que deseja. E toda aquela produtividade e eficiência com que todo empresário sonha é impossível.

Muito mais sobre isso mais tarde, mas aqui está a versão resumida para você:

Obtenha Divi IF ...

  • Você é uma agência: O preço da Divi torna-o um acéfalo para agências ambiciosas. O acesso vitalício sem restrições custa APENAS $ 249. Isso equivale a US $ 249 para cada recurso em sites infinitos. Se você tem centenas de páginas, é como gastar US $ 1 ou LESS por página para o construtor de páginas mais confiável do mundo. 
  • Você precisa do melhor suporte no negócio.
  • Você tem experiência em design: Divi também é bom para iniciantes, mas é ainda melhor para construtores experientes. A curva de aprendizado é mais íngreme do que Elementor, mas quando você sabe o que está fazendo, a potência é muito maior.
  • Você precisa de um tema premium para trabalhar: Divi é um tema WordPress premium e também um criador de páginas, então, quando você compra um, ganha os dois.

Obter Elementor IF ...

  • Você precisa do criador de páginas mais fácil: O Elementor capacita qualquer pessoa a construir uma bela página de destino sem nenhum conhecimento de codificação a partir de $ 0!
  • Você é um solopreneur com 1 site
  • Você está com um orçamento limitado e precisa de um plano GRATUITO
  • Você é um designer que precisa de elementos complexos
  • Você sente a necessidade de VELOCIDADE. Elementor é tão rápido que parece que a página carrega ANTES de eu clicar em Enter
  • Você já tem um tema para trabalhar: Elementor é um construtor de páginas (não um tema) e precisa ser complementado por um tema WordPress. 

 

Divi vs Elementor realmente se resume a uma coisa: preços. Clique aqui para pular para a tabela de preços 

Elementor vs Divi

Elementor e Divi ambos têm recursos avançados de criação de página. O Elementor é gratuito e tem uma versão PRO que custa $ 49. Divi custa $ 89 por ano e pode ser usado em um número ilimitado de sites. O Divi Builder é fácil de usar, mas o Elementor é mais rápido de se trabalhar.

Resumo

  logotipo da elementor plug-in divi builder
Vencedora 🏆  
No geral  4.9/5  4.5/5
Fácil de usar  5/5  4.5/5
Suporte  4.5/5  4.5/5
Estabilidade e Confiabilidade  5/5  4/5
Extensibilidade  5/5  4.5/5
Valor  4.5/5  5/5
Preço Inicia a partir de $ 49 Inicia a partir de $ 89
Free Version Sim Não - mas tem uma garantia de reembolso de 30 dias
Editor em tempo real Sim Sim
Edição inline Sim Sim
Frontend / Backend Ambos Ambos
Arrastar e soltar Sim Sim
Elementos de terceiros suportados Sim Sim
Frontend / Backend Ambos Ambos
Importação / Exportação Sim Sim
Público-Alvo Desenvolvedor / Designer / Usuário / Agência Designer / Usuário / Agência
Elementos suportados 90+  46
Suporte para WordPress Widgets Sim Complicado
Código Limpo Sim Não
Modelos / layouts pré-fabricados 300+ 150+
Recurso legal Conteúdo dinâmico Teste A / B Exemplo: crie XNUMX textos de email > XNUMX pessoas na sua lista, XNUMX receberao XNUMX email e XNUMX receberão outro e veja qual email converteu mais
atuação  4.5/5  4/5
 Do que gostamos  Uma solução muito poderosa para a criação de qualquer tipo de design  Interface de usuário limpa
   Opções superiores de gerenciamento de layout  O conteúdo permanece intacto mesmo após a desativação do plugin
   Preço atraente com acesso  Modo de editor exclusivo para clientes
   Construtor de páginas mais popular por um motivo  Permite que você use widgets WordPress nos layouts
 O que não gostamos  Elementor requer que você adquira um tema WordPress  Algum código permanece após a remoção do plugin
Website Visite o site 
Visite o site (10% DE DESCONTO)

 

Agora que você tem uma visão geral rápida de cada plug-in, vamos dar um mergulho profundo neles. Pesquisamos muitos aspectos, então fique à vontade para rolar e pular para as seções de seu interesse.

Vamos começar com este confronto final de criadores de páginas: Elementor vs Divi!

(LEIA ISSO): Por que escolher o Construtor de Páginas Errado pode custar tudo a você!

Eu tenho que compartilhar essa história ...

Não porque eu queira reclamar (bem, talvez só um pouco ...), mas porque todo desenvolvedor, designer, negócio e agência precisam saber o quão importante é essa decisão.

Era uma vez, em uma era passada de desenvolvimento web (cerca de 8 anos atrás?), Todo mundo já usava os temas premium do WordPress da época. 

Lindas páginas eram possíveis com certeza, mas exigiam uma confusão PESADELOSA de códigos de acesso. Você não pode entender o horrorless você sobreviveu àqueles tempos. Estou apenas exagerando um pouco ...

De qualquer maneira...

Não havia como construir algo sem conhecer o WordPress de dentro para fora.

Web designers eram um tipo específico de desenvolvedores que podiam combinar código com design adequado.

Cara, a vida era ... diferente. 

Então, um dia, um importante fornecedor de WordPress (WPMUDEV) começou a empurrar este novo e incrível criador de páginas de arrastar e soltar: Upfront.

"É incrível. Vai salvar o WordPress do SquareSpace e do Wix! ”, Disseram. 

Naquela época, a maioria de nós ainda resistia aos criadores de páginas. Incluindo me a mim.

Mas este parecia ... melhor.

Para ser justo, foi incrível. O construtor de arrastar e soltar era como manteiga. E tinha algumas características tentadoras:

  • Elementos incríveis prontos para trabalhar
  • “Regiões” fáceis de editar
  • Edição de texto com um clique
  • Modelos para reutilizar e reduzir o trabalho repetitivo
  • Criar páginas foi rápido e fácil! Longe do que costumávamos passar antes ...

O Upfront mudaria tudo.

Então, um por um, todos começaram a pular no trem. Agência por agência, nós entramos na linha.

As pessoas ficaram tão entusiasmadas que construíram todo o seu roteiro no Upfront. Eles até contrataram e treinaram funcionários para usá-lo. Algumas agências com vários sites tinham centenas de páginas usando o Upfront.

Eu não construí meu negócio inteiro em torno do Upfront (nunca coloquei todos os meus ovos na mesma cesta), mas vamos apenas dizer que eu também tenho um pouco de pele no jogo ...

E então, um dia, tudo desmoronou.

dizendo adeus ao adiantado

Um dia, a WPMUDEV simplesmente decidiu descontinuar tudo.

Nenhum aviso.

Nem uma palavra.

O Upfront foi descontinuado e todas as páginas criadas nele se tornaram obsoletas.

Todo aquele trabalho, todo aquele tempo e dinheiro, todo o pessoal treinado para utilizá-lo, todos os roteiros construídos com ele: USELESS.

Leia esta resenha de um proprietário de agência que trabalhou com o Upfront:

Passei a maior parte do ano passado reconstruindo toda a minha agência de website (nosso site de marketing e sites de clientes) com e em torno do Upfront. Apenas ver que agora está fora dos planos de desenvolvimento, sem advertências, depois de confiar nele, contratar e treinar pessoal para usá-lo, simplesmente não é legal ”.

Muitos negócios foram duramente atingidos ... não foi agradável. 

Moral da história?

A escolha do construtor de páginas certo é fundamental para o seu negócio. Isso significa que é vital que você escolha um com histórico comprovado e uma marca confiável.

Caso contrário, você pode ser o próximo empreendedor deixando um comentário descrevendo como o uso do Upfront custou quase tudo.

Mas, eu estou divagando. Voltar para a revisão ...

O que são construtores de páginas?

Não está interessado nesta introdução ou está com pressa? Clique aqui para pular para a próxima parte do artigo

Vamos começar nosso Elementor vs Divi Builder artigo com uma pequena introdução do que um construtor de páginas faz.

Os construtores de páginas são ferramentas que permitem projetar e construir páginas da web com aparência profissional a partir do zero, mesmo com 0 experiência em codificação. 

kB4U67tiQLA

Em vez de passar meses aprendendo a customizar o código de uma página, todo o trabalho árduo já foi feito para você e empacotado em pequenos “elementos”. Basta “arrastá-los e soltá-los” na página onde quiser e VOILA, você tem uma página lindamente projetada ... e ninguém sabe o seu segredo. 

Por exemplo, se você deseja adicionar uma caixa de texto ou imagem, você apenas pega esse “elemento” da barra lateral, arrasta-o para a página e coloca-o onde quiser. Parece muito melhor do que entrar no back-end e codificação tudo sozinho, certo?

A maioria até tem modelos pré-fabricados que comprovadamente aumentam as conversões de visitantes, então você nem precisa fazer nenhum “trabalho pesado”.

Basta clicar no “elemento” que deseja adicionar à sua página (por exemplo, imagem, caixa de texto ou nova seção), arrastar para onde quiser e soltá-lo no lugar 

É como construir um site usando peças de Lego.

criação de páginas com construtores de páginas

O que é o Divi?

Tema Divi WordPress e criador de páginas  

Divi é o tema WordPress mais popular, com mais de 700,000 vendas, e o criador de páginas WordPress definitivo. Se fossem esportes, eles seriam o Man U, o New York Yankees e o New England Patriots: mais do que um time, uma instituição.

usuários divi

Na verdade, é ainda mais do que um construtor de páginas - é um site WordPress que constrói uma megafábrica que permite que freelancers, agências e proprietários de sites criem sites bonitos, otimizem-nos para conversões (teste de divisão) e cresçam usando a mídia social.

A enorme popularidade da Divi se deve principalmente a:

  • Uso ilimitado: Divi é um dos únicos temas que permite o uso ilimitado de todos os recursos em todos os sites. Sem truques de preços. Sem camadas confusas. Sem nada. Uso ilimitado, sem perguntas.
  • Preços simples: $ 249 para acesso vitalício EM TODOS OS SEUS SITES.
  • Suporte e comunidade incomparáveis: Divi é um estilo de vida para algumas pessoas. Ele tem uma comunidade próspera no Facebook e o melhor suporte no negócio, então você sempre estará inovando, recebendo feedback útil e melhorando seu jogo Divi.

Trabalhamos com este produto há muito tempo, na verdade, já escreveu uma análise completa do tema Divi 3.0 aqui. Seu Divi builder é um plugin embutido e empacotado com o tema, embora possa ser adquirido e usado separadamente com outros temas, se você desejar.

Clique aqui para visitar o site da Divi e saber mais sobre ele agora 

O que é o Elementor?

construtor de páginas elementor  

Elementor é um disruptor de mercado que está disparando em popularidade. É um dos construtores mais populares para solopreneurs e empresas com apenas 1 site.

É o novo garoto no bloco, pronto para desafiar o rei e forçá-lo a abdicar.

É rápido como um relâmpago, oferece um design incomparável e é tão fácil que um homem das cavernas poderia fazer isso. E permite que você comece 100% GRATUITAMENTE. 

Ele oferece praticamente tudo o que o Divi faz, apenas mais rápido e fácil de usar. E é muito mais acessível para um único site.

Esses dois produtos são preferidos pela maioria dos usuários e especialistas do WordPress porque têm uma série de benefícios:

  • Eles são fáceis de usar,
  • eles têm o melhor desempenho e estabilidade, e
  • eles são apoiados por uma equipe de desenvolvedores especialistas em WordPress ou por uma empresa bem conhecida.

Espantosos 5,000,000 - isso é MILHÃO - as pessoas estão usando o Elementor enquanto você lê isto 

Nós nos aprofundamos especificamente em Elementor Pro - você encontrará nossa análise aqui

Clique aqui para visitar o site da Elementor e começar gratuitamente

Espere, você diz que Divi e Elementor são incríveis. Então, como posso escolher?

Boa pergunta.

Ambos são muito semelhantes, mas como eu disse antes - o preço e as pequenas diferenças de funcionalidade os tornam perfeitos para diferentes segmentos do mercado.

Vamos compará-los lado a lado para ter uma ideia melhor. 

Vamos pegar esses dois principais construtores de páginas do mercado hoje, Elementor vs Divi Builder, e aprofunde-se em todas as suas capacidades e compare-as frente a frente.

Vamos dar uma olhada em profundidade em sua interface do usuário, conjunto de recursos, preços e muito mais.

Ao final deste artigo Elementor vs Divi, você terá todo o conhecimento de que precisa para fazer um julgamento fundamentado de qual deles é adequado suas próprias necessidades. 

Você saberá como eles funcionam, como são, o que vem com o pacote, qual desses dois construtores de páginas populares faz mais sentido para vocêe tudo o mais que você precisa saber.

Isso o ajudará a tomar uma decisão informada sobre qual escolher ou se, em vez disso, você deve considerar outros construtores de página.

Na próxima seção, vamos comparar a interface de usuário do Divi com a do Elementor - ou seja, como é fácil construir sites usando esses dois construtores de páginas.

Elementor vs Divi: facilidade de uso

A interface do usuário e sua facilidade de uso são uma das partes mais importantes de um plug-in de construtor de páginas. É aqui que você passará a maior parte do tempo trabalhando. 

Em nossa primeira parte do nosso Elementor vs Divi builder comparação, vamos percorrer suas interfaces de usuário e as configurações disponíveis que podemos definir.

Ambos os construtores de páginas se esforçaram muito para garantir que sejam muito fáceis de usar.

Vamos começar com o Divi Builder.

Saiba mais sobre o Divi Builder by Elegant Themes

Divi Builder Interface de Usuário

Antes de começar, vamos ver o que o fornecedor tem a dizer sobre o uso do plug-in neste pequeno vídeo, especialmente com a interface recém-renovada:

0qRYEseXnD4

Com o Divi builder plugin instalado, quando você cria uma nova página, você será saudado com uma IU que irá perguntar se você deseja “Usar Divi Builder”Ou“ Usar editor padrão ”.

nova página

Clicar no botão Usar Divi Builder A opção irá abrir uma tela que lhe pede para escolher entre “construir do zero”, “escolher um layout predefinido” ou “clonar página existente”.

escolha o layout

 

  • Construir do zero - você começará com uma página em branco.
  • Escolha um layout pré-fabricado - permitirá que você escolha entre uma seleção de modelos predefinidos. Falaremos sobre isso com mais detalhes posteriormente.
  • Clonar página existente - bastante autoexplicativo, basicamente copia uma página existente para a página em que você está trabalhando no momento.

Vamos escolher a opção “construir do zero”, uma vez que as outras duas opções são praticamente as mesmas, apenas com o conteúdo já adicionado. Isso nos permitirá focar mais em como o Divi builder a interface funciona e como ela se parece ao usá-la para criar páginas e sites.

Adicionando Elementos em Divi Builder

Clicar na “opção construir do zero” irá acionar o Divi builder e a primeira coisa que aparecerá é uma caixa de diálogo solicitando a inserção de uma nova linha.

As caixas de diálogo com opções que você pode configurar são abertas, dependendo do módulo e do conteúdo que você está adicionando. Abordaremos mais sobre os módulos (aos quais nos referiremos principalmente como elementos) posteriormente neste artigo.

nova linha

O cardápio

O Divi builder a interface do usuário é minimalista.

O minimalismo sempre foi uma das características de design de Elegant Themes e o construtor de páginas mantém esse conceito de design funcionando.

Como você pode ver no GIF acima, não há barra lateral ou barra de menu. Em vez disso, tudo o que você tem é um círculo flutuante com três pontos brancos dentro dele.

O círculo flutuante com três pontos brancos é o que funciona como seu menu. Clicar nesses pontos na página inicial de compilação do Divi lhe dará acesso a várias opções e ferramentas úteis.

menu flutuante

Você pode mover este menu clicando e arrastando-o. Você pode soltá-lo em uma das oito posições predefinidas no canto da tela.

Vamos dar uma olhada mais profunda no conteúdo deste menu flutuante. Ao usar Divi, começando do lado esquerdo, temos

  • Divi builder configurações,
  • visualização wireframe,
  • ferramenta de zoom,
  • visualização da área de trabalho,
  • visualização do tablet,
  • carregar das opções da biblioteca,
  • salvar na opção de biblioteca,
  • layout claro,
  • configurações de página,
  • edição de história,
  • portabilidade,
  • o botão de busca e ajuda,
  • e os botões salvar rascunho e publicar.

menu flutuante 2

Que tal uma análise mais aprofundada de cada um deles?

Configurações do construtor - isso abrirá uma caixa de diálogo com diferentes opções que permitem que você personalize quais ícones aparecem no Divi builder barra de ferramentas, altere o modo de visualização padrão (celular, desktop ou tablet), habilite ou desabilite as animações da IU, etc.

Visualização de wireframe - clicar neste item ativa ou desativa a visualização do wireframe. Você pode usar a visualização wireframe para ter uma visualização estrutural de sua página.

visualização wireframe

Ferramenta de zoom - permite aumentar e diminuir o zoom da página.

Visualização de desktop, tablet e celular - permite que você visualize a aparência de sua página em diferentes dispositivos e resolução de tela.

visão responsiva

Carregar da biblioteca - permite inserir ou usar um modelo predefinido da biblioteca de modelos para a página.

Salvar na biblioteca - permite que você salve a página atual na biblioteca de modelos.

Layout claro - exclui tudo na página.

Configurações da página - permite acessar as configurações da página, como título, trecho, imagem em destaque, etc.

Editando o histórico - você pode ver aqui quais mudanças foram feitas na sessão de edição atual. Clicar em um item permite que você volte no tempo, desfazendo todas as edições que você fez e revertendo o estado da página. 

edição de história

Portabilidade - importe ou exporte seu layout atual.

Botões de pesquisa e ajuda - esses botões permitem que você acesse Divi builderdocumentação de; o botão de pesquisa permite pesquisar uma ação, item de menu ou elemento específico.

Botões Salvar Rascunho e Publicar - bastante autoexplicativo.

Menu específico do elemento

Ao usar Divi builder, se você passar o mouse sobre um elemento, outro conjunto de menus será exibido. Esses menus permitem definir as configurações de um elemento específico, como seu conteúdo, seu layout ou adicionar um CSS personalizado a ele.

menu específico do elemento

Divi Builder Em ação

Abaixo está um gif de edição de uma página com o Divi builder. Você pode usar o construtor de páginas para arrastar elementos para reposicioná-los ou pode clicar duas vezes em um texto para realizar a edição embutida, etc.

demonstração divi ui

E isso é basicamente tudo para o básico de Divi builder interface de usuário.

O Divi BuilderA IU do é minimalista - limpa e simples, mas tem tudo que você precisa para fazer as coisas.

Ele não o oprime de forma alguma, o mantém focado em seus projetos. Apresenta uma experiência em tela cheia. No entanto, isso significa que adicionar novos elementos às vezes pode exigir muitos cliques.

O que é único em sua interface do usuário é a capacidade de alternar para visualização em wireframe e costura de visualização de front-endlessly.

Isso é útil, especialmente para páginas grandes, pois você poderá mover os elementos com mais facilidade. Além disso, na vista frontal do Divi builder, mover elementos, especialmente se a página já estiver cheia de conteúdo, tende a ficar um pouco lenta.

Mudar para a visualização de wireframe elimina o atraso.

Finalmente, usando a visualização wireframe, é muito mais fácil acessar menus específicos de elementos porque eles estão sempre visíveis.

Como você pode ver, em termos de facilidade de uso, Elegant Themes trabalhei para fazer o Divi builder simples, mas poderoso ao mesmo tempo.

Agora que terminamos com o Divi Builder, vamos dar uma olhada na IU do Elementor. Nossa próxima seção do Elementor vs Divi builder a comparação se concentrará na interface do usuário do Elementor,

Interface de usuário do Elementor

A IU do Elementor é muito diferente da maioria dos outros construtores de páginas. Se o Divi builder foca no minimalismo, Elementor foca na acessibilidade, mas a experiência do usuário também é ótima com este construtor de páginas.

Usaremos esta seção do nosso Elementor vs Divi builder comparação para focar nas diferenças entre os dois.

Elementor usa o conceito de blocos de construção, que são usados ​​para construir cada página em várias "seções". Dê uma olhada no seguinte vídeo de 1 minuto que explica exatamente como isso funciona:

VRoPdyk97mg

Criar uma nova página com o Elementor ativo o levará ao editor padrão do WordPress. Para começar a editar a página, você deve clicar no botão “Editar com Elementor” localizado na parte superior da tela, para abrir o construtor Elementor.

Baixe uma cópia do plugin

criar nova página

Clicar no botão abrirá a IU do Elementor, que é composta de duas partes: barra lateral e o visualização da página.

elementor ui

Você pode ocultar a barra lateral pressionando o pequeno ícone mostrado no gif abaixo:

ocultar barra lateral

Ocultar a barra lateral permite que você tenha uma visualização em tela inteira do seu página. Lembre-se de que você não pode editar nada enquanto a barra lateral estiver oculta.

Adicionando Elementos no Elementor

Para adicionar um elemento à página, basta arrastar e soltar um elemento da barra lateral para a página.

arrastar e soltar

No Elementor, ao arrastar e soltar um elemento, a barra lateral mudará para exibir opções que são específicas para o elemento que acabou de ser adicionado.

O botão vermelho de adição e o ícone de pasta na visualização da página permitem que você adicione uma nova seção ou carregue um modelo de sua biblioteca.

Depois de arrastar e soltar um elemento na página ou depois de selecionar um item na página, você notará que o lado agora está exibindo opções para o elemento selecionado.

Para voltar ao painel seletor de elemento, você pode clicar no ícone de blocos quadrados no canto superior direito do menu da barra lateral.

navegação da barra lateral

Clique nesse ícone e você poderá voltar ao painel de seleção de elemento. Agora você pode arrastar e soltar outro elemento daqui para a página.

Sidebar

A barra lateral é dividida em três partes.

  1. O menu superior,
  2. o corpo, e
  3. o menu inferior.

O menu superior contém configurações gerais, o corpo mostra informações sobre o elemento atualmente selecionado e o menu inferior mostra configurações adicionais que você pode definir. 

Menu Superior

O menu da barra lateral superior do construtor de páginas Elementor está no canto superior esquerdo da barra lateral. Aqui, você pode definir estilos padrão e configurações de fontes, seletor de cores, etc.

menu da barra lateral superior

Existem vários outros itens acessíveis neste menu, além das opções de estilo.

Há uma função de pesquisa, um link para a página de configurações do Elementor e muito mais. Você também pode encontrar o azul sair para o painel botão, que o leva de volta ao painel do WordPress.

Menu inferior

Na parte inferior da barra lateral, você pode ver itens de menu adicionais.

menu da barra lateral inferior

Da esquerda para a direita, temos as configurações, navegador, histórico, modo responsivo, pré-visualização das alterações e o botão publicar.

O botão publicar tem seu submenu que você pode acessar clicando na pequena seta para cima ao lado dele. Clicar nele traz duas opções adicionais de salvamento: salvar rascunho e salvar como opções de modelo.

menu adicional

Vamos examinar cada um deles rapidamente.

Configurações - o ícone de engrenagem localizado na extremidade esquerda do menu inferior. Ele contém configurações para a página em que você está trabalhando no momento.

Aqui, você pode editar o título de sua página, adicionar uma imagem em destaque, alterar seu status de publicação (rascunho, agendado, publicado), alterar seu layout padrão, etc. Você também pode notar a presença de duas guias adicionais: estilo e avançado Guias.

painel de configurações da barra lateral

Na guia de estilo, você pode definir as configurações de estilo do corpo da página. Você pode definir uma cor de fundo ou imagem e também pode alterar o preenchimento.

E na guia avançada, você pode adicionar seu CSS personalizado.

Navegador - nos permite ter uma visão hierárquica dos elementos na página. Isso é comparável ao Divi buildermodo de estrutura de arame de. O navegador, entretanto, é apenas um menu flutuante que representa a hierarquia de elementos de sua página. Você pode reorganizar os elementos usando o navegador também, embora sua funcionalidade não seja tão boa quanto o modo wireframe que vimos acima no Divi builder.

O principal objetivo do navegador é, como o nome indica, ajudá-lo a navegar pela página de uma maneira muito mais fácil. Isso é muito útil, especialmente se você tiver uma página complexa com muitos elementos nela.

navegador

História - onde você pode ver seu histórico de edição. Ele permite que você reverta para uma versão anterior de suas edições. Lembre-se, no entanto, de que apenas as edições da sessão atual são salvas.

Há uma coisa que separa o recurso de histórico do Elementor do Divi builder, e é um grande problema, tornando o recurso de história muitas vezes melhor.

Como você pode ver na imagem acima, há outra guia chamada “revisões” no painel de histórico. Essas revisões são mantidas mesmo após sair da IU do construtor de páginas ou mesmo depois de fechar o navegador.

Cada vez que você clica no botão “atualizar”, uma nova revisão é salva.

revisões

Além disso, o plugin também faz salvamentos automáticos evitando que você perca seu trabalho devido a problemas como travamentos do navegador.

Isso permite que você volte a uma revisão anterior facilmente, mesmo se você fechar o editor, sair do WordPress ou desligar o computador. Este recurso por si só torna o Elementor um vencedor claro contra o Divi builder em termos de histórico de revisão.

Modo responsivo - permite que você visualize como sua página ficará em diferentes dispositivos e resoluções de tela.

visualização responsiva

Pré-visualizar alterações - abrirá uma nova guia permitindo que você tenha uma visualização ao vivo de sua página.

Menu específico do elemento

Clicar em um elemento na página de visualização abrirá um menu específico do elemento com suas opções exclusivas que você pode configurar.

menu específico de elemento 2

Elementor em ação

Como fizemos com ElegantThemes'produto, na próxima parte de nossa comparação Divi vs Elementor mostraremos Elementor em ação para que você possa entender a diferença entre esses dois construtores de página.

Usando Gifs animados, você pode ver o produto em ação como parte de nossa análise Elementor vs Divi.

Abaixo, você pode ver como podemos arrastar e soltar elementos para reposicioná-los, como você pode editar a costura do textolessly, como você pode adicionar novos elementos, etc.

demonstração elementor ui

Como podemos ver, o construtor Elementor se concentra na acessibilidade e facilidade de uso.

Ao contrário do Divi, que pode levar algum tempo para se acostumar, o Elementor faz com que seus usuários se sintam em casa. Adicionar novos itens é muito simples, pois você só precisa arrastar e soltar o elemento necessário da barra lateral para a área de visualização.

Ao comparar Divi vs Elementor, vemos que eles têm um foco diferente. O primeiro centra-se na simplicidade e limpeza, o último na disponibilidade e acessibilidade.

Então, quem ganha quando se trata de Elementor vs Divi - qual construtor visual é mais fácil de usar?

Não acreditamos que haja um vencedor em termos de facilidade de uso. Os construtores de páginas Elementor e Divi têm uma interface que o ajuda a fazer o trabalho.

É só uma questão de estilo e preferência. 

Vencedor do Elementor vs Divi UI: Laço

Saiba mais no site do plugin

Agora que terminamos de explorar as interfaces de usuário do plug-in, é hora de dar uma olhada nos elementos disponíveis dos criadores de páginas ou widgets e módulos de acordo com seu jargão.

Os "elementos" ou "módulos" reais são destacados na próxima parte de nossa comparação Elementor vs Divi.

elementos

Os elementos são o que você usará para construir sua página. Em termos de Divi vs Elementor, o uso da terminologia é um pouco diferente, mas, em geral, os conceitos são bastante semelhantes.

O Divi builder chama seus elementos de seção, a Linhas e colunas, e o módulos. Como Divi, Elementor trabalha com três blocos de construção fundamentais, mas por outro lado, ele chama seus elementos de seção, pela coluna, e as Widgets.

Elementos são usados ​​para definir a estrutura de uma página. Embora os nomes possam ser diferentes no Elementor vs Divi builder, os conceitos são os mesmos.

Vamos dar uma olhada mais profunda, começando com o Divi builder.

Divi BuilderElementos de: seção, linhas e módulos

Divi builderOs elementos de são divididos em três categorias principais: o seção, que atua como um contêiner, o linhas, que atua como um divisor, e o módulos, que são o conteúdo real.

A imagem abaixo mostra uma página em branco. Esta página possui três seções. 

A segunda seção possui uma linha dentro dela, que é destacada em verde. A linha é dividida em três colunas. As colunas estão vazias.

Finalmente, a seção inferior também possui uma linha dentro dela, embora não esteja destacada. A linha também é dividida em três colunas, semelhantes à da segunda seção. A coluna do meio da linha inferior contém um módulo, que, neste caso, é um módulo de botão.

 

os elementos

Para adicionar seções, linhas ou módulos, você clica nos botões de adição.

O azul, roxo or Laranja o botão mais adicionará uma seção (a cor de destaque da seção muda dependendo do tipo de seção: azul para regular, roxo para largura total e laranja para especialidade), o verde o botão mais adicionará uma linha e o preto o botão mais adicionará um módulo.

seções

Na série Divi builder, a seção atua como um contêiner para linhas e módulos.

Você pode usar seções para dividir sua página em diferentes partes. Por exemplo, você pode ter três seções em uma página; a primeira é uma seção sobre, a segunda é uma seção de contato e a terceira é uma seção de localização de negócios.

As seções são 'independentes' umas das outras. Se você aplicar uma cor de fundo azul na primeira seção, as outras duas seções não serão afetadas.

Adicionando Seções - Clicar no botão de adição azul (ou laranja ou roxo) na página permitirá que você adicione uma nova seção. Clicando no botão especificado, você obterá uma caixa de diálogo solicitando a seleção de três tipos diferentes de seções: regular, especial e largura total.

nova seção

As seções regulares permitem adicionar linhas com colunas organizadas lado a lado. As seções especiais permitirão que você adicione uma organização mais complexa de linhas e colunas. Seções de largura total permitem adicionar itens especiais de largura total, como portfólio, controle deslizante de postagem, título de postagem, etc.

Também existe a opção de adicionar uma seção de sua biblioteca. Se você salvou uma seção anteriormente, agora pode encontrá-la aqui e adicioná-la à página.

Vamos agora dar uma olhada no Divi builder configurações da seção.

Colocar o mouse sobre um elemento irá destacá-lo e exibir uma barra de ação no canto superior direito da área destacada. Confira a seguinte animação de uso das configurações de seção do Divi builder. 

seção de configurações

Essas configurações permitem que você configure o elemento específico. Para elementos de seção, você tem o seguinte:

  • Mover seção
  • Seção de configurações
  • Seção duplicada
  • Salvar seção na biblioteca
  • Excluir seção
  • Configurações de seção adicionais
    • Salvar na biblioteca
    • Teste de divisão
    • Desabilitar
    • Travar
    • Seção de cópia
    • Copiar estilo de seção
    • Redefinir estilo de seção
    • Ver estilo modificado
    • Estender estilo de seção

A maioria dessas opções são autoexplicativas, mas o que é interessante aqui é o teste de divisão opção.

Esta é uma A / B recurso de teste que permite realizar testes de divisão em qualquer tipo de Divi builder elementos, de linhas, seções, colunas e módulos.

Quando se trata de Divi vs Elementor em termos de testes A / B, Divi sai por cima. A única maneira de fazer o teste de divisão com o Elementor é usando um plug-in ou serviço de terceiros, como o Google Optimize.

Clicar no ícone de engrenagem (configurações da seção) exibirá uma caixa de diálogo com opções de configuração adicionais para a seção destacada.

caixa de diálogo de configurações de seção

A caixa de diálogo de configuração da seção contém três guias: Conteúdo, Design e Avançado. A guia de conteúdo contém itens relacionados ao conteúdo do elemento selecionado, enquanto a guia de design e avançada contém opções de estilo.

Linhas

Como acontece com a maioria dos outros construtores de páginas, as linhas são elementos que residem em uma seção. Ao adicionar uma linha, você deve selecionar uma variação de linha. As variações de linha diferem em quantas colunas ela tem por padrão e no tamanho de cada coluna.

As linhas usam o responsivo Grade de 12 colunas

seleção de linha

Se você quiser uma estrutura de coluna mais complexa, você vai querer usar um seção de especialidades.

seções especiais

As variações de linha da seção especializada têm uma estrutura de layout de coluna mais complexa, como você pode ver na imagem acima.

Configurações de linha - Assim como as seções, uma linha tem uma barra de ação quando você passa o mouse sobre ela, permitindo que você acesse certos itens do menu. Ele tem praticamente as mesmas coisas encontradas nas seções, além do mudar a estrutura da coluna opção que é exclusiva para elementos de linha.

 

mudar a estrutura da coluna

Módulos

Os módulos no Divi builder são o que você usará para adicionar conteúdo visível à sua página. Os módulos são elementos do site, como texto, imagens, parágrafos, vídeos, formulários de contato, mapas, etc.

Clicar no botão de adição preto abrirá uma caixa de diálogo do seletor de módulo. Ao escolher um módulo, outra caixa de diálogo aparecerá exibindo as configurações que são personalizadas para o módulo específico que você selecionou.

Por exemplo, se você selecionar o módulo de texto, um texto de espaço reservado aparecerá na área selecionada.

Usando a caixa de diálogo, você pode editar o próprio texto e adicionar estilos, adicionar CSS personalizado, etc.

módulo de texto

Cada módulo possui a mesma caixa de diálogo que permite acessar as configurações e opções de personalização, como a anterior.

Para abrir a configuração de um módulo, passe o mouse sobre o módulo até que a barra de ação apareça e clique no ícone de engrenagem / configurações.

configurações do módulo

A caixa de diálogo de configurações possui três guias: Conteúdo, Design e Avançado.

  • A guia de conteúdo contém definições de configuração para o módulo. Isso varia por módulo.
  • A guia de design contém opções de design que permitem alterar o alinhamento do conteúdo, espaçamento, tipografia, etc.
  • A guia avançada permite que você acesse opções como configuração CSS avançada, transições, etc.

 

Veredicto:

Como vimos acima, acessar elementos, especialmente elementos de módulo, é um pouco peculiar, pois você precisa clicar várias vezes apenas para obtê-los.

Por outro lado, talvez uma das melhores coisas sobre o Divi builderOs elementos de são as linhas especiais. Isso permite que você crie um layout e posicionamento complexos com relativa facilidade.

Agora que vimos o Divi Builderelementos, vamos dar uma olhada nos elementos do Elementor a seguir em nosso Elementor vs Divi builder Confronto.

Elementos do Elementor: Seção, Colunas e Widgets

Como Divi, Elementor tem três categorias de elementos diferentes: o seção, que atua como um contêiner, o colunas que divide a seção, e o Widgets quais são o conteúdo real.

Na imagem abaixo, você pode ver uma página vazia dividida em três seções.

A seção superior está vazia. A segunda seção contém três colunas e a seção inferior, também contendo três colunas com a coluna do meio contendo um widget de botão.

os elementos 2

Adicionar elementos na página é tão simples quanto arrastar e soltar um widget da barra lateral para uma área vazia.

Ao contrário do Divi builder que requer que você crie uma seção e uma coluna antes de poder adicionar um elemento, no Elementor, você pode simplesmente arrastar, digamos, por exemplo, um widget de botão da barra lateral para uma área vazia de sua página e pronto .

Ele criará automaticamente uma seção com uma única coluna contendo o widget selecionado.

adicionando elementos

Se você estiver editando um elemento, a barra lateral mudará seu conteúdo para exibir as configurações apropriadas para o referido item.

Tal como acontece com o Divi builder, você pode arrastar e soltar elementos para reposicioná-los na página. Você pode clicar em qualquer texto na página para editar diretamente. Você também pode redimensionar colunas livremente.

Um clique com o botão direito em qualquer elemento da página abre um menu de contexto, que varia um pouco dependendo do tipo de elemento selecionado no momento.

Seção

A seção atua como um contêiner para colunas e widgets.

Existem dois tipos de seções no Elementor, o normal seção, e o interior seção.

A seção interna só pode existir dentro de uma seção normal. Uma seção interna é um tanto semelhante às colunas, mas você pode ter várias seções internas e várias colunas dentro delas, permitindo a criação de layouts complexos.

adicionando novas seções

Configurações da seção - Passe o mouse sobre qualquer elemento da página para destacar a seção à qual ele pertence. A seção destacada possui um pequeno menu no topo.

Este pequeno menu possui três itens: a seção adicionar nova (botão de adição), a seção de edição (área pontilhada) e a seção de exclusão (botão x).

menu de seção

A adição de nova seção irá adicionar uma nova seção vazia em cima das destacadas.

A seção de edição trará as configurações da seção na barra lateral. Você também pode acessar isso clicando com o botão direito em uma parte vazia da seção.

Nas configurações da seção, existem três guias: layout, estilo e avançado. Você pode configurar as opções de layout e estrutura na guia Layout.

Na guia de estilo, você pode configurar opções de estilo e na guia avançada, você pode configurar opções de estilo e atributos avançados adicionais.

guia avançado de estilo de seção

colunas

As colunas dividem as seções verticalmente. As colunas atuam como um contêiner para os widgets, incluindo os widgets de seção interna.

Ao adicionar uma nova seção, você pode escolher quantas colunas ela comportará.

novas colunas

Configurações de coluna - O acesso às configurações de coluna é feito passando o mouse sobre uma coluna e clicando com o botão direito do mouse no ícone da coluna agora visível. Diferentes opções serão exibidas, permitindo que você edite a coluna, duplique a coluna, adicione uma nova coluna, etc.

configurações de coluna

Selecionar a coluna de edição mudará a barra lateral para exibir as configurações relacionadas à coluna. Assim como nas configurações de seção, também possui três guias: layout, estilo e avançado.

painel de configurações de coluna

A guia de layout contém opções de configuração de layout, como largura da coluna, alinhamento, etc .; enquanto o estilo e as guias avançadas são praticamente os mesmos que você pode ver nas configurações da seção.

Widgets

A parte final das diferenças entre Elementor e Divi no que diz respeito aos elementos reais são os widgets.

Os widgets são o conteúdo ou elementos (conseqüentemente Elementor) você pode usar em suas páginas.

São coisas comuns, como texto, imagens, vídeos, galerias, botões, etc. Adicionar um widget é tão simples quanto arrastar um da barra lateral para a página ou clicar no botão de adição para exibir o painel de seleção de widget e, em seguida, arrastar e soltar .

Configurações de widget - Selecionar um widget mudará a barra lateral para exibir as opções configuráveis ​​para aquele item específico. No gif abaixo, você pode ver como cada elemento exibe opções diferentes.

configurações de widget

Você também pode acessar este painel clicando com o botão direito em um elemento e selecionando o editar [nome do elemento] item no menu de contexto.

Finalmente, cada widget também tem o estilo e as guias avançadas que você pode acessar no painel da barra lateral.

A guia de estilo muda de acordo com o widget selecionado. Por exemplo, widgets de imagem não têm opções de estilo de tipografia, enquanto widgets de texto não têm configurações de dimensão.

A guia avançada é a mesma que nos outros elementos.

Descubra todos os elementos disponíveis

Widgets Globais

Existe um tipo especial de widget no Elementor: widgets globais. Você pode salvar um widget como um widget global e usá-lo em qualquer lugar da página ou do site. Você também pode editá-los todos de uma vez em um único lugar.

Veredicto:

Elementor tem uma seleção mais ampla de elementos em comparação com o Divi builder. No entanto, como ambos oferecem suporte a plug-ins de widgets de terceiros, isso se equilibra.

O Elementor fornece uma maneira mais rápida de adicionar elementos a uma página, pois você pode simplesmente arrastá-los e soltá-los da barra lateral para a visualização. O Divi builder, por outro lado, requer que você clique várias vezes antes de chegar ao elemento que deseja adicionar.

Assim como nossa seção anterior da comparação Elementor vs Divi, esta é muito próxima, embora Elementor possa ter uma ligeira vantagem nesta.

Agora, vimos a IU e os elementos de ambos os plug-ins do WordPress. É hora de ver e comparar as opções de estilo dos criadores de páginas do Elementor vs Divi.

Estilo em Elementor vs Divi

Tanto o Divi quanto o Elementor vêm com opções de estilo detalhadas e avançadas que são adequadas para pessoas que são programadores ou especialistas na área de web design e até mesmo para aqueles que não são.

No entanto, a forma como Divi vs Elementor aborda o estilo é um pouco diferente. Algumas coisas disponíveis em um não estão disponíveis no outro.

Nesta seção, daremos uma olhada mais detalhada em cada uma de suas respectivas opções de estilo. Nosso Elementor vs Divi builder não estaria completo sem uma análise profunda dessas funções em ambos os construtores de páginas.

Divi Builder Opções de estilo

Clicar duas vezes em um elemento no construtor de página Divi, seja uma seção, uma linha ou um módulo, abrirá o painel de configurações. Você também pode acessar esse painel passando o mouse sobre um determinado elemento até que uma barra de ação apareça e clicando no ícone de engrenagem.

Existem três guias no painel de configurações: conteúdo, design e guias avançadas.

O Divi builderAs opções de estilo do podem ser configuradas nas guias Design e Advanced. A guia Design permite configurar tipografia, sombras de caixa, margens, animação, filtros, etc. Esses são itens que podem ser configurados por meio de controles deslizantes e números de entrada.

Eles são muito fáceis de usar, mesmo para quem não é programador.

opções de estilo para divi

Para usuários avançados ou para aqueles que desejam mais controle sobre o estilo, pode-se usar a guia avançado. Aqui, é possível adicionar suas classes e IDs CSS personalizados, código CSS personalizado, configurar a visibilidade, etc.

Estilo Responsivo

Na série Divi Builder, você pode definir configurações de estilo diferentes para dispositivos diferentes.

Por exemplo, você pode definir a fonte de um elemento de texto como Verdana e fazer com que tenha um tamanho de 20px em dispositivos de desktop e você pode definir outra configuração para celular que faz com que tenha uma fonte Times New Roman e um tamanho de 10px.

estilos responsivos

O Divi builderAs opções de design da permitem que todos os tipos de usuários personalizem suas páginas amplamente de acordo com suas necessidades.

Opções de estilo do Elementor

Selecionar um elemento no construtor de página Elementor altera o que é exibido no painel da barra lateral para refletir as opções disponíveis para esse elemento específico.

Tal como o Divi builder, todos os elementos no Elementor têm três guias em seu painel de configurações. A primeira guia contém Conteúdo ou Layout, então Estilo e Avançado na segunda e terceira guias, respectivamente.

Você pode configurar o estilo de um elemento nas guias Estilo e Avançado.

A guia Estilo permite que você configure diferentes opções de estilo, como cores de fundo, bordas, tipografia, etc.

poções de estilo elementor

A guia Avançado contém opções de estilo avançadas, como margens, código CSS personalizado, efeitos de movimento, configurações responsivas, etc.

opções de estilo avançadas

Estilo Responsivo

Você pode ter opções de estilo separadas para dispositivos diferentes no construtor Elementor, assim como Divi.

elemento de opção de estilo responsivo ou

Controlando as opções de estilo padrão do Elementor

Por padrão, após instalar o Elementor, o plug-in do construtor de páginas aplicará automaticamente suas opções de estilo para substituir as do seu tema.

Você pode desativar isso indo para Elementor > Configurações no painel do WordPress e verificando as cores padrão desabilitadas e as fontes padrão desabilitadas.

O Elementor agora usará a fonte e as cores padrão do seu tema em vez das suas próprias.

configurações elementor

Há também uma guia de estilo onde você pode configurar vários padrões básicos, como fontes genéricas padrão, largura de conteúdo padrão, etc.

Veredicto:

Ambos os plug-ins oferecem um excelente conjunto de ferramentas e opções de estilo que atendem a todos. Casais e não programadores podem definir facilmente seus estilos usando os controles deslizantes e outras ferramentas de estilo que ambos os plug-ins têm.

Usuários avançados e web designers que desejam mais controle também podem aproveitar o uso de qualquer um desses dois plug-ins, já que ambos permitem adicionar seus códigos CSS personalizados para maior capacidade de design.

Agora, terminamos de ver a interface do usuário, elementos e opções de estilo. É hora de verificar os modelos e como as opções de Elementor vs Divi se comparam entre si!

Modelos

Os modelos ajudam você a fazer suas páginas muito mais rápido do que ter que projetar tudo do zero.

Um dos principais elementos dos criadores de páginas e temas atualmente é a quantidade e qualidade dos modelos disponíveis como parte do produto. 

Então, vamos dar uma olhada na riqueza de modelos Divi vs Elemetor oferecidos por esses dois construtores de páginas.

Ambos Elementor e Divi builder oferecem centenas de modelos para você escolher. 

Vamos verificar como os dois construtores de páginas, Elementor vs Divi builder compare quando se trata de modelos prontos disponíveis.

Divi BuilderLayouts de

O criador de páginas Divi oferece 122 pacotes de layout, modelos de sites completos pré-fabricados. No jargão de Divi, eles são chamados de layouts.

Eles são divididos em dois tipos: um pacote de layout que consiste em vários layouts (várias páginas) com o mesmo tema e um único layout (ou seja, uma única página).

modelos

Os pacotes de layout contêm várias páginas agrupadas para formar um site de nicho completo.

Por exemplo, um pacote contém modelos para a página inicial, sobre a página, página de contato, etc., todos seguindo um conjunto unificado de designs ou temas. Um único layout é apenas um modelo para uma única página.

Você também pode criar e salvar seus próprios modelos para que possa reutilizá-los posteriormente. Você pode até exportá-los para que possa usá-los em outro site.

Por exemplo, você pode criar uma página de destino do serviço do produto que pode carregar a partir dos layouts e usar para diferentes promoções que você possa estar executando.

Templates Elementor

Os modelos da Elementor são divididos em dois tipos: blocos e páginas.

A versão gratuita permite que os usuários acessem cerca de 40+ blocos e 30+ páginas, enquanto a versão premium desbloqueia mais de 50 widgets Pro e mais de 300 modelos Pro.

Veja a lista completa de templates / temas Elementor disponíveis

Também revisamos um monte de Temas e modelos de elementos aqui.

Os blocos são modelos de seção única que você pode inserir em uma página. Existem blocos para

  • formulários de contato,
  • botões de apelo à ação,
  • FAQs,
  • tabelas de preços,
  • carteiras,
  • cabeçalho,
  • serviços, etc.

 

templates elementor

Modelos de página são o que parecem: um modelo de página inteira. Mesmo que disséssemos que existem mais de 300 modelos de página disponíveis para usuários premium do Elementor, você pode querer verifique o que está disponível hoje.

Isso ocorre porque a equipe do Elemetor está constantemente criando e adicionando mais modelos à biblioteca e não podemos acompanhar o fluxo constante de modelos do Elementor lançados :-)

Para usuários gratuitos, as opções são reduzidas, mas a seleção ainda é muito boa.

modelos de página

À medida que a biblioteca de modelos do construtor de páginas Elementor cresce continuamente, você pode verificar as últimas adições clicando em “novo” no canto superior esquerdo da interface de seleção do modelo de página.

Você sempre pode salvar sua página em sua biblioteca de modelos para que possa reutilizá-los mais tarde. O Elementor também oferece a capacidade de exportar seus modelos para que você possa usá-los em outro site. 

Enquanto o Elementor e Divi builder plug-ins oferecem uma vasta gama de seleção de modelos, neste momento, acreditamos que o Divi builder oferece muito mais em termos de números.

Além disso, o Divi facilita a construção de um site inteiro, graças aos seus pacotes de modelos.

Elementor vs Divi Builder Vencedor dos modelos: Divi Builder

Edifício Temático

ATUALIZAR: Na versão anterior deste artigo, apenas o Elementor tinha um recurso de construção de tema.

Com o lançamento do Divi 4.0, esse recurso não está mais limitado ao Elementor.

O Divi Builder 4.0 grande atualização, lançada em outubro de 2019, com foco em equipar o Divi builder com ferramentas poderosas de construção de tema, permitindo que seus usuários usem elementos, módulos e recursos para construir não apenas páginas estáticas, mas também um cabeçalho dinâmico, rodapé e layouts de corpo. Em outras palavras, a capacidade de construir temas completos.

Atualizamos esta seção para refletir as novas mudanças e confrontamos os recursos de construção do tema Elementor vs Divi para ver se o último pode resistir ao anterior.

Divi's Theme Builder

Um recurso relativamente novo do Divi builder, o construtor de páginas agora permite criar modelos que podem ser usados ​​para substituir o cabeçalho, o rodapé e o design do corpo do seu site, o layout e até mesmo o comportamento.

Os recursos são bastante semelhantes aos do Elementor em muitos aspectos, este é um recurso onde o Divi builder está alcançando Elementor.

Você pode acessar o criador de temas Divi em Divi> Theme Builder.

construtor de tema divi

A partir daí, você pode criar um novo modelo, exportar um modelo ou importar um modelo de fontes externas.

Uma das desvantagens disso, no momento em que este livro foi escrito, é que não há como importar modelos de construtor de temas pré-construídos da nuvem. Você deve baixar um arquivo JSON de uma fonte externa e carregá-lo para importar um modelo predefinido.

Falando em modelos de construtor de temas pré-construídos, existem muitos pacotes disponíveis gratuitamente no Divi builder os próprios desenvolvedores, que você pode obter aqui. Basta pesquisar "pacotes de criadores de temas" na barra de pesquisa e você poderá encontrá-los facilmente.

A parte, de lado: Se você quiser obter mais desses pacotes, recomendamos que você visite o Elegant Themes site aqui e assinar seu boletim informativo. Eles constantemente (literalmente diariamente) enviam coisas novas que podem ser usadas com o Divi builder, um dos boletins informativos mais valiosos que assinamos.

Com o criador de temas, você pode definir um modelo global que substituirá a aparência geral de todo o seu site e também pode criar modelos direcionados que podem ser aplicados a postagens, páginas e partes específicas de seu site.

criando um novo modelo

Ao criar um novo modelo, o Divi builder irá primeiro perguntar onde você deseja que o modelo seja aplicado. Você pode optar por aplicar ou excluir a aplicação de seus modelos a postagens ou páginas específicas ou mesmo a tags e categorias específicas e muito mais.

Depois de decidir onde deseja que seu modelo seja aplicado, você pode começar a construir e projetar seu modelo. Se você definiu um cabeçalho global e um modelo de rodapé, eles serão adicionados automaticamente ao seu novo modelo.

Você só terá que se preocupar em criar um novo modelo de corpo. Claro, você pode eventualmente substituir o modelo do corpo por um personalizado, se necessário.

Clicar em qualquer adicionar corpo personalizado, adicionar cabeçalho personalizado or adicionar rodapé personalizado Os botões abrirão um pequeno menu pop-up permitindo que você escolha entre várias opções, como selecionar um modelo predefinido ou copiar um existente. Quando se trata de modelos predefinidos, a Divi tem uma grande seleção para escolher.

A partir daí, você teria o habitual Divi builder ferramentas e módulos à sua disposição para começar a construir o layout idealizado.

Construtor de Tema de Elementor

Você pode acessar o criador de temas Elementor através do painel do WordPress e indo para Modelos > Theme Builder.

A partir daí, você pode escolher que parte do seu tema deseja construir. 

Atualmente, você pode criar modelos Elementor para páginas, seções, pop-ups, cabeçalho, rodapé, postagens únicas, páginas WooCommerce e arquivos.

construtor de tema

Você usará a mesma IU que usou ao criar páginas, só que desta vez os elementos disponíveis na barra lateral são personalizados para o modelo específico que você está tentando criar.

Por exemplo, abaixo estão os conteúdos da barra lateral ao editar um modelo de cabeçalho.

barra lateral do criador de temas

Depois de editar um modelo de tema, você pode escolher como e quando o modelo será exibido.

Para esta parte, o Divi builder é um pouco mais fácil de usar do que o Elementor devido ao uso de caixas de seleção para escolher onde você deseja incluir ou excluir um determinado modelo em comparação a ter que clicar no Adicionar Condição e clicando no menu suspenso sempre que desejar adicionar uma nova regra.

Nem mesmoless, Elementor ainda vem com controle refinado que é igual ao Divi Builder'S.

Você pode escolher incluir e excluir seus modelos Elementor usando regras condicionais complexas. Por exemplo, digamos que temos um modelo chamado “A”. Você pode escolher exibir este modelo se a página estiver na categoria chamada “negócios” e se o autor for “João da Silva” conforme abaixo.

Usado correta e criativamente, este mecanismo de regras Elementor pode ser uma ferramenta incrivelmente poderosa e útil. Ele oferece flexibilidade e personalizações em um nível muito granular. Isso é o suficiente para roubar a coroa na seção de construção do tema.

Poucos construtores de páginas têm essa função e isso é um grande diferencial.

configurações de construtor de tema

E aí você tem o criador de temas do Elementor.

Vencedor do Elementor vs Divi Theme Builder: Elementor

A próxima seção em nosso artigo Elementor vs Divi é como seus preços se comparam.

Preços

 

A decisão entre Elementor e Divi Builder honestamente, tudo se resume a preços.

Um faz sentido total para um grupo e literalmente 0 faz sentido para outro. Como o tipo de senso “você está queimando milhares de dólares”.

Vamos começar:

 

Preço Elementor

 

preços de elementor 

O preço da Elementor começa em US $ 49 / ano para um site e vai até US $ 999 / ano para 1,000 sites. Todos os recursos e extras estão incluídos em cada plano.

Mas é tão popular porque vem com um PLANO LIVRE.

E ao contrário de quase todas as ferramentas "freemium falso" por aí, que apenas oferece um uso funcionalless versão gratuita, então você é forçado a atualizar, o plano gratuito do Elementor é na verdade o suficiente para criar belas páginas.

Sério, você pode criar páginas lindas e com aparência profissional 100% grátis. Se você quiser o que há de bom, é claro que precisa fazer um upgrade. Mas o plano gratuito vem com mais de 40 widgets e mais de 30 modelos.

Isso é o bastante.

Dica Pro: Se você tem mais de um site, basta usar a licença Expert desde o início. Se você está construindo sites para seus clientes e deseja ter um construtor de páginas, geralmente sugerimos ir para a licença Expert e cobrar de cada cliente o preço de uma licença Avançada.

Isso permite que você tenha um equilíbrio financeiro após apenas 2 sites. A partir de então, você receberá um bônus de $ 99 de cada cliente.

Clique aqui para obter o menor preço no Elementor

Divi Builder Preços

Preços Divi

Ao contrário de Elementor, Divi Builder não tem uma versão gratuita disponível, mas eles tem uma demonstração que você pode acessar. Você pode experimentar antes de comprar. 

O preço da Divi torna-o um acéfalo para as agências.

Temos trabalhado com Elegant Themes e obtiveram acesso a um DESCONTO limitado de 10% no Divi Builder por CollectiveRay visitantes como pode ser visto abaixo. Dado o preço, e nosso desconto que é válido apenas até Setembro 2021, é altamente recomendável que você opte pelo acesso vitalício - é um acéfalo.

Apenas US $ 249 (US $ 224 com o meu desconto) dá a você acesso vitalício aos recursos, suporte e comunidade do Divi em todos os seus sites para sempre.

Isso significa que você obtém:

  • Cada tema que eles têm
  • Uso ilimitado para sites ilimitados
  • Mais de 800 pacotes de sites
  • O construtor de páginas
  • Ferramentas promocionais
  • Ferramentas de teste

 

E dezenas de outros recursos incríveis por apenas US $ 224 para o resto da vida. Não há necessidade de renovar. Não precisa se preocupar com atualizações (mais sobre isso a seguir). Sem estresse. Basta clicar, pagar e usar para sempre. Sinta-se à vontade para escolher um construtor de páginas diferente, mas não reclame quando gastar centenas a mais do que precisa para LESS funcionalidade.

É caro se você tiver 1 ou 2 sites? sim. É incrivelmente barato se você tiver centenas de sites para todos os seus clientes?

NÃO.

NOTA: Divi custa apenas $ 80 / ano com o meu desconto, mas se você for uma empresa, você economizará dinheiro comprando o acesso vitalício agora. Se você está no mercado há 10 anos, são $ 800. Se você comprar acesso vitalício agora, custará US $ 224. É um acéfalo.

Ganhe 10% de desconto em Divi Builder até Setembro 2021


Elementor vs Divi Builder Preços Veredicto:

Elementor é perfeito para iniciantes com um orçamento e negócios com um site. Mas o modelo de precificação anual custará centenas ou até milhares de dólares a mais durante a vida útil de seu negócio.

O plano de acesso único e vitalício da Divi é perfeito para agências e operações maiores. Eu vou dizer isso, no entanto. Você pode ser uma operação menor agora, mas quem sabe em 1, 3 ou 5 anos. Se você não tiver acesso vitalício a sites ilimitados, poderá achar que é muito difícil escalar.

Uma palavra de cautela: não deixe seu site aberto a hacks e arrisque seus negócios

Desculpe, mas tenho outra história rápida sobre como tentei pegar um atalho e quase me custou caro.

Isso aconteceu quando tentamos evitar o pagamento de uma assinatura do Elementor.

Achamos que seria uma boa ideia fazer uma assinatura de um ano no nível Plus e não renovar. Afinal, uma vez que o site fosse configurado, não precisaríamos de mais atualizações e suporte, certo ??

ERRADO. As atualizações são absolutamente críticas!

Recentemente, uma vulnerabilidade foi descoberta no Elementor Pro. 

Essa vulnerabilidade deixou sites suscetíveis a hacks. 

Elementor corrigiu imediatamente. Houve apenas um problema ...

Acontece que sem uma assinatura ativa, não éramos elegíveis para nenhuma atualização.

Assim, nossos sites se tornaram alvos fáceis. Lembre-se de que, por meio dessa vulnerabilidade, sites sem patch foram atacados e hackeados.

Portanto, para economizar US $ 100 em taxas de renovação, quase perdemos nossos sites e vários clientes com eles.

Portanto, um breve conselho. Nunca deixe sua assinatura expirar, seja para Elementor ou para Divi (É por isso que sempre recomendamos uma ASSINATURA PARA TODA A VIDA). 

É por isso que se você tiver mais de 1 site, sempre opte pela assinatura vitalícia! Isso economiza muito tempo, dinheiro e estresse.

 

Testemunhos - O que outros usuários dizem

Com sua popularidade, ambos Divi Builder e o Elementor tem milhares, até dezenas de milhares de usuários. A grande coisa é que não há muita diferença nas classificações de Elementor vs Divi builder, ambos são bem avaliados.

Por exemplo, verifique as classificações do criador de páginas Elementor no diretório do WordPress:

avaliações gratuitas do elementor page builder

Diferentes pessoas, de desenvolvedores a usuários casuais, tiveram experiência em um ou ambos e muitas grandes personalidades do WordPress têm suas próprias opiniões e pensamentos quando se trata desses plug-ins.

Podemos encontrar muitas análises de usuários e depoimentos sobre o Elementor no repositório oficial de plug-ins do WordPress. O Divi builder, por outro lado, tem muitas avaliações e depoimentos na Trustpilot.

O que as pessoas falam sobre Divi Builder

Com o Divi builder, as pessoas estão sempre elogiando sua equipe de suporte, a maioria das avaliações de 4 e 5 estrelas sempre menciona o quão grande é seu suporte. Portanto, embora o Divi builder pode ser um pouco mais difícil de usar do que o Elementor, sua equipe de suporte está lá para apoiá-lo.

revisão 1

"Elegant Themes Divi Builder e o tema é incrível. Pesquisei em todos os lugares por um tema com um editor / criador de páginas front-end sólido, desperdiçando dinheiro em muitos temas de baixa qualidade. Quando finalmente encontrei o Divi, sabia que era o tema para mim e agora o uso na minha agência de marketing para construir sites de clientes porque funciona muito bem. Eles também têm um suporte incrível, experiente e pronto para ajudá-lo com qualquer personalização de site que você possa imaginar. ”

revisão 2

“Eu tenho sido um membro de Elegant themes há alguns anos e eu realmente amo isso. Criei sites incríveis para clientes usando seus temas e plug-ins brilhantes e não consigo me imaginar usando outra coisa. O atendimento ao cliente é incomparável, eles respondem rapidamente e o conselho é totalmente confiável. Excelente companhia. ”

O que as pessoas dizem sobre Elementor

Os usuários do Elementor elogiam como ele é um dos melhores plug-ins gratuitos de criação de páginas do mercado e como é fácil de usar, de forma que mesmo os novatos não têm problemas para usá-lo.

revisão 3

"Sou um novo usuário do plug-in, mas não posso deixar de enfatizar o quão fácil é configurar o plug-in e os recursos que permitem economizar tempo!"

revisão 4

"Novo no WP, mas o Elementor é um super construtor de páginas. Ele realmente torna o desenvolvimento da web mais rápido e muito less frustrante. Além disso, ele faz um belo trabalho. Um dos recursos que eu realmente amo é a capacidade de voltar às versões anteriores quando eu ou o computador estragamos algo. Você pode voltar para a alteração anterior, ou qualquer alteração nesta sessão ou qualquer alteração salva. Adoro o conceito de bloco! Poderia usar mais modelos de bloco. Criar templates Elementor é muito fácil de fazer e usar. Eu gostaria que houvesse um widget PHP. O desafio é acompanhar todos os novos aprimoramentos à medida que eles são lançados com frequência. Sempre tentando melhorar este bom produto. Continuem o bom trabalho, pessoal! "

Resumindo: Elementor ou Divi?

Estamos chegando ao fim do nosso Elementor vs Divi builder revisão, mas há algumas coisas que gostaríamos de rever. O que devemos escolher, ou devemos optar por algo completamente diferente, como Beaver Builder?

Divi Builder e o Elementor oferecem uma ampla variedade de recursos que podem ajudá-lo a criar belas páginas com facilidade. Ambos os construtores de páginas se concentraram na facilidade de uso.

Embora tenham muitas semelhanças, suas interfaces de usuário são bastante diferentes. O Elementor oferece acessibilidade por ter uma barra lateral contendo ferramentas e opções, enquanto o Divi torna a simplicidade exibindo o mínimo de elementos de interface do usuário possível.

Quanto ao número de modelos padrão, o Divi builder oferece mais opções quando comparado ao Elementor, mas ambos os plug-ins têm uma opção de importação e exportação, permitindo adicionar dezenas de modelos de terceiros de outras fontes.

Em termos de preço, o Elementor é mais caro do que o Divi builder já que o último tem uma licença vitalícia e uso ilimitado do site.

Já o Elementor tem um preço máximo de US $ 199 por ano, o que permite que você use em mil sites. No entanto, o Elementor tem uma versão gratuita que ainda oferece um poderoso conjunto de ferramentas e até mesmo modelos que permitem construir belas páginas.

Limpeza do código

Quanto à limpeza do código, o Elementor deixará para trás um código HTML limpo e válido se você desativá-lo. O Divi builder, por outro lado, deixará alguns códigos de acesso nas páginas que são um pouco problemáticos para corrigir, por isso bloqueia você um pouco.

No entanto, considerando que eles têm uma opção de licença vitalícia, isso se justifica. Poderíamos inferir que eles desejam que você vincule seus sites ao ecossistema Divi adquirindo a opção de licença vitalícia.

atuação

Até recentemente, não havia muito o que escolher entre Elementor e Divi em termos de desempenho. Tudo isso mudou com o atualização mais recente para Divi.

Uma nova atualização do tema WordPress significa que ele agora está mais leve e rápido do que nunca.

A equipe mudou muito nos bastidores. CSS foi reduzido em 94%, Divi agora usa CSS dinâmico e estilos inteligentes para carregar apenas o CSS da página sendo visualizada e as duplicações foram reduzidas em todo o quadro.

Outras melhorias de desempenho no Divi incluem a introdução de PHP dinâmico para agilizar o processamento, otimizações de JavaScript, adiamento da folha de estilo Gutenberg, cache de adiamento jQuery para Google Fonts e folhas de estilo embutidas.

Divi agora marca 100 no Google PageSpeed ​​Desktop e 99 no Google PageSpeed ​​Mobile!

Segurança

Quanto à segurança, Elementor teve vários problemas graves questões de segurança no passado, mas foram mitigados e resolvidos facilmente. Divi builder também passou por um sério problema de segurança em janeiro de 2020.

O Divi builder e o tema experimentou uma vulnerabilidade de injeção que exigiu uma atualização.

Isso nos leva a uma conclusão simples, não importa o tamanho do fornecedor, vulnerabilidades são sempre uma possibilidade. O ponto crucial é como o fornecedor reacts para tal vulnerabilidade. Ambos os fornecedores responderam de forma bastante madura à vulnerabilidade.

Capacidade de construção de temas

Quando este artigo foi escrito pela primeira vez, o Divi builder ainda não tinha um recurso de construção de tema. portanto, recomendamos o Elementor anteriormente se você precisar de recursos de construção de temas.

Mas qual é a situação hoje em dia quando se trata da construção temática de Divi vs Elementor?

Embora houvesse plug-ins de terceiros para o Divi builder antes, Elementor ainda tinha a vantagem nesta área. Isso ocorre porque um recurso nativo quase sempre é melhor para integração e compatibilidade. As extensões de terceiros raramente podem competir com um recurso nativo.

Mas tudo mudou quando o Divi 4.0 foi lançado. A atualização deu o Divi builder o recurso de construção de tema muito necessário.

Neste ponto, tanto o Divi builder e Elementor vêm com o mesmo conjunto de recursos.

Em termos de personalização e controle, Divi e Elementor, há muito pouca diferença entre os dois.

Ambos oferecem recursos poderosos de construção de temas com controles refinados, permitindo que você crie e projete seu site da maneira que desejar. De páginas estáticas personalizadas a cabeçalhos, rodapés e layout de corpo personalizados, você pode criar todos eles!

Então, quem vence este Elementor vs Divi builder comparação?

Há uma coisa que faz Divi builder o melhor produto geral e leva a vantagem: o Divi Theme. Divi vem em duas formas: um tema e um plugin. Você usaria o plugin se quiser usar o Divi builder com temas de terceiros. Caso contrário, você optaria por usar o tema.

Por que isso é importante? Integração e compatibilidade.

Se você optar pelo tema, não terá problemas de compatibilidade.

Elementor tem seu próprio tema, mas quando você o compara ao tema Divi - não há absolutamente nenhuma comparação.

O tema “Hello Elementor” é básico e se destina a usuários e desenvolvedores avançados para que possam desenvolvê-lo ainda mais. Se você quiser um tema Elementor rico em recursos, terá que instalar um produto de terceiros.

Você pode considerar usar Astra neste caso - um tema Elementor.

E embora existam muitos temas por aí que são desenvolvidos com o Elementor em mente, atualizações e recursos mais recentes no Elementor ou no tema podem quebrar a compatibilidade e a integração.

Você terá que esperar até que os desenvolvedores corrijam quaisquer bugs e incompatibilidades que possam surgir. E, como acontece com todas as incompatibilidades, há uma pequena chance de perder parte ou todo o seu trabalho existente.

Não nos interpretem mal, ambos são uma solução sólida para a construção de temas, mas não podemos ignorar o fato de que Divi é um tema rico em recursos e construtor de páginas, portanto, para isso, o Divi ganha por pequena margem na categoria construção temática.

Principais diferenças na construção do tema

Uma das principais diferenças entre o uso do Elementor e do recurso de construção de tema do Divi é o editor. Existe uma grande diferença na experiência do usuário, eventualmente, a que você prefere se resume à experiência e preferência pessoal.

Ao editar um cabeçalho, rodapé ou modelo de corpo personalizado no Divi builder, o editor se concentrará apenas nessa área específica do seu site. Por exemplo, quando você está editando um cabeçalho personalizado, a única coisa que ficará visível na tela não é nada além da área do cabeçalho.

editor de cabeçalho personalizado divi

Usando o Elementor, você terá uma visão de todo o site, independentemente de estar editando um cabeçalho, rodapé ou um layout de corpo.

Você pode ver abaixo que além da área de cabeçalho, a área de conteúdo também é mostrada. Se você rolar mais para baixo, também verá a área de rodapé (no entanto, eles estão no modo somente leitura).

elementor custom header editor

A este respeito, podemos dizer que o Divi builder concentra-se na edição sem distrações enquanto usa o Elementor, você vê a imagem inteira em qualquer ponto.

Não estamos cientes de uma maneira de alternar entre os modos de edição de visualização de página inteira sem distração e em nenhum dos construtores de página, portanto, se você tiver uma preferência, isso pode afetar sua escolha final.

Esta é uma melhoria que os construtores de páginas Elementor e Divi podem eventualmente adicionar: permite que os usuários tenham uma escolha entre opções de edição de visualização de página inteira sem distrações e sem distrações.

Leia mais: WP Bakery vs Divi - uma comparação completa.

PERGUNTAS FREQUENTES

1. O que é Divi?

Divi é um construtor de páginas e uma combinação de temas WordPress. É um produto multiuso completo que pode ser usado para construir qualquer tipo de site do zero, seja eCommerce, baseado em um nicho ou específico do setor ou um site de portfólio. É produzido por Elegant Themes e é um dos produtos WordPress mais populares do mercado e já foi vendido mais de 700,000 vezes.

2. O que é Elementor?

Elementor é um dos mais populares criadores de páginas do WordPress. Embora não seja um tema, ele também possui recursos poderosos de construção de temas. Normalmente, o Elementor é usado junto com um tema para criar postagens e páginas personalizadas usando recursos de arrastar e soltar. Elementor tem uma versão gratuita e paga. Graças à versão gratuita, e nos últimos anos tem milhões de instalações ativas.

3. Qual é a diferença entre Divi e Divi builder? 

Divi é o tema WordPress, Divi builder é o editor de arrastar e soltar ou construtor de página que é parte integrante do tema Divi. Na realidade, você não precisa fazer nenhuma distinção entre eles, porque funcionam de costuralessmentem juntos.

4. Posso usar o Divi em vários sites?

Sim, depois de comprar o Divi pelo preço de $ 89, você pode usar em sites ilimitados, mas receberá suporte e atualizações por apenas 1 ano. Existe uma versão de US $ 249 com sites ilimitados vitalícios, suporte e atualizações ilimitadas.

5. O Elementor é o melhor construtor de páginas?

Elementor é o melhor construtor de páginas atualmente. Embora isso seja subjetivo e possa não ser adequado para todos, acreditamos fortemente que nenhum construtor de páginas por si só pode corresponder a seus recursos. Claro, isso não significa que seja adequado para todos. Divi com seu pacote de tema + construtor de página é uma excelente opção para muitas pessoas também.

6. Divi é melhor do que Elementor?

Depende. Para algumas pessoas, que não querem comprar um tema e um criador de páginas separados, o Divi pode agregar mais valor. Se você está planejando construir apenas um site, acreditamos que Divi é uma ótima escolha. Se você está planejando construir vários sites, ou é um desenvolvedor ou designer, o Elementor pode ser melhor porque é compatível com mais temas.

7. Divi e Elementor funcionarão com Gutenberg?

Sim, Divi e Elementor funcionam bem com Gutenberg. 

Elementor vs Divi Builder: Pensamentos finais

Então, qual é o veredicto final quando se trata do criador de páginas Divi vs Elementor? 

No final, Divi e Elementor são excelentes criadores de páginas. Tudo se resume ao seu negócio e objetivos.

Se você precisa do construtor mais fácil que existe para um site ou precisa de um plano GRATUITO - escolha Elementor.

Se você é uma agência com muitos sites e precisa criar centenas de páginas, escolha a Divi. Há um motivo pelo qual todas as agências e empresas sérias usam o acesso vitalício da Divi: é o melhor valor no negócio.

Obrigado por ler! Feliz construção!

 

Obtenha Divi Agora   Obtenha o Elementor agora

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...