Revisão do Divi: Como Este Construtor Economiza Horas no Design de Sites

Se você já tentou construir um site do zero, você sabe a luta: inúmeros plugins, layouts confusos e horas perdidas apenas tentando fazer as coisas parecerem certas.

É por isso que o Divi chamou minha atenção. Este construtor do WordPress não fornece apenas um modelo; ele permite que você projete seu site exatamente como você quer, sem necessidade de codificação. O Divi mantém a simplicidade ao mesmo tempo em que fornece a flexibilidade para criar sites únicos.

Nesta revisão do Divi, discutirei os prós e contras, o que é, para quem é melhor, e suas principais características. Em seguida, mostrarei como usei o plugin Divi para gerar um artigo inteiro em minutos.

Concluirei o artigo comparando o Divi com meus três principais alternativas (Wix, B12 e Brizy). No final, você saberá se é o certo para você!

Veredito

Divi é um construtor de sites que cria sites personalizáveis sem codificação. No entanto, pode ser mais lento se não for otimizado, e os modelos padrão podem parecer não originais se não forem alterados.

O que é Divi?

Divi é um tema popular do WordPress com um poderoso construtor de páginas visuais desenvolvido pela Elegant Themes. Você pode usá-lo para criar sites totalmente personalizáveis sem escrever código através de sua interface de arrastar e soltar.

O Divi se destaca como um dos nomes mais reconhecidos no espaço de construtores de páginas do WordPress. No entanto, muitos não percebem que é na verdade dois produtos em um. Em sua essência, o Divi funciona como um tema do WordPress completo e como um plugin de construtor de páginas independente para flexibilidade.

A Natureza Dupla do Divi

Ao contrário dos temas tradicionais do WordPress que o trancam em layouts pré-determinados e opções de personalização limitadas, o Divi quebra essas barreiras completamente.

O tema fornece uma base limpa e responsiva para qualquer conteúdo. Enquanto isso, o plugin de construtor transforma a edição de sites em uma experiência de arrastar e soltar.

Essa abordagem dupla significa que você pode aplicar as capacidades de construção do Divi a qualquer tema do WordPress através do plugin, ou usar o tema completo do Divi para uma experiência totalmente integrada. Você obtém a flexibilidade de usar o Divi com temas que você já ama.

De Tema Simples a Poderosa Ferramenta Visual

A Elegant Themes lançou o Divi em 2013 como um tema do WordPress, mas ele passou por uma transformação dramática ao longo da última década.

A versão original usava uma interface de backend. No entanto, não oferecia opções de edição visual ao vivo.

A introdução do Construtor Visual em 2016 marcou um ponto de inflexão. Os usuários agora podiam editar seus sites diretamente na interface do usuário com pré-visualizações em tempo real.

Atualizações subsequentes adicionaram recursos avançados, incluindo:

• Integração de conteúdo dinâmico
• Controles de CSS personalizados
• A funcionalidade do Construtor de Temas (projeto de cabeçalhos, rodapés e modelos de página inteira)

A Filosofia por trás da Construção Visual

Divi tem como objetivo tornar o design da web acessível removendo barreiras técnicas. No passado, designs personalizados do WordPress exigiam habilidades de codificação como HTML, CSS e PHP, deixando muitos presos em modelos básicos.

O construtor visual remove barreiras técnicas com controles fáceis para cores, fontes e espaçamento. Ele vai além da construção de páginas para cobrir o design de todo o site.

Integração com o Ecossistema do WordPress

Divi funciona perfeitamente com o WordPress, mantendo o conteúdo em formatos padrão que permanecem intactos mesmo se o Divi for desativado.

O Divi funciona bem com plugins populares do WordPress para SEO, e-commerce, formulários e segurança. Ele se integra ao WooCommerce para vender produtos online e suporta ferramentas como Yoast SEO para manter designs otimizados para busca.

O sistema também suporta multisite do WordPress. Isso significa que grandes organizações podem gerenciar vários sites a partir de uma única instalação.

Quem é o Divi Melhor para?

Aqui estão os tipos de pessoas para quem o Divi é melhor:

• Freelancers e designers web podem usar o Divi para criar sites totalmente personalizáveis sem codificação.
• Pequenas e médias empresas podem usar o Divi para criar sites profissionais, como portfólios, blogs e páginas de serviço com controle total de design.
• Agências e desenvolvedores podem usar o Divi para acelerar projetos de design da web com layouts pré-fabricados.
• Proprietários de lojas de e-commerce podem usar o Divi para projetar lojas do WooCommerce com páginas de produtos e fluxos de checkout personalizados.
• Marketers podem usar o Divi para executar testes A/B e criar sites otimizados para SEO.
• Instituições de ensino e organizações sem fins lucrativos podem usar o Divi para criar vários sites sob uma única licença para gerenciar diferentes departamentos ou programas.

Recursos Chave do Divi

Aqui estão os recursos chave do Divi AI:

• Construtor de Arrastar e Soltar: edição visual ao vivo, sem codificação, tanto na interface do usuário quanto no backend.
• Construtor de Temas: projeto de cabeçalhos, rodapés, modelos, 404, posts de blog, produtos e mais.
• Layouts e Modelos: milhares de designs de modelos e sites de início.
• Controles Responsivos: personalize para desktop, tablet e celular.
• Estilos Globais: seções reutilizáveis e atualizações de design sincronizadas.
• Opções Avançadas: fontes, cores, espaçamento, animações e CSS personalizado.
• Ferramentas de IA: gere conteúdo e acelere a construção.
• WooCommerce: 20+ módulos para páginas de loja e produto personalizadas.
• Armazenamento e Gerenciamento: Divi Cloud e Dash para armazenamento em nuvem e gerenciamento.
• Conteúdo Dinâmico: insira automaticamente títulos, imagens, datas e mais.
• Biblioteca de Módulos Rica: texto, imagens, formulários, sliders, galerias e mais para criar layouts de sites.
• Desempenho: otimizado para velocidade, SEO e acessibilidade.

Como Usar o Divi

Aqui está como eu instalei o plugin Divi AI e usei para gerar um artigo inteiro em minutos:

1. Inscreva-se no Divi AI
2. Entre na área de membros da Elegant Themes
3. Baixe o Divi
4. Adicione o plugin Divi
5. Faça o upload e instale o plugin Divi
6. Ative o plugin
7. Ajuste as configurações do plugin Divi
8. Gere um artigo
9. Edite com o Construtor Divi
10. Inicie a construção
11. Gere um layout com IA
12. Autentique sua assinatura da Elegant Themes
13. Acesse seu nome de usuário e chave de API
14. Gere uma chave de API
15. Autentique sua conta
16. Descreva a página
17. Escolha as imagens e fontes
18. Gere o layout

Etapa 1: Inscreva-se no Divi AI

Eu comecei indo para elegentthemes.com e indo para “Obtenha o Divi AI.”

Etapa 2: Entre na área de membros da Elegant Themes

Depois de obter o Divi Pro, fui redirecionado para entrar na área de membros da Elegant Themes.

Etapa 3: Baixe o Divi

Uma vez conectado, fui apresentado a duas maneiras de baixar o Divi:

• Tema Divi (tema do WordPress e construtor de páginas todo em um)
• Plugin do Construtor Divi (construtor de páginas visual)

Selecione o Tema Divi se você estiver construindo um site do zero e quiser usar o Divi como seu tema. Se você já tiver um tema instalado no seu site do WordPress e estiver satisfeito com ele, baixe o plugin.

No meu caso, eu já tinha um tema instalado no meu site do WordPress que eu estava satisfeito. Eu selecionei “Baixar o plugin do Divi.”

Etapa 4: Adicione o plugin Divi

Imediatamente, o plugin Divi começou a ser baixado no meu computador.

A partir do meu painel do WordPress, eu passei o mouse sobre “Plugins” e fui para “Adicionar Plugin.”

Etapa 5: Faça o upload e instale o plugin Divi

Em seguida, eu cliquei em “Upload Plugin”, selecionei o arquivo ZIP do plugin Divi e cliquei em “Instalar Agora.”

Etapa 6: Ative o plugin

A partir daí, eu cliquei em “Ativar Plugin.”

Etapa 7: Ajuste as configurações do plugin Divi

Depois de instalar e ativar o plugin, eu notei um novo item de menu “Divi” no meu painel do WordPress. Aqui era onde eu podia ajustar as configurações do plugin, criar modelos de site, adicionar layouts e atribuir.

Etapa 8: Gere um artigo

Em seguida, eu queria gerar uma postagem com o Divi. Eu fui para minhas postagens e selecionei uma delas. Eu selecionei o botão roxo do Divi no topo.

Etapa 9: Edite com o Construtor Divi

Em seguida, eu selecionei “Edite com o Construtor Divi.”

Etapa 10: Inicie a construção

Isso me levou ao Construtor Visual, onde eu podia começar a construir com o Divi ou fazer o tour. Eu decidi pular direto e começar a construir.

Etapa 11: Gere um layout com IA

O Divi me apresentou três opções para como eu queria começar a construir:

1. Usar conteúdo existente: manter o conteúdo da página existente enquanto usa o construtor Divi.
2. Escolher um layout pré-fabricado: escolher entre centenas de layouts prontos, usar um dos meus layouts salvo ou duplicar uma página existente.
3. Construir com IA: descrever o conteúdo da página e deixar o Divi AI construir a página com um clique de botão.

Naturalmente, eu estava mais curioso sobre a terceira opção: Construir com IA. Não apenas era a maneira mais fácil de construir com o Divi, mas eu queria ver o que o Divi AI era capaz de fazer.

Etapa 12: Autentique sua assinatura da Elegant Themes

Antes de gerar texto com o Divi AI, eu tive que autenticar minha assinatura da Elegant Themes com uma chave de API e nome de usuário.

Etapa 13: Acesse seu nome de usuário e chave de API

Para localizar meu nome de usuário e chave de API, eu entrei na minha conta da Elegant Themes, passei o mouse sobre “Conta” e selecionei “Nome de usuário e chave de API.”

Etapa 14: Gere uma chave de API

Na parte inferior, eu selecionei “Gerar Nova Chave de API.”

Etapa 15: Autentique sua conta

A partir daí, eu copiei e colei meu nome de usuário e chave de API nos campos vazios no WordPress e cliquei em “Enviar.”

Etapa 16: Descreva a página

Em seguida, o Divi me pediu para descrever a página que eu queria que ele criasse. Opcionalmente, eu podia descrever meu site. Para obter os melhores resultados, eu recomendo fornecer ambos.

Aqui está o prompt que eu dei ao Divi:

“Crie uma revisão do Kittl, incluindo o veredito, prós, contras, o que é, para quem é melhor, suas principais características, como usá-lo e os três principais alternativos.”

Eu também forneceu ao Divi uma descrição do meu site:

“Este site oferece as melhores ferramentas de design, recursos e inspiração que são classificados e revisados por um designer gráfico.”

Etapa 17: Escolha as imagens e fontes

Havia também três tipos de imagens que eu podia pedir ao Divi para usar na minha página:

1. Imagens de estoque
2. Imagens geradas por IA
3. Imagens de placeholder

Por fim, eu podia personalizar as fontes e cores da minha página.

Eu decidi deixar a IA gerar as imagens para mim e escolher as cores e fontes para ver o que ela criaria.

Uma vez que tudo estava preenchido, eu cliquei em “Gerar Layout.”

Etapa 18: Gere o layout

Alguns minutos depois, o Divi gerou um artigo inteiro em um layout organizado que era totalmente personalizável. Eu podia passar o mouse sobre qualquer bloco para movê-lo, duplicá-lo, excluí-lo e mais. Eu também podia acessar as configurações para atualizar o conteúdo e o design.

Embora os resultados não fossem perfeitos e o conteúdo precisasse de verificação de fatos, o plugin Divi AI provou ser uma ferramenta poderosa para iniciar a criação de conteúdo e design. Ele economizou tempo, forneceu estrutura e facilitou a personalização de cada detalhe sem começar do zero.

Três Principais Alternativas ao Divi

Aqui estão as melhores alternativas ao Divi que eu recomendo.

Wix

A primeira alternativa ao Divi que eu recomendo é o Wix. O Wix é um construtor de sites amigável ao usuário com edição de arrastar e soltar. Ele é projetado para aqueles com pouca ou nenhuma experiência técnica em design da web.

Por um lado, o Wix se destaca com sua solução totalmente hospedada. Isso significa você não precisa gerenciar hospedagem ou manutenção, e inclui recursos como o construtor de sites de IA para criação de sites assistida por IA.

Por outro lado, o Divi oferece opções de design mais avançadas com construtores frontend e backend, um construtor de temas de site completo e integração com plugins do WordPress e WooCommerce.

Para hospedagem e design assistido por IA, escolha o Wix. Para controle criativo total e integração com o WordPress, escolha o Divi!

Visite Wix ou leia minha Revisão do Wix!

B12

A próxima alternativa ao Divi que eu recomendo é o B12. O B12 é uma plataforma de IA que ajuda os negócios a criar e lançar sites profissionais rapidamente com pouco esforço ou habilidade técnica.

O B12 usa IA para acelerar a criação de design e conteúdo. É uma excelente opção para qualquer um que queira gerar um site profissional rapidamente com SEO embutido.

Enquanto isso, o Divi se destaca com seu construtor visual e opções de personalização. O Divi facilita a criação de sites personalizados com controle sobre cada elemento. Ele também integra o WooCommerce e uma grande biblioteca de layouts pré-fabricados.

Para personalização de design profunda e controle total sobre os elementos do site, escolha o Divi. Para criação de site instantânea com IA, escolha o B12!

Brizy

A última alternativa ao Divi que eu recomendo é o Brizy. O Brizy facilita a criação de sites atraentes e responsivos com edição de arrastar e soltar, 180+ modelos pré-fabricados e uma interface limpa.

O Brizy se concentra na simplicidade e velocidade. Ele também oferece colaboração em nuvem e um desempenho mais leve e rápido.

Enquanto isso, o Divi se destaca com seu Construtor de Temas para controle total sobre cabeçalhos, rodapés e modelos. Ele também suporta o WooCommerce com módulos de e-commerce dedicados e recursos de estilização global.

Escolha o Divi para controle de design total, modelos personalizados e suporte forte ao WooCommerce. Caso contrário, escolha o Brizy para velocidade, simplicidade e colaboração.

Revisão do Divi: A Ferramenta Certa para Você?

Depois de testar o Divi por mim mesmo, posso dizer com confiança que ele equilibra flexibilidade e facilidade de uso. O construtor de arrastar e soltar, os milhares de modelos e a personalização me deram mais controle do que eu tive com a maioria das ferramentas. Além disso, os recursos de IA me ajudaram a construir mais rápido.

Para mim, o Divi é uma boa escolha porque eu valorizo a liberdade criativa, a personalização profunda e a capacidade de dimensionar projetos sem codificação. No entanto, se você estiver curioso sobre as melhores alternativas ao Divi, aqui está o que eu recomendo:

• Wix é o melhor como uma solução hospedada todo em um com nenhum setup técnico e um construtor de IA.
• B12 é o melhor para criar rapidamente sites profissionais para negócios.
• Brizy é um construtor simples, rápido e leve com recursos de colaboração.

Obrigado por ler minha revisão do Divi! Espero que você a tenha achado útil. Tente o tema Divi ou o plugin de construtor e veja como você gosta!

Perguntas Frequentes

Quais são as desvantagens do Divi?

Divi tem como desvantagens ser esmagador para iniciantes devido às suas muitas características. Ele também pode desacelerar o carregamento da página se não for otimizado, especialmente em sites grandes ou complexos.

O Divi é melhor do que o Wix?

Wix é melhor para iniciantes que desejam um site todo em um com modelos e ajuda de IA. Enquanto isso, o Divi é melhor para controle de design total, personalização e integração com o WordPress/WooCommerce.

O Divi é melhor do que o Squarespace?

Divi é melhor para personalização total, controle sobre cada elemento de design e integração com o WooCommerce. Squarespace é melhor como uma solução hospedada todo em um com modelos para configuração rápida.

O Divi é bom para iniciantes?

Sim, Divi é bom para iniciantes. Seu construtor de arrastar e soltar torna fácil projetar sites sem codificação, e a biblioteca de modelos ajuda a criar sites profissionais rapidamente.

O Divi usa IA?

Divi integra recursos de IA por meio do Divi AI, que é construído no Divi 5 e seu construtor visual. Com Divi AI, você pode gerar texto, imagens, trechos de código e até mesmo sites inteiros com prompts simples.