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 as coisas simples, enquanto 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 alternativos (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 por meio de sua interface de arrastar e soltar.

O Divi é 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 seu núcleo, o Divi funciona tanto como um tema do WordPress completo quanto como um plugin de construtor de páginas independente para flexibilidade.

A Dupla Natureza do Divi

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

O tema fornece uma base limpa e responsiva para qualquer conteúdo. Enquanto isso, o plugin de construtor de páginas 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 por meio do plugin, ou usar o tema Divi completo 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 em tempo real.

A introdução do Construtor Visual em 2016 marcou um ponto de inflexão. Os usuários podiam agora editar seus sites diretamente no frontend com 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 (projete cabeçalhos, rodapés e modelos de página inteira)

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

O objetivo do Divi é 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 sites inteiros.

Integração com o Ecossistema do WordPress

O 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 os designs otimizados para busca.

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

Quem é o Divi Melhor para?

Aqui estão os tipos de pessoas para as quais 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 construir 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 web com layouts pré-fabricados.
• Proprietários de lojas online podem usar o Divi para projetar lojas 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 principais do Divi AI:

• Construtor de Arrastar e Soltar: Edição visual em tempo real, sem codificação, no frontend e backend.
• Construtor de Temas: Projete 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, CSS e estilos globais.
• Ferramentas de IA: Gere conteúdo e acelere as construções.
• WooCommerce: 20+ módulos para páginas de loja e produto personalizadas.
• Armazenamento e Gerenciamento: Divi Cloud e Dash para armazenamento e gerenciamento em nuvem.
• Conteúdo Dinâmico: Insira automaticamente títulos, imagens, datas e mais.
• Biblioteca de Módulos Rica: Texto, imagens, formulários, slides, galerias e mais para construir layouts de sites.
• Desempenho: Otimizado para velocidade, SEO e acessibilidade.

Como Usar o Divi

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

1. Inscreva-se no Divi AI
2. Entre na Elegant Themes
3. Baixe o Divi
4. Adicione o Plugin Divi
5. Envie 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

Comecei indo para elegentthemes.com e indo para “Get Divi AI.”

Etapa 2: Entre na Elegant Themes

Depois de obter Divi Pro, fui redirecionado para entrar na Elegant Themes.

Etapa 3: Baixe o Divi

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

• Tema Divi (tema e construtor de páginas tudo-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. Selecionei “Baixe o Plugin Divi.”

Etapa 4: Adicione o Plugin Divi

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

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

Etapa 5: Envie e Instale o Plugin Divi

Em seguida, eu cliquei em “Upload Plugin”, selecionei o arquivo ZIP do plugin Divi e selecionei “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 sites, 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. Use conteúdo existente: Mantenha o conteúdo da página existente enquanto usa o construtor Divi.
2. Escolha um layout pré-fabricado: Escolha entre centenas de layouts prontos, use um de seus layouts salvo ou duplique uma página existente.
3. Construa com IA: Descreva o conteúdo da página e deixe o Divi AI construir sua página com um clique de botão.

Naturalmente, eu estava mais curioso sobre a terceira opção: Construa 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 collei 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 recomendaria 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 fazer o Divi usar em minha página:

1. Imagens de estoque
2. Imagens geradas por IA
3. Imagens de espaço reservado

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 iria criar.

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 pairar 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 tornou fácil personalizar cada detalhe sem começar do zero.

3 Principais Alternativos do Divi

Aqui estão os melhores alternativos do Divi que eu recomendaria.

Wix

O primeiro alternativo do Divi que eu recomendaria é 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 web.

Por um lado, o Wix se destaca com sua solução de hospedagem completa. Isso significa que 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 mais opções de design avançadas com construtores de frontend e backend, um construtor de temas completo e integração com plugins do WordPress e WooCommerce.

Para uma solução de hospedagem tudo-em-um e design assistido por IA, escolha o Wix. Para controle criativo total e integração com o WordPress, escolha o Divi!

Visite o Wix ou leia minha Revisão do Wix!

B12

O próximo alternativo do Divi que eu recomendaria é 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 o design e a criação de conteúdo. Ele é 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 torna fácil criar 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

O último alternativo do Divi que eu recomendaria é o Brizy. O Brizy torna fácil criar 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 rápido e leve.

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 comércio eletrônico dedicados e recursos de estilização global.

Escolha o Divi para controle de design total, modelos personalizados e suporte 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 os melhores alternativos do Divi, aqui está o que eu recomendaria:

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

Obrigado por ler minha revisão do Divi! Eu 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?

As desvantagens do Divi incluem 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?

O Wix é melhor para iniciantes que desejam um site tudo-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?

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

O Divi é bom para iniciantes?

Sim, o 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?

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