Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Divi

1 avaliação de usuário | Avaliação de Divi nossos especialistas

DesignUsado por mais de 900.000 pessoas users

O Divi é um tema multiuso popular e um plug-in de construtor de páginas. Ele vem com kits de sites prontos, layouts e um editor de arrastar e soltar para que você possa criar belos designs rapidamente.
Você já usou "Divi" antes? Adicione sua avaliação para ajudar a comunidade.

Prós:

  • Tema multiuso para WordPress
  • Construtor de páginas de arrastar e soltar
  • Mais de 2.000 layouts
  • Mais de 200 elementos
  • Mais de 200 pacotes de sites completos
  • Otimizado para dispositivos móveis e desempenho

Os usuários do WPBeginner podem economizar até 50%!

Visite Divi

(esse desconto será aplicado automaticamente)

Revisão da Divi: O tema WordPress e o construtor de páginas certos para você?

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Está procurando uma análise da Divi para ajudá-lo a decidir se é o tema certo para o seu site WordPress?

O Divi é um popular construtor de páginas de arrastar e soltar e um tema multiuso. Ele permite que você crie, edite e personalize o layout do seu site sem escrever uma única linha de código, para que você possa criar exatamente o design que deseja.

Nesta análise da Divi, daremos uma olhada mais de perto nesse popular tema e construtor, para ver se ele é adequado para o seu site WordPress.

Is Divi the right theme and page builder for you?

O que é Divi?

O Divi é um tema multiuso popular que vem com um construtor de páginas integrado.

O construtor de páginas funciona com qualquer tema do WordPress, portanto, você pode usá-lo para criar todos os tipos de sites. No entanto, ele foi otimizado para funcionar com o tema Divi e todas as licenças Divi incluem o construtor e o tema multiuso, portanto, muitos proprietários de sites os utilizam juntos.

The drag and drop Divi theme builder

Quando você ativa o construtor de páginas, ele substitui o editor padrão de páginas e postagens do WordPress por um construtor visual.

Esse construtor lhe dá acesso a centenas de layouts prontos que abrangem vários setores e nichos, incluindo kits para sites de restaurantes, cafeterias e estúdios de ioga.

Graças ao importador de demonstração de um clique da Divi, você pode importar de forma rápida e fácil qualquer um desses layouts de blog projetados profissionalmente e, em seguida, personalizá-los usando o construtor de arrastar e soltar.

The Divi theme and builder

Como alternativa, você pode começar do zero e criar um layout totalmente personalizado.

Independentemente da opção escolhida, você pode adicionar e remover elementos, adicionar texto usando o editor em linha, mover elementos pela página e até mesmo adicionar CSS personalizado para criar exatamente o design desejado.

Adding custom CSS to a WordPress page design

Quando estiver satisfeito com o layout, você poderá torná-lo ativo com apenas alguns cliques ou salvá-lo como um modelo reutilizável.

Se você gerencia vários sites, pode até exportar seus designs e importá-los para qualquer blog, site ou loja on-line do WordPress que tenha a Divi instalada.

Revisão da Divi: Por que usá-lo no WordPress?

Há inúmeros temas do WordPress para escolher, mas muitos proprietários de sites ainda têm dificuldade para criar exatamente o design que desejam.

É aí que entram os construtores de páginas.

Esses plug-ins permitem que você personalize cada parte do seu site usando o recurso de arrastar e soltar. Com isso em mente, vamos ver se o Divi é o plug-in de construtor de páginas e o tema multiuso certos para seu site WordPress.

1. Layouts projetados por profissionais

A Divi oferece mais de 2.000 layouts de sites e está lançando novos designs o tempo todo, completos com imagens, ícones e ilustrações de domínio público.

Divi's ready-made website layouts

Há também pacotes de layout com vários designs para a seção do blog, a página sobre nós, a página de contato, a página inicial e muito mais.

Você encontrará pacotes para nichos e setores específicos, além de modelos minimalistas que são adequados para praticamente qualquer nicho de blog.

Choosing a ready-made website pack using the Divi theme

A Divi ainda permite que você aninhe diferentes layouts em outros modelos para criar designs em camadas.

Além disso, o Divi tem mais de 200 elementos e módulos totalmente personalizáveis. Por exemplo, você pode adicionar controles deslizantes prontos, botões de chamada para ação (CTA), formulários, depoimentos, feeds de mídia social, tabelas de preços e muito mais.

Adding modules to a custom WordPress theme

2. Construtor de páginas do tipo arrastar e soltar

O Divi vem com um editor de arrastar e soltar que permite criar páginas de destino totalmente personalizadas, páginas de vendas, layouts de postagem personalizados e muito mais. Ele funciona com praticamente qualquer tema do WordPress, embora tenha sido projetado para funcionar perfeitamente com o tema Divi.

O construtor de páginas Divi é um verdadeiro editor do tipo “o que você vê é o que você obtém” (WYSIWYG), de modo que você pode ver suas alterações em tempo real. Isso significa que você pode experimentar várias configurações diferentes para ver o que fica melhor em seu site, blog ou loja on-line.

Para editar qualquer elemento na tela, basta clicar para selecioná-lo e, em seguida, fazer as alterações no menu à esquerda.

Editing a website's design using Divi

Você pode alterar as fontes, a cor do texto, as opções de borda, adicionar estilo de foco, aplicar filtros e muito mais.

A Divi também tem 20 tipos de linhas e 3 tipos de seções, para que você possa organizar facilmente o conteúdo da página em um layout agradável.

Choosing a layout for your page design

3. Opções avançadas de personalização

Depois de adicionar elementos à página, o Divi lhe dá a possibilidade de transformá-los sem usar um software externo de web design, como o Photoshop ou o Sketch.

Você pode girar elementos em três eixos diferentes, dimensioná-los para cima e para baixo, movê-los e realizar outras tarefas avançadas diretamente no construtor de páginas Divi.

Você também pode usar filtros para alterar a aparência dos diferentes elementos. Por exemplo, você pode aplicar o filtro Sépia, Saturação ou Contraste. Outras opções incluem adicionar uma borda, sombra de caixa ou sombra de texto.

Dessa forma, você pode personalizar os elementos e módulos prontos para que reflitam perfeitamente a sua marca e o tema do WordPress.

4. Edição de texto em linha

O texto é uma parte importante da maioria dos blogs, sites e mercados on-line.

Com o Divi, você pode redigir seu conteúdo no front-end e ver os resultados instantaneamente. Basta clicar em qualquer elemento que suporte texto e começar a digitar.

Editing your WordPress website's text on the front-end

Você também tem controle total sobre a aparência do texto. Isso inclui escolher entre centenas de fontes da Web ou fazer upload de suas próprias fontes, alterar o espaçamento entre letras e a altura da linha, criar citações em bloco e muito mais.

5. Animações e efeitos

As animações no WordPress podem chamar a atenção do visitante e destacar o conteúdo mais importante de uma página. Elas também podem incentivar os clientes a clicar nos botões de call to action.

A boa notícia é que o Divi permite que você crie todos os tipos de animações e efeitos.

Para começar, ele vem com animações prontas que podem ser adicionadas a qualquer elemento, ou você pode criar suas próprias animações personalizadas.

Adding animations and transition effects to your WordPress website

Você também pode criar efeitos de movimento, que interagem com os visitantes à medida que eles se movimentam pela página.

Os efeitos de foco são outra maneira de tornar seus designs mais interativos e envolventes. Com isso em mente, a Divi tem uma interface de opção de foco fácil de usar para que você possa criar efeitos de foco interessantes sem precisar escrever nenhum código.

Por fim, você pode criar transições dinâmicas entre blocos de conteúdo.

6. Criar conteúdo fixo

O conteúdo aderente ou flutuante “gruda” na parte superior da tela à medida que o visitante rola a página, de modo que fica na tela o tempo todo. Essa é uma ótima maneira de destacar o conteúdo mais importante da página ou de garantir que os menus de navegação estejam sempre à mão.

Com o Divi, você pode colar facilmente elementos na parte superior e inferior do navegador e até mesmo deixá-los empilhados.

7. Regras condicionais e conteúdo dinâmico

A Divi permite ocultar ou mostrar elementos com base nas condições que você define, como função do usuário, data e hora, local e muito mais. Se você tiver uma loja on-line ou um mercado de produtos digitais, poderá até mesmo mostrar produtos diferentes com base nos itens que o visitante comprou anteriormente.

Você também pode exibir conteúdo dinâmico, como uma contagem precisa de comentários, o título da postagem, suas tags e categorias, e muito mais.

Adding dynamic content to a WordPress page or post design

Dessa forma, você pode mostrar informações relevantes e interessantes para o visitante.

Isso também significa que você não precisa adicionar esse conteúdo manualmente. Por exemplo, você pode simplesmente dizer à Divi para exibir a caixa de informações do autor, em vez de adicionar um Gravatar e uma descrição manualmente.

Adding dynamic content to a WordPress page design

8. Gerar imagens e textos usando IA

A Divi vem com ferramentas de inteligência artificial integradas que permitem gerar conteúdo com facilidade. Em vez de procurar imagens on-line, você pode digitar um prompt e criar essas imagens instantaneamente. A Divi até mesmo criará várias opções para que você possa escolher a que melhor se adapta ao seu site WordPress.

Generating images using AI with Divi

Da mesma forma, você pode usar as ferramentas de IA para gerar texto.

O Divi AI tem vários tipos de conteúdo para que você possa gerar títulos, parágrafos, trechos de postagens, chamadas para ações e muito mais.

Generating text using AI

A Divi AI pode até mesmo traduzir seu conteúdo para diferentes idiomas. Isso pode aumentar o tráfego do seu blog, ajudando-o a atrair um público global.

9. Suporte para CSS personalizado

A Divi vem com um editor de código integrado que você pode usar para adicionar código personalizado aos seus designs.

Esse mini-editor tem todos os recursos avançados que você espera de um editor de código completo, incluindo realce de sintaxe, relatório de erros, preenchimento automático, seleção de cores e seleção de várias linhas.

10. Criar modelos personalizados

A Divi facilita a criação de todos os tipos de layouts de página personalizados. No entanto, às vezes você pode querer reutilizar o mesmo design em várias páginas ou até mesmo em vários sites.

Quando estiver satisfeito com uma página, você poderá salvá-la como um modelo reutilizável. Isso pode lhe poupar muito tempo e esforço, em comparação com a recriação manual do mesmo design.

Saving a custom layout as a reusable WordPress template

Você pode até mesmo importar seu modelo para qualquer outro site que tenha a Divi instalada.

Isso é perfeito se você tiver uma agência de desenvolvimento WordPress e gerenciar muitos sites de clientes ou se tiver um portfólio de sites e quiser que todos tenham a mesma marca.

11. Otimizado para desempenho

O tempo de carregamento da página do seu site tem um grande impacto no sucesso dele. De fato, um atraso de 1 segundo no tempo de carregamento pode levar a uma perda de 7% nas conversões, 11% menos visualizações de página e uma redução de 16% na satisfação do cliente.

A boa notícia é que o Divi foi projetado com a velocidade em mente. Ele reduz o inchaço ao remover automaticamente os recursos que não estão sendo usados.

A Divi também adia recursos, faz solicitações de cache e remove ativos que bloqueiam a renderização, o que é uma ótima notícia para o tempo de carregamento inicial da página.

Para saber mais sobre esse tópico, consulte nosso guia definitivo para aumentar a velocidade e o desempenho do WordPress.

12. Otimizado para celular

De acordo com nossas estatísticas de uso da Internet, o tráfego da Internet móvel representa quase 55% do tráfego total da Web. Com isso em mente, é fundamental que seu site tenha boa aparência e funcione corretamente em smartphones e tablets.

A boa notícia é que os layouts da Divi são responsivos a dispositivos móveis por padrão.

Melhor ainda, você pode visualizar como seus layouts ficarão em smartphones e tablets, diretamente no Divi Builder.

Creating a mobile responsive layout for your WordPress blog or website

Ele também vem com uma lista de predefinições de dispositivos para que você possa testar seu layout em modelos específicos de smartphones e tablets.

Dessa forma, você pode ter certeza de que está proporcionando uma ótima experiência em todos os dispositivos.

Testing your WordPress blog or website across smartphones, tables, and desktop computers

13. Desfazer, Refazer e Revisões

O Divi registra todas as suas edições à medida que você as faz. Se você mudar de ideia, poderá desfazer ou refazer essas edições com facilidade, bastando clicar em um botão.

Undoing changes in the Divi page editor

Isso lhe dá a liberdade de experimentar diferentes configurações e conteúdos, para ver o que fica melhor.

Melhor ainda, se o seu computador travar ou a internet cair, o Divi salvará automaticamente o seu progresso para que você não perca nada do seu trabalho árduo.

14. Teste de divisão incorporado

Oteste de divisão A/B ajuda a entender como pequenas alterações no conteúdo e no design afetam o comportamento do usuário e as taxas de conversão.

A Divi vem com testes de divisão integrados para que você possa criar diferentes versões de um design de página e ver qual delas ajuda a atingir suas metas. Isso é particularmente útil para páginas projetadas para converter, como páginas de vendas.

15. Toneladas de integrações

A Divi se integra a muitos dos plug-ins e ferramentas que você talvez já esteja usando, incluindo WPForms, MemberPress e Eventin.

Integrating Divi with other apps and services

Se você tem uma loja on-line, a Divi também se integra ao WooCommerce. Você pode criar belos layouts de produtos usando o conhecido editor Divi e até mesmo misturar módulos WooCommerce com módulos Divi padrão para criar um layout totalmente exclusivo.

A Divi também vem com 8 módulos de carrinho e checkout, para que você possa otimizar o processo de compra e reduzir as taxas de abandono de carrinho.

Além disso, o Divi se integra ao Google Maps para que você possa mostrar sua localização. Isso é útil se sua empresa tiver um local físico, como uma loja física. Você também pode usar o Google Maps ao criar um diretório de empresas.

Para ajudá-lo a gerar leads, a Divi também se integra a todos os melhores provedores de serviços de e-mail, incluindo ConvertKit, Constant Contact e Mailchimp.

How to integrate Divi with the top email service providers

16. Apoio profissional e comunitário

Com a Divi, você pode criar belas páginas usando um editor WYSIWYG e ver os resultados em tempo real, sem precisar codificar. No entanto, às vezes você pode precisar de ajuda extra para configurar o tema e o construtor.

Se você preferir pesquisar por conta própria, a Divi tem uma documentação detalhada, incluindo guias escritos e tutoriais em vídeo. Ele também tem um fórum da comunidade onde você pode interagir com outros usuários do Divi.

Se preferir ajuda individual, você pode entrar em contato com um agente de suporte ao cliente ou resolver seus problemas por meio do recurso de bate-papo ao vivo da Divi.

Elegant Themes' customer support

Preços e planos da Divi

Se você quiser experimentar a Divi antes de comprar uma licença, eles oferecem uma avaliação gratuita de 30 dias. Depois disso, há alguns planos diferentes que você pode escolher.

Divi pricing and plans
  • Divi. Por US$ 89 por ano, você pode usar o tema e o construtor Divi em quantos sites quiser. Esse plano inclui mais de 300 pacotes de sites e também vem com os produtos Bloom, Monarch e Extra da Divi.
  • Divi Pro. Com um preço anual de US$ 287, esse plano adiciona o Divi AI para que você possa gerar imagens e texto usando poderosas ferramentas de inteligência artificial. Você também pode salvar seus layouts, cabeçalhos, rodapés, modelos e outros conteúdos na nuvem. Com isso em mente, esse é o plano perfeito para desenvolvedores de WordPress, designers e qualquer outra pessoa que crie sites para clientes.

Se preferir fazer um pagamento único, você também pode comprar uma licença vitalícia. O acesso vitalício ao Divi custa US$ 249, enquanto o acesso vitalício ao Divi Pro custa US$ 365.

Conclusão: O Divi é o tema e o construtor de páginas certos para você?

Depois de analisar os recursos, o suporte e os planos de preços, estamos confiantes de que o Divi é um excelente tema multiuso para WordPress e um plug-in construtor de páginas.

O Divi está disponível como uma licença anual ou como uma compra única e vitalícia, e tem tudo o que você precisa para criar layouts totalmente personalizados. Isso o torna uma ótima opção se você estiver procurando um tema profissional multiuso para WordPress ou um construtor de páginas do tipo arrastar e soltar.

A Divi também vem com mais de 300 pacotes de sites, o que é perfeito se você estiver reformulando um site existente ou lançando um site completamente novo.

Se você possui vários sites ou administra uma agência de WordPress, o Divi Pro pode turbinar seu fluxo de trabalho. Você pode usar seu armazenamento em nuvem ilimitado para criar modelos e compartilhá-los em vários sites. Isso pode lhe poupar muito tempo e esforço.

Suas ferramentas de IA incorporadas também podem ajudá-lo a gerar imagens e textos bonitos com facilidade, o que é perfeito para preencher um novo site rapidamente.

Esperamos que esta análise da Divi tenha ajudado você a decidir se é o plug-in de controle deslizante certo para o seu site WordPress. Talvez você também queira saber como criar um formulário de contato no WordPress ou ver nossa seleção de especialistas dos melhores plug-ins e ferramentas de SEO.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Os usuários do WPBeginner podem economizar até 50%!

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Reader Interactions

1 avaliação de usuárioAdicione sua avaliação

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma avaliação

Obrigado por deixar uma avaliação. Lembre-se de que todas as avaliações são moderadas de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Sua avaliação: