O Divi é um dos temas mais populares do WordPress — e por um bom motivo: ele combina um construtor visual drag-and-drop com dezenas de layouts prontos, permitindo que qualquer pessoa crie sites profissionais sem escrever uma linha de código. Se você está começando no mundo dos sites ou quer migrar para um tema mais poderoso, este tutorial vai te mostrar exatamente como instalar e configurar o Divi no WordPress, passo a passo.
O Que Você Vai Precisar Antes de Começar
Antes de instalar o tema Divi, tenha estes itens prontos:
- ✅ Um domínio próprio (ex: meusite.com.br)
- ✅ Hospedagem WordPress instalada e funcionando
- ✅ Acesso ao painel administrativo do WordPress (wp-admin)
- ✅ Conta no Elegant Themes (onde o Divi é vendido)
- ✅ Credenciais de FTP ou acesso ao gerenciador de arquivos (opcional, mas útil)
Se você ainda não tem hospedagem, recomendo começar com a Hostinger por R$ 7,99/mês — ela já vem com WordPress pré-instalado e suporte técnico 24h, o que facilita muito o processo.
Passo 1: Adquirir o Tema Divi (Se Ainda Não Tem)
O Divi não está disponível no repositório gratuito de temas do WordPress. Ele é um tema premium vendido pelo Elegant Themes. Você tem duas opções:
- Assinatura anual (US$ 89/ano) — acesso a todos os temas e plugins da Elegant Themes (Divi, Extra, Bloom, Monarch), com suporte e atualizações por 1 ano
- Acesso vitalício (US$ 249) — pagamento único, acesso para sempre a todos os produtos, atualizações e suporte vitalícios
Depois de comprar, vá até a página Members Area no site do Elegant Themes e faça login com seus dados. Você vai encontrar o link para download do tema Divi (arquivo .zip de aproximadamente 15 MB).
Passo 2: Fazer Backup do Site (Sempre Antes de Instalar Temas)
Antes de sair instalando temas novos, crie o hábito de fazer um backup completo do seu site. Temas podem conflitar com plugins existentes ou com configurações do seu conteúdo, e ter um backup evita dores de cabeça.
Se você usa a Hostinger, o backup automático já está incluso no painel hPanel — é só ativar. Caso contrário, use plugins como UpdraftPlus ou o Jetpack Backup.
Passo 3: Instalar o Tema Divi no WordPress
Agora vamos ao que interessa. Existem três formas de instalar o Divi no WordPress, e vou mostrar as duas mais práticas:
Método A: Instalação via Painel WordPress (Recomendado)
- No painel do WordPress, vá em Aparência → Temas → Adicionar Novo
- Clique no botão Enviar Tema (no topo da página)
- Selecione o arquivo Divi.zip que você baixou do Elegant Themes
- Clique em Instalar Agora
- Após a instalação, clique em Ativar
Pronto! O tema Divi está ativo no seu site. Mas calma — ainda precisamos configurá-lo.
Método B: Instalação via FTP (Para Quando o Upload Falha)
Às vezes o WordPress não aceita upload de arquivos acima do limite definido no servidor (geralmente 2 MB a 8 MB). O Divi tem ~15 MB, então pode ser que você precise do método alternativo:
- Extraia o arquivo Divi.zip no seu computador
- Conecte-se ao seu servidor via FTP (FileZilla, por exemplo)
- Navegue até
/wp-content/themes/ - Faça upload da pasta Divi extraída para dentro de
/wp-content/themes/ - Volte ao painel do WordPress, vá em Aparência → Temas
- Encontre o Divi na lista e clique em Ativar
Passo 4: Inserir a Chave de Licença do Divi
Assim que você ativar o Divi, uma barra de notificação amarela vai aparecer pedindo sua Chave de Licença (API Key). Siga estes passos:
- Vá até a página Divi → Theme Options no menu do WordPress
- Na aba Updates, você encontra o campo "Username" e "API Key"
- Pegue esses dados na página Members Area do site Elegant Themes (login → Account → API Key)
- Copie o Username (seu nome de usuário do Elegant Themes) e a API Key para os campos correspondentes
- Clique em Salvar
Com a licença ativada, você receberá atualizações automáticas do tema e poderá baixar layouts diretamente do repositório do Divi.
Passo 5: Configurações Essenciais do Tema Divi
Agora que o tema está instalado e licenciado, vamos configurar os ajustes fundamentais para ele funcionar direitinho.
5.1 Ajustar o Layout Geral
Vá em Divi → Theme Options → General e configure:
- Layout Settings: Defina a largura do conteúdo da página (geralmente 1080px funciona bem para a maioria dos sites)
- Google Fonts: Escolha se quer carregar as fontes do Google dinamicamente (recomendo "Default" se você for usar fontes personalizadas)
5.2 Configurar a Página Inicial
Se você quer que seu site mostre uma página personalizada (não a lista de posts do blog):
- Vá em Configurações → Leitura
- Marque a opção Uma página estática
- Em "Página inicial", selecione a página que você criou com o Divi Builder
- Em "Página de posts", selecione uma página separada para o blog
- Clique em Salvar alterações
5.3 Ativar o Divi Builder em Custom Post Types
Se você usa plugins que criam tipos de conteúdo personalizados (como WooCommerce, The Events Calendar, etc.), ative o Divi Builder para eles:
- Vá em Divi → Role Editor
- Na aba Builder, marque os post types onde você quer usar o Divi Builder
- Salve as configurações
Passo 6: Importar Layouts Prontos do Divi
Uma das maiores vantagens do Divi é a biblioteca de layouts prontos. São mais de 2.000 templates para páginas completas (home, sobre, contato, landing pages, etc.). Para importar:
- Crie uma nova página ou post no WordPress
- Clique no botão Usar o Divi Builder
- Escolha a opção Escolher um Layout Pré-definido
- Navegue pela biblioteca — você pode filtrar por categoria (Negócios, Restaurante, Portfólio, etc.)
- Passe o mouse sobre o layout desejado e clique em Usar este Layout
- O layout será carregado automaticamente — personalize os textos, imagens e cores
- Clique em Publicar quando terminar
Dica profissional: os layouts do Divi são responsivos por padrão, mas sempre vale a pena visualizar no celular (ícone de celular no canto inferior do builder) e ajustar espaçamentos específicos para mobile.
Passo 7: Personalizar o Tema com o Personalizador ao Vivo
O Divi tem seu próprio personalizador que permite alterar cores, fontes, headers e footers em tempo real:
- Vá em Aparência → Personalizar
- Você verá opções específicas do Divi: Header & Navigation, Footer, Layout Settings
- Em General Settings, defina a cor primária do site, a tipografia padrão e o esquema de cores
- Em Header & Navigation, escolha entre header fixo, slide-in, ou abaixo do hero
- Todas as alterações são preview em tempo real — publique só quando estiver satisfeito
Passo 8: Instalar e Ativar os Plugins Complementares
O Elegant Themes inclui dois plugins gratuitos para quem tem o Divi:
- Bloom: Plugin de opt-in forms (captura de e-mails) com dezenas de estilos e triggers de exibição
- Monarch: Plugin de compartilhamento social com botões flutuantes, inline e pop-up
Para instalar, vá em Plugins → Adicionar Novo → Enviar Plugin, faça upload do .zip (baixado da Members Area) e ative. Ambos são integrados nativamente ao ecossistema Divi.
Erros Comuns e Como Resolver
❌ Tela Branca (White Screen of Death) ao Ativar o Divi
Causa: Conflito com plugins ou limite de memória PHP baixo.
Solução: Acesse o servidor via FTP, renomeie a pasta /wp-content/themes/Divi para desativar o tema, e aumente o limite de memória no wp-config.php adicionando define('WP_MEMORY_LIMIT', '256M');.
❌ "Failed to load layout" no Divi Builder
Causa: Problemas de cache ou conexão lenta.
Solução: Limpe o cache do navegador e do WordPress (se tiver plugin de cache), ou desative temporariamente plugins de segurança que bloqueiam requisições AJAX.
❌ Licença Não Valida
Causa: A chave de API foi inserida incorretamente ou expirou (assinatura anual vencida).
Solução: Verifique na Members Area do Elegant Themes se sua licença está ativa e se você copiou a API Key correta.
Dicas Extras para Maximizar o Divi
- Use o Divi no desempenho máximo: Vá em Divi → Theme Options → Performance e ative opções como "Defer JavaScript" e "Load Dynamic CSS" para melhorar o PageSpeed
- Crie um Child Theme: Antes de fazer modificações avançadas no código, crie um tema filho para não perder alterações nas atualizações do Divi
- Explore o Divi Marketplace: Terceiros vendem layouts e extensões para o Divi — desde plugins de tabela de preços até integrações com CRM
- Combine com um plugin de cache: WP Rocket ou Flying Press funcionam muito bem com o Divi para acelerar o carregamento
FAQ: Perguntas Frequentes sobre o Tema Divi
1. O Divi funciona com qualquer hospedagem?
Sim, o Divi roda em qualquer hospedagem que suporte WordPress (PHP 7.4+ e MySQL 5.6+). Mas recomendo uma hospedagem com bom desempenho para o builder fluido — a Hostinger tem planos otimizados para WordPress que funcionam perfeitamente.
2. Preciso saber programar para usar o Divi?
Não. O Divi Builder é 100% visual (drag-and-drop). Você pode criar sites completos sem escrever uma linha de HTML, CSS ou JavaScript. Mas se você souber o básico de CSS, consegue fazer customizações ainda mais avançadas.
3. O Divi deixa o site lento?
O Divi é um tema robusto, então ele carrega mais recursos que temas minimalistas. Porém, com as configurações de Performance ativadas (Divi → Theme Options → Performance) e um bom cache, seu site pode alcançar notas altas no PageSpeed (90+).
4. Posso usar o Divi em vários sites?
Depende do seu plano. A assinatura anual cobre quantos sites você quiser (ilimitado). Já o acesso vitalício também é ilimitado — você pode instalar o Divi em quantos sites precisar com uma única licença.
5. O Divi é compatível com WooCommerce?
Sim, o Divi tem integração nativa com WooCommerce. Você pode construir páginas de produto, carrinho e checkout com o Divi Builder, além de usar layouts prontos para lojas virtuais.
Conclusão
Instalar e configurar o Divi no WordPress é um processo simples que qualquer pessoa consegue fazer em menos de 30 minutos. Com ele, você ganha um construtor visual poderosíssimo, centenas de layouts prontos e a flexibilidade de criar praticamente qualquer tipo de site — de blogs pessoais a landing pages de alta conversão.
A chave para tirar o máximo proveito do Divi é explorar a biblioteca de layouts, ajustar as configurações de performance e, claro, manter o tema sempre atualizado.
Quer ajuda para montar seu negócio digital? A WebMedula oferece serviços de criação de sites WordPress e marketing de conteúdo.
Nota: Este artigo contém links de afiliado. Se você comprar através deles, eu posso ganhar uma comissão sem custo adicional para você.