Elementor vs Divi: Qual deles vale mais o dinheiro? (2023)

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

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 sumário fácil para que você possa pular rapidamente para a seção mais relevante para você. Clique para abrir o conteúdo abaixo:

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).

Obter Divi se:

• 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.

Obtenha o Elementor se:

• 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 uma versão GRATUITA
• 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.

Resumo

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	A partir de $ 59/ano	$ 89 / ano
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
Front-end / Back-end	Ambos	Ambos
Arrastar e soltar	Sim	Sim
Elementos de terceiros suportados	Sim	Sim
Front-end / Back-end	Ambos	Ambos
Importação / Exportação	Sim	Sim
Público-Alvo	Desenvolvedor / Designer / Usuário / Agência	Designer / Usuário / Agência
Elementos suportados	100+	200+
Suporte para WordPress Widgets	Sim	Complicado
Código Limpo	Sim	Não
Modelos / layouts pré-fabricados	300+	300+
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
site	Visite o site	Visite o site (10% DE DESCONTO)

Agora que você tem uma visão geral rápida de cada plug-in, vamos nos aprofundar neles.

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

Por que escolher o construtor de páginas errado pode custar tudo!

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 usava os temas WordPress premium 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! Nem perto 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.

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 a deixar uma avaliação descrevendo como usá-lo quase custou 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.

Os criadores de páginas são ferramentas que permitem projetar e criar páginas da Web com aparência profissional do zero, mesmo sem experiência em codificação. 

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, basta pegar esse elemento na barra lateral, arrastá-lo para a página e colocá-lo onde quiser.

Soa muito melhor do que entrar no back-end e codificação tudo sozinho, certo?

A maioria ainda tem modelos pré-fabricados comprovados para aumentar as conversões de visitantes, então você nem precisa fazer nenhum trabalho pesado.

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

O que é Divi?

Divi é o tema WordPress mais popular, com mais de 880,000 vendas. Se isso fosse esporte, eles seriam o Man U, o New York Yankees e o New England Patriots:

Mais que uma equipe, uma instituição.

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 plug-in integrado e fornecido com o tema, embora possa ser adquirido e usado separadamente com outros temas, caso você queira.

Confira algumas exemplos de sites construídos com Divi Aqui.

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

O que é Elementor?

Elementor e Elementor Pro (e toda a sua gama de novos produtos) são um disruptor de mercado que está crescendo rapidamente em popularidade. É um dos construtores mais populares para solopreneurs e empresas.

É extremamente rápido, oferece um design inigualável e é tão fácil que um homem das cavernas poderia fazê-lo. E permite que você comece 100% com a versão GRATUITA. 

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 especializados em WordPress ou por uma empresa conhecida.

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 impressionantes. Então, como posso escolher?

Tanto o Divi quanto o Elementor são muito semelhantes, mas, como eu disse antes, os preços e as pequenas diferenças na funcionalidade os tornam perfeitos para diferentes segmentos do mercado.

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.

Precisa de hospedagem na Web para seu próximo projeto?

Você sabia disso SiteGround é recomendado pela Divi e Elementor também funciona bem em SiteGround?

Mas não é a única coisa que você deseja de um serviço de hospedagem de sites. Você quer que seu site seja rápido, confiável e com um preço que faça sentido.

É por isso CollectiveRay recomenda SiteGround. É uma excelente combinação de flexibilidade, poder e preço que você não encontrará com frequência.

Clique aqui para ver SiteGround ofertas em Junho 2023

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 do construtor de páginas.

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

Vamos começar com 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:

Com o Divi builder plug-in instalado, ao criar uma nova página, você será saudado com uma interface do usuário que perguntará se você deseja usar o Divi Builder ou o editor padrão.

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”.

• Construir do zero - Comece com uma página em branco.
• Escolha um layout pré-fabricado - Escolha um modelo pré-fabricado. Falaremos sobre isso com mais detalhes mais adiante.
• Clonar página existente - Copia uma página existente.

Vamos escolher a opção “build from scratch” já que as outras duas opções são praticamente as mesmas, apenas com o conteúdo já adicionado.

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.

Caixas de diálogo com opções que você pode configurar se abrem, dependendo do módulo e do conteúdo que você está adicionando.

O cardápio

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 atua como seu menu. Ao clicar neles, você terá acesso a várias opções e ferramentas úteis.

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

Ao usar o Divi, começando pelo lado esquerdo, temos

• Divi builder Configurações
• Visualização de wireframe
• Ferramenta de zoom
• Vista do ambiente de trabalho
• Visualização em tablet
• Carregar das opções da biblioteca
• Salvar na opção de biblioteca
• Layout claro
• Configurações da página
• Editando o histórico
• Portabilidade
• O botão de pesquisa e ajuda
• Os botões salvar rascunho e publicar

Configurações do construtor - Abrirá uma caixa de diálogo com diferentes opções que permitem personalizar 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 - Ativa ou desativa a exibição de wireframe. Você pode usar a visualização wireframe para ter uma visualização estrutural da sua página.

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

Visualização de desktop, tablet e celular - Veja como sua página se parece em diferentes dispositivos e resolução de tela.

Carregar da biblioteca - Insira ou use um modelo pré-fabricado da biblioteca de modelos na página.

Salvar na biblioteca - Salve a página atual na biblioteca de modelos.

Layout claro - Exclui tudo na página.

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

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

Portabilidade - Importe ou exporte seu layout atual.

Botões de pesquisa e ajuda - Acesso 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 auto-explicativo.

Menus específicos 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.

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.

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

Não o sobrecarrega, mantém você focado em seus projetos. Apresenta uma experiência em tela cheia.

Como você pode ver, em termos de facilidade de uso, Elegant Themes tenho trabalhado para fazer Divi Builder simples, mas poderoso ao mesmo tempo.

Interface do usuário Elementor

A interface 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:

Criar uma nova página com a interface Elementor 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.

Baixe uma cópia do plugin

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

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

Ocultar a barra lateral permite que você tenha uma visualização em tela inteira do seu página.

Adicionando Elementos no Elementor

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

A barra lateral mudará para exibir as opções específicas do 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, você notará que o lado agora exibe 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.

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 fixa é dividida em três partes.

1. Menu superior
2. O corpo
3. 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.

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 fixa, você pode ver itens de menu adicionais.

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: as opções salvar rascunho e salvar como modelo.

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.

Você pode editar o título da 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 abas adicionais: a estilo e avançado Guias.

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.

Navigator - Uma visão hierárquica dos elementos na página. Isso é comparável ao Divi buildermodo de estrutura de arame. O navegador é um menu flutuante que representa a hierarquia de elementos da sua página. Você pode reorganizar os elementos usando o navegador , embora sua funcionalidade não seja tão boa quanto o modo wireframe em Divi Builder.

História - Permite reverter para uma versão anterior de suas edições e visualizar o histórico. 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 é grande.

Há outra guia denominada “revisões” no painel de histórico. Estas revisões são mantidas mesmo após sair 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.

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 para uma revisão anterior facilmente, mesmo se fechar o editor, sair do WordPress ou desligar o computador.

Modo responsivo - Visualize como sua página ficará em diferentes dispositivos e resoluções de tela.

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

Menus Específicos de Elementos

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

Elementor em ação

Na próxima parte de nossa comparação Divi x Elementor, mostraremos o Elementor em ação para que você possa entender a diferença entre esses dois construtores de páginas.

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

Ao comparar Divi x Elementor, vemos que eles possuem um foco diferente.

O primeiro foca na simplicidade e limpeza, o segundo 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.

Vencedor do Elementor vs Divi UI: Laço

Saiba mais no site do plugin

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

Elementor vs Divi: Elementos

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

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, semelhante à da segunda seção.

A coluna do meio da linha inferior contém um módulo de botão.

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

A 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

In 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 comercial.

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 permite adicionar uma nova seção.

Ao clicar 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.

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.

Colocar o mouse sobre um elemento o destacará e exibirá uma barra de ação no canto superior direito da área destacada.

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 elemento.

Quando se trata de Divi vs Elementor em termos de teste A/B, o tema Divi sai por cima. A única maneira de dividir o teste com 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.

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 o design e a guia avançada contêm opções de estilo.

Linhas

Como na 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 que difere em quantas colunas ela possui por padrão e no tamanho de cada coluna.

As linhas usam o responsivo Grade de 12 colunas. 

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

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 - Uma linha tem uma barra de ação quando você passa o mouse sobre ela, permitindo que você acesse determinados itens de menu. 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.

Módulos

Módulos em 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. Outra caixa de diálogo aparecerá exibindo as configurações 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.

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.

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

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

Veredicto:

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.

Vamos agora dar uma olhada nos elementos do Elementor a seguir em nosso Elementor vs. Divi builder Confronto.

Elementos Elementor: seção, colunas e widgets

Elementor tem três categorias de elementos diferentes: o seção, que atua como um contêiner, o coluna 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.

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

Você pode simplesmente arrastar um widget da barra lateral para uma área vazia da sua página e pronto.

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

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

Assim como no Divi, você pode arrastar e soltar elementos para reposicioná-los na página. Você pode clicar em qualquer texto na página para editar diretamente e redimensionar as colunas livremente.

Um clique com o botão direito do mouse em qualquer elemento da página abre um menu de contexto que varia ligeiramente, 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.

 Passar o mouse sobre qualquer elemento da página destacará a seção à qual ele pertence. A seção destacada possui um pequeno menu na parte superior.

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).

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 Estilo, você pode configurar opções de estilo e, na guia Avançado, pode configurar opções adicionais de estilo e atributos avançados.

colunas

As colunas atuam como um contêiner para os widgets, incluindo os widgets da seção interna.

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

O acesso às configurações da 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 aparecerão, permitindo que você edite a coluna, duplique a coluna, adicione uma nova coluna, etc.

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, ele também possui três guias: Layout, Estilo e Avançado.

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 próxima peça para as diferenças Elementor vs Divi quando se trata dos elementos reais são os widgets.

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

Adicionar um widget é tão simples quanto arrastá-lo 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.

Selecionar um widget mudará a barra lateral para exibir as opções configuráveis ​​para aquele item específico.

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.

Cada widget também possui as guias Estilo e Avançado que você pode acessar no painel da barra lateral.

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

A guia Avançado é a mesma dos 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 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.

Divi Builder 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, é hora de comparar as opções de estilo nos construtores de páginas Elementor vs Divi!

Elementor vs Divi: Estilo

Nosso Elementor vs Divi builder não estaria completo sem uma análise profunda das funções de estilo de ambos os construtores de páginas.

Divi Builder Opções de estilo

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

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

A 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.

Use a guia avançada para adicionar classes e IDs CSS personalizados, código CSS personalizado, configurar a visibilidade e assim por diante.

Estilo Responsivo

Divi Builder permite definir diferentes configurações de estilo para diferentes dispositivos.

Por exemplo, você pode definir a fonte de um elemento de texto como Verdana e torná-la um tamanho de 20px em dispositivos de desktop. Você pode definir outra configuração para celular que o faça ter uma fonte Times New Roman e um tamanho de 10px.

As opções de design permitem que todos os tipos de usuários personalizem suas páginas extensivamente 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.

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, depois Estilo e Avançado na segunda e na 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.

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.

Estilo Responsivo

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

Controlando opções de estilo padrão

Por padrão, depois de instalar o Elementor, o plug-in do construtor de páginas aplicará automaticamente suas opções de estilo para substituir 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.

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.

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.

Elementor vs Divi: Modelos

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

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

Divi Builder Layouts

No jargão do Divi, os modelos são chamados de layouts. O construtor de páginas Divi oferece mais de 300 pacotes de layout de modelos de site completos pré-fabricados.

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).

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 (semelhante ao que você pode construir com OptimizePress 3.0) que você pode carregar a partir dos layouts e usar para diferentes promoções que possa estar executando. 

Isso inclui sites completos e páginas de destino para fins específicos.

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.

Isso inclui sites inteiros e páginas de destino específicas para casos de uso específicos.

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
• Perguntas frequentes
• tabelas de preços
• carteiras
• Cabeçalhos
• Serviços
• Construtor de pop-up e uma ferramenta de criação de pop-up

Embora tenhamos dito 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.

A equipe Elemetor está constantemente criando e adicionando mais modelos à biblioteca e não conseguimos acompanhar o fluxo constante de modelos Elementor lançados :-)

À 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 tema Divi facilita a construção de um site completo, graças aos seus pacotes de modelos.

Elementor vs Divi Builder Vencedor dos modelos: Divi Builder

Elementor vs Divi: construção temática

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

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

A Divi Builder 4.0 grande atualização, lançada em outubro de 2019, com foco em equipar o Divi builder com poderosas ferramentas de criação de temas. Isso permite que os usuários usem elementos, módulos e recursos para criar não apenas páginas estáticas, mas também layouts dinâmicos de cabeçalho, rodapé e corpo.

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.

Criador de temas Divi

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, esse é um recurso em que Divi Builder está alcançando Elementor.

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

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.

Se você quiser obter mais desses pacotes, recomendamos que você visite o Elegant Themes site aqui e subscrever a sua newsletter.

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 do seu site.

Ao criar um novo modelo, o Divi 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 até mesmo a tags e categorias específicas e muito mais.

Então você pode começar a construir e projetar seu modelo. Se você definiu um modelo global de cabeçalho e rodapé, eles serão adicionados automaticamente ao seu novo modelo.

Clicar em qualquer adicionar corpo personalizado, adicionar cabeçalho personalizado or adicionar rodapé personalizado botões abrirão um pequeno menu pop-up permitindo que você escolha entre várias opções.

Essas opções incluem selecionar um modelo pré-criado ou copiar um existente.

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

Construtor de Temas Elementor

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

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

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.

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.

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

Você pode optar por incluir e excluir seus modelos Elementor usando regras condicionais complexas. Por exemplo, digamos que temos um modelo chamado “A”. Você pode optar por exibir este modelo se a página estiver na categoria chamada “negócios” e se o autor for “John Doe”.

Usado corretamente, esse 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 temática.

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

Outro recurso digno de nota de que gostamos é o construtor de pop-ups. A maioria das pessoas instalará um novo plug-in para configurar pop-ups em seu site, mas com a ferramenta de criação de pop-up Elementor, você não precisará de um plug-in extra apenas para configurar pop-ups.

Vencedor do Elementor vs Divi Theme Builder: Elementor por uma margem clara graças ao número de ferramentas e o que você pode conseguir com elas.

Preços Elementor x Divi 2023

A escolha entre Elementor e Divi Builder às vezes tudo pode se resumir a preços.

Um faz total sentido para um grupo e literalmente não faz sentido para outro.

Preço Elementor

O preço do Elementor Pro começa em $ 59/ano para um site e vai até $ 399/ano para 1,000 sites. Todos os recursos e extras estão incluídos em todos os planos.

Mas é tão popular porque vem com um Versão gratuita.

O plano gratuito da Elementor é realmente suficiente para criar uma bela página e vem com mais de 40 widgets e mais de 30 modelos.

Dica Pro: Se você tiver mais de um site, basta usar a licença Expert. Se você está construindo sites para clientes e deseja ter um construtor de páginas, geralmente sugerimos a licença Expert e cobrando de cada cliente o preço de uma licença Advanced.

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 preço mais baixo no Elementor Pro 

Divi Builder Preços

Divi Builder não tem uma versão gratuita, mas eles tem uma demonstração que você pode acessar para que você possa experimentá-lo antes de comprá-lo. 

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 para CollectiveRay visitantes.

Dado o preço, e nosso desconto que é válido somente até Junho 2023, é 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

Não há necessidade de renovar. Não há necessidade de se preocupar com atualizações (mais sobre isso a seguir). Sem estresse. Basta clicar, pagar e usar para sempre.

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é Junho 2023

Elementor vs Divi Builder Veredicto de preços:

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.

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 o corrigiu imediatamente. Só havia 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.

Onde hospedar seu construtor de páginas

Tanto Divi quanto Elementor criaram um novo conceito.

Para tornar mais fácil para as pessoas que precisam de administração e manutenção simplificadas do site, eles lançaram uma versão de seus produtos totalmente hospedada.

Isso significa que, em vez de você precisar encontrar seu próprio servidor de hospedagem de site, instalar e manter o WordPress, ALÉM de construir seu site, a versão hospedada cuida dos aspectos de hospedagem.

Você só precisa se concentrar na construção do site.

Ambas as empresas criaram um produto semelhante, onde a Elementor está oferecendo o Cloud Website Builder ao preço de $ 99/ano.

A Divi também está oferecendo uma opção de hospedagem de seu produto, conhecida como Nuvem Divi. 

Essencialmente, esses dois produtos são WordPress com o plug-in instalado, mas hospedados em um serviço no qual você não precisa lidar com nenhum detalhe do WordPress.

O preço é bastante atraente se você quiser uma abordagem prática para o seu WordPress assim que o site estiver no ar.

Testemunhos - O que outros usuários dizem

B ambos Divi Builder e Elementor Pro têm 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.

Confira as classificações do construtor de páginas Elementor no diretório WordPress:

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.

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 bom é o suporte.

Apesar de Divi Builder pode ser um pouco mais difícil de usar do que o Elementor, sua equipe de suporte está lá para apoiá-lo.

"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. ”

“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 Pro

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.

"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!"

"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?

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 simplifica ao exibir o menor número possível de elementos da interface do usuário.

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

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

O Elementor tem um preço máximo de $ 399 por ano, permitindo que você o use em mil sites. Ele também oferece uma versão gratuita que ainda oferece um poderoso conjunto de ferramentas e até mesmo modelos que permitem criar 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 deixará alguns códigos de acesso nas páginas que são um problema para corrigir, por isso bloqueia você um pouco.

No entanto, considerando que eles têm uma opção de licença vitalícia, é meio que justificado.

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 de folha de estilo Gutenberg, armazenamento em cache de adiamento jQuery para Google Fonts e folhas de estilo inline.

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

Segurança

Elementor teve vários problemas sérios 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.

A 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, Divi não tinha um recurso de construção de tema. portanto, anteriormente recomendamos o Elementor se você precisasse de recursos de criação de temas.

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

Tudo mudou quando o Divi 4.0 foi lançado.

Neste ponto, o construtor e o 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 plug-in 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 destina-se a usuários e desenvolvedores avançados, para que possam desenvolvê-lo ainda mais. Se você deseja um tema Elementor rico em recursos, precisa instalar um produto de terceiros.

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

Principais diferenças na construção do tema

Uma das principais diferenças entre usar o Elementor e o recurso de criação de temas do Divi é o editor.

Há uma grande diferença na experiência do usuário, eventualmente, o que você prefere se resume à experiência e preferência pessoal.

Ao editar um cabeçalho, rodapé ou modelo de corpo personalizado em 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 em sua tela será apenas a área do cabeçalho.

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.

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.

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

Elementor vs Divi: prós e contras

Todo produto tem pontos fortes e fracos e Elementor e Divi não são diferentes. Provavelmente já está claro o que eu acho que eles são, mas para resumir:

Vantagens do Divi:

• Interface limpa e moderna
• O novo Divi Builder mudou o jogo
• Permite o uso gratuito de widgets e códigos de acesso
• O preço é excelente para agências e vários sites
• Muitos modelos e designs para usar

Contras de Divi:

• Você não pode importar um modelo de site inteiro, apenas páginas individuais
• A desinstalação deixa o código para trás
• O custo realmente funciona apenas para vários sites

Vantagens do Elementor:

• Simples de usar e personalizar
• Excelente gerenciamento de layout e controle fino
• Centenas de personalizações possíveis
• A versão gratuita torna muito acessível
• As versões premium oferecem muitos recursos extras

Contras do Elementor:

• Requer um tema WordPress separado
• Mais caro que Divi

Elementor vs Divi: perguntas frequentes

O que é o 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 850,000 vezes.

O que é o 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.

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.

Posso usar o Divi em vários sites?

Sim, depois de comprar o Divi pelo preço de $ 89, você pode usá-lo em sites ilimitados, mas receberá suporte e atualizações por apenas 1 ano. Existe uma versão de $ 249 que tem sites ilimitados vitalícios, suporte ilimitado e atualizações. Se você usar nosso link encontrado nesta página, você terá 10% de desconto em ambos os preços.

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.

Divi é melhor que Elementor?

Para algumas pessoas, que não desejam comprar um tema e um construtor de páginas separados, o Divi pode agregar mais valor, especialmente se você comprar o acordo vitalício. Se você planeja criar apenas um site, acreditamos que o Divi é uma ótima escolha. Se você planeja criar vários sites ou é desenvolvedor ou designer, o Elementor pode ser melhor porque é compatível com mais temas, mas será mais caro que o Divi em geral.

Divi e Elementor trabalharão com Gutenberg?

Sim, Divi e Elementor funcionam bem com Gutenberg. 

Você pode usar Elementor com Divi?

Sim, você pode usar o Elementor com o Divi se tiver os plug-ins corretos instalados, mas como o Divi tem suas próprias funções de construtor de páginas, acreditamos que seria melhor para o seu site usar o plug-in divi por toda parte.

Elementor vs Divi Builder: Pensamentos finais

Então, qual é o veredicto final quando se trata dos construtores 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.

Obtenha Divi Agora   Obtenha o Elementor agora

Sobre o autor

Autor: David AttardWebsite: https://www.linkedin.com/in/dattard/E-mail: david @collectiveray.com

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.