Como construir um site com Divi (tutorial 2024)

Publicados: 2024-06-13

Você comprou o Divi e está pronto para construir seu site. O único problema é que você não sabe por onde começar. Felizmente, Divi é um dos temas WordPress mais intuitivos disponíveis. Ele oferece um Visual Builder fácil de usar de arrastar e soltar que permite colocar módulos de design diretamente em uma página da web no front-end, para que você possa ver seu design surgir em tempo real.

No entanto, Divi é mais do que apenas um tema WordPress. Ele fornece uma experiência completa de construção de sites sem escrever uma única linha de código. Nesta postagem, mostraremos como construir um site Divi e forneceremos um guia passo a passo para que você possa acompanhar facilmente.

Vamos começar.

Índice
  • 1 Primeiros passos com WordPress e Divi
    • 1.1 Compra de um nome de domínio
    • 1.2 Inscrevendo-se em um plano de hospedagem WordPress
    • 1.3 Instalando o WordPress
    • 1.4 Instalando o tema Divi WordPress
    • 1.5 Configurando as configurações do tema Divi
  • 2 Como construir um site Divi
    • 2.1 Como construir um site Divi: planejando a estrutura
    • 2.2 Como construir um site Divi: criando páginas da web
    • 2.3 Como construir um site Divi: fazendo edições de design
    • 2.4 Como construir um site Divi: aprimorando seu site com plug-ins
  • 3 Divi se destaca na criação de sites profissionais
  • 4 perguntas frequentes

Primeiros passos com WordPress e Divi

Antes de entrarmos na parte divertida de construir seu site com Divi, vamos garantir que você tenha o essencial. Nesta primeira seção de nossa postagem sobre como construir um site Divi, nos concentraremos na compra de um nome de domínio, na inscrição em um plano de hospedagem WordPress e na instalação e configuração do tema Divi.

tema divi

Comprando um nome de domínio

Considere o seu nome de domínio como o endereço do seu site na internet. Ao escolher um, certifique-se de que seja memorável. Seu domínio costuma ser a primeira coisa que as pessoas veem quando acessam seu site. Um nome de domínio bem escolhido pode criar uma primeira impressão positiva e tornar o seu site mais fácil de lembrar. Use um bom registrador de domínio que tenha um bom recurso de pesquisa para encontrar aquele que funciona melhor para você.

Um nome de domínio forte atua como um alicerce para a identidade da sua marca. Deve ser relevante para o nicho e público-alvo do seu site. Por exemplo, elegantethemes.com informa instantaneamente aos visitantes que eles podem encontrar belos temas em nosso site. Quanto mais o seu nome de domínio refletir a sua marca, mais fácil será para as pessoas reconhecerem e lembrarem de você.

Outro fator a considerar são as páginas de classificação do mecanismo de pesquisa (SERPs). Incluir palavras-chave relevantes em seu domínio pode proporcionar um ligeiro impulso na otimização de mecanismos de pesquisa (SEO), tornando mais fácil para as pessoas encontrarem seu site durante a pesquisa. Algumas extensões de nome de domínio são melhores que outras para SEO, por isso é uma boa ideia usar extensões como .com , .net ou .org , para citar algumas.

Escolha um registrador de domínio confiável

Registrador de domínio Namecheap

Um dos melhores registradores de domínio é o Namecheap. Ele oferece uma pesquisa de domínio poderosa, para que você possa encontrar facilmente o domínio perfeito para o seu negócio. Ele também oferece preços muito acessíveis. Por exemplo, você pode obter um domínio .com no primeiro ano por US$ 5,98 . Ele fornece uma interface simples para registrar seu domínio, serviços de hospedagem FreeDNS e PremiumDNS para garantir que seu site esteja sempre online. Ele consegue isso distribuindo informações de DNS por vários servidores de borda, tornando quase impossível que você seja vítima de um ataque distribuído de negação de serviço (DDoS).

Obtenha o Namecheap

Inscrever-se em um plano de hospedagem WordPress

Outra coisa que você precisa para criar um site Divi é um bom provedor de hospedagem. Pense na hospedagem na web como a casa do seu site. Ele armazena todos os arquivos do seu site e os torna acessíveis aos visitantes. Existem muitos provedores de hospedagem na web disponíveis, incluindo Cloudways, Flywheel, Pressable e SiteGround.

como fazer um site Divi

Todos os provedores de hospedagem mencionados acima oferecem hospedagem projetada para WordPress e Divi. Ao optar por hospedagem WordPress otimizada, você está tomando medidas para garantir que seu site seja rápido, seguro e bem equipado para executar WordPress. Esses hosts também foram projetados para executar o Divi perfeitamente. Dos quatro, SiteGround oferece o melhor retorno para seus investimentos.

Ele oferece muitos brindes, incluindo e-mail grátis, migração de site, certificado SSL, instalações do WordPress com um clique, uma rede de entrega de conteúdo (CDN) e muito mais. Além disso, seus planos de hospedagem WordPress são incrivelmente acessíveis, com preços a partir de US$ 2,99 por mês . O SiteGround também leva a segurança de sites a sério, com um sistema anti-bot baseado em IA que sinaliza e bloqueia milhões de ameaças à segurança diariamente. Há também um poderoso firewall de aplicativo da web (WAF) que garante que seu site esteja protegido contra hackers, ataques de força bruta e malware.

Obtenha hospedagem Divi SiteGround

Instalando WordPress

Existem várias maneiras de instalar o WordPress, inclusive manualmente. Felizmente, com um provedor de hospedagem como o SiteGround, o processo é incrivelmente fácil. Depois de se inscrever em um plano de hospedagem SiteGround, o SiteGround orienta você nas etapas simples de instalação do WordPress. Comece fazendo login em sua conta SiteGround. Após o login, você será redirecionado para o painel de ferramentas do site. A partir daí, clique no botão Configurar site para começar.

configurar site

Na próxima tela, escolha um domínio novo, existente ou temporário. Presumiremos que você comprou um domínio da Namecheap na etapa anterior, então selecione o domínio existente . Digite seu nome de domínio no campo e clique em continuar .

escolha o domínio

Em seguida, selecione Iniciar novo site , escolha WordPress para o aplicativo, adicione um endereço de e-mail e uma senha (isso é o que você usará para fazer login no WordPress) e clique em Continuar .

Credenciais de login do WordPress

Nos próximos minutos, o SiteGround irá configurar o espaço do seu servidor, instalar o WordPress e configurá-lo para velocidade e desempenho. SiteGround usa um plugin proprietário de otimização de velocidade, Speed ​​Optimizer, que controla cache, otimização de imagem e muito mais.

Instalando o tema Divi WordPress

Com o WordPress instalado, é hora de instalar o Divi. Para esta postagem, presumiremos que você executou as etapas para adquirir uma assinatura do Elegant Themes. Portanto, nesta seção, nos concentraremos na instalação do Divi e na geração e instalação de uma chave de API.

Comece navegando até o painel do WordPress. Existem duas maneiras de acessar o painel do WordPress: através do painel Site Tools do SiteGround ou diretamente no seu navegador digitando www.yoursitename.com/wp-admin (substitua yoursitename pelo seu domínio).

acessar o painel do WordPress

Uma vez logado, navegue até Aparência > Temas . Clique em Adicionar novo tema .

adicionar novo tema WordPress

Em seguida, clique na guia Carregar tema .

carregar tema WordPress

Clique no link escolher arquivo para carregar o arquivo compactado do tema Divi no WordPress.

como fazer um site Divi

Assim que o arquivo for carregado, clique no botão Instalar agora para instalar o Divi no WordPress.

instalar Divi

Por fim, clique no botão Ativar para ativar o tema.

ativar Divi

Gere e instale uma chave de API Divi

A última etapa na instalação do Divi é gerar e instalar uma chave API. O uso de uma chave de API garante que a estrutura principal do Divi esteja atualizada. As atualizações são cruciais para garantir que o Divi funcione sem problemas, seja seguro e conceda acesso a recursos futuros. Outro benefício de uma chave de API é que ela lhe dá acesso a quaisquer produtos adicionais que você adquirir e aos mais de 2.000 layouts pré-fabricados da Divi.

Para gerar uma chave, faça login em sua conta Elegant Themes, navegue até a guia Conta e clique em Nome de usuário e chave de API .

Chave de API Divi

Role para baixo até ver o botão Gerar nova chave de API .

gerar nova chave de API

Nomeie a chave e copie o rótulo e a chave de API para proteção. Em seguida, retorne ao painel do WordPress e navegue até Divi > Theme Options > Updates .

instalar a chave da API Divi

Insira o nome de usuário e a chave API nos campos associados e clique no botão Salvar alterações .

Como fazer um site de portfólio com WordPress

Divi é mais do que apenas um tema WordPress

tema divi

Conforme mencionado, Divi é um tema WordPress poderoso que oferece um construtor de páginas intuitivo de arrastar e soltar, o Visual Builder. Vem equipado com mais de 200 módulos de design, para que você possa construir qualquer tipo de site que desejar. Divi também inclui uma poderosa experiência completa de edição de site, graças ao Theme Builder. Usando-o, você pode criar cabeçalho e rodapé, modelos de postagem de blog, páginas de arquivo e muito mais – tudo com a mesma interface de arrastar e soltar. Divi também é muito acessível, com licenças anuais a partir de US$ 89 .

Obtenha Divi

Divi AI

Como bônus adicional, o Divi vem com um conjunto incrível de produtos para aprimorar sua experiência. Existe o Divi AI, um assistente de design com tecnologia de IA que é capaz de escrever textos de marca, gerar imagens realistas, escrever códigos e gerar módulos e criar páginas da web completas – tudo com um simples prompt de texto. Você pode gerar imagens, textos, códigos e páginas ilimitados por apenas US$ 16,08 por mês .

Obtenha Divi AI

Nuvem Divi

Outros produtos, como o Divi Cloud, permitem armazenar todos os seus módulos, seções e layouts completos do Divi na nuvem. Isso elimina a necessidade de exportar arquivos JSON ou XML para reutilizar seus layouts favoritos. Com Divi Cloud, você pode salvar layouts de todos os sites de sua propriedade, permitindo importar e exportar seus layouts favoritos com facilidade. Divi Cloud está disponível por US$ 6 por mês .

Obtenha a nuvem Divi

Equipes Divi

Procurando uma maneira de promover a colaboração entre os membros da equipe e tornar a vida mais fácil? É aí que o Divi Teams pode ajudar. Por apenas US$ 1,50 por mês por assento , você pode conceder acesso ao Divi e a todos os produtos adquiridos por meio da área de membro do Elegant Themes. Compartilhe acesso ao faturamento do cliente e aos produtos Divi, atribua funções de usuário e acesse tíquetes de suporte com facilidade.

Obtenha equipes Divi

Configurando as configurações do tema Divi

Opções de tema Divi

Com o Divi instalado, existem algumas áreas principais que você precisa conhecer. A primeira são as opções de tema Divi. Aqui você pode adicionar um logotipo, configurar cores globais, adicionar links de mídia social, ajustar configurações de desempenho e muito mais. Você também pode definir as configurações de navegação do site, permitir o Divi Builder em tipos de postagem personalizados, definir configurações de SEO e adicionar scripts para funcionalidades extras.

Há também um Divi Theme Customizer, que permite ajustar as configurações globais de fontes, largura do site, título e slogan do site e muito mais. Você também pode atribuir fontes e cores globais, ajustar cores e fontes para cabeçalhos e rodapés, estilizar botões, configurar estilos móveis e muito mais.

Como construir um site Divi

Com todo o trabalho de configuração resolvido, podemos mudar nosso foco para a segunda parte de nosso tutorial sobre como construir um site Divi. Esta seção orientará você no planejamento da estrutura do seu site, desde a criação da página até a elaboração de um menu de navegação. Também exploraremos a criação de páginas com um layout predefinido e a geração de uma com Divi AI. Por fim, vamos sugerir alguns plugins essenciais para deixar seu site ainda melhor.

Como construir um site Divi: planejando a estrutura

Antes de projetar páginas para o seu site WordPress, você deve criá-las. A maioria dos sites WordPress básicos tem algumas páginas, incluindo home, about, services, blog e contact , então é com isso que começaremos. Embora você possa precisar de páginas adicionais dependendo do tipo de site que está construindo, elas servem como um bom ponto de partida.

A criação de páginas de páginas WordPress é simples. Navegue até Páginas > Adicionar nova página .

adicionar nova página WordPress

Dê um título à sua página e clique no botão Publicar para criar a página.

publicar página WordPress

Repita o processo acima para criar as páginas restantes. Ao terminar, a estrutura da página do seu site deverá ficar assim.

Estrutura da página WordPress

Criando um menu de navegação

Antes de mergulhar no Visual Builder, é crucial estabelecer as bases para a estrutura do seu site. Isso garante um fluxo de informações claro e lógico, facilitando a navegação dos visitantes e a localização do que procuram. Para criar um menu no WordPress, navegue até Aparência > Menus . Dê um nome ao seu menu, como navegação principal , defina o local como primário e clique no botão criar menu .

criar menu WordPress

Em seguida, selecione as páginas que deseja adicionar e clique no botão Adicionar ao menu .

adicionar páginas WordPress

Por fim, clique e arraste as páginas do menu para organizá-las ao seu gosto e clique no botão Salvar Menu .

salvar menu WordPress

Configurando uma página inicial no WordPress

A seguir, definiremos a página inicial do nosso site Divi. Para fazer isso, navegue até Configurações > Leitura . Selecione a opção do botão de opção de página estática e escolha a página inicial . Enquanto seu site está em desenvolvimento, é uma boa ideia marcar a caixa de seleção de visibilidade do mecanismo de pesquisa . Isso manterá seu site oculto dos mecanismos de pesquisa até que você esteja pronto para que o mundo o veja. Por fim, clique no botão Salvar alterações para bloquear sua página inicial.

definir uma página inicial no WordPress

Como construir um site Divi: criando páginas da web

Com a estrutura do nosso site definida e uma página inicial definida, podemos iniciar o processo de criação de nossas páginas web com Divi. Existem algumas maneiras de fazer isso, inclusive usando um layout pré-fabricado, usando Divi AI ou do zero usando o Visual Builder. Neste tutorial, forneceremos o básico para todas as três opções para garantir que você saiba como criar páginas da maneira que melhor lhe convier.

Carregando um layout pré-fabricado

Criar uma página com layout predefinido é uma das maneiras mais fáceis de começar a usar o Divi. Existem mais de 2.000 layouts disponíveis, cobrindo todas as categorias principais que você possa imaginar. São layouts para restaurantes, diversos tipos de negócios, serviços, eventos, tecnologia e muito mais. Cada Layout Pack for Divi vem com pelo menos 6 layouts de página, o suficiente para criar a maioria dos sites.

Para carregar um layout predefinido, navegue em Pages > All Pages . Em seguida, clique na página inicial para editá-la.

como fazer um site Divi

Clique no botão Editar com o Divi Builder .

editar com Divi Builder

Em seguida, selecione Escolha um layout pré-fabricado .

escolha o layout pré-fabricado

Você pode usar a barra de pesquisa para procurar um layout específico ou navegar por categoria .

pesquisar layouts predefinidos

Clique na categoria de negócios e selecione o Pacote de Layout de Coach de Carreira para Divi.

selecione o layout Divi

Selecione o layout da página inicial e clique no botão Usar este layout para carregar o layout na página inicial.

carregar layout Divi

Depois que a página for atualizada, você poderá alterar o texto e as imagens, adicionar novos módulos de design e personalizar sua página como desejar.

editar páginas com o Visual Builder

Usando Divi AI para criar uma página da web

Além de usar um layout pré-fabricado, os usuários do Divi têm outra maneira incrível de criar páginas da web. Divi AI é o novo e poderoso assistente de design com tecnologia de IA do Elegant Theme que permite gerar páginas da web completas com um prompt de texto. Basta descrever o tipo de página que você deseja criar, fornecer à IA algumas informações de suporte, escolher fontes e cores e observar como a Divi AI gera uma página da web completa, com wireframe, texto e imagens.

Para gerar uma página com Divi AI, selecione a página Sobre em Páginas > Todas as páginas. Habilite o Divi Builder como na etapa anterior. Desta vez, em vez de escolher layouts pré-fabricados, construiremos a página com IA .

construir com Divi AI

Quando a caixa de diálogo Divi AI aparecer, descreva a página que você deseja que o Divi AI crie , forneça detalhes adicionais , como uma declaração de missão ou uma breve descrição de seu negócio, e personalize suas fontes e cores . Você pode deixar a IA escolhê-los, usar as fontes e cores padrão do site ou selecioná-los manualmente. Para tornar as coisas interessantes, selecionaremos Deixe a IA escolher para mim em todas as áreas. Depois que todos os campos estiverem preenchidos, clique no botão Gerar Layout .

Caixa de diálogo Divi AI

Nos próximos minutos, o Divi AI criará o wireframe da página e adicionará texto e imagens aos módulos de design do Divi.

Processo de design Divi AI

Depois de concluído, você terá uma página da web totalmente funcional que poderá editar com o Visual Builder.

como fazer um site Divi

Como construir um site Divi: fazendo edições de design

Divi permite que você crie páginas visualmente impressionantes usando uma vasta biblioteca de módulos de design Divi e opções de personalização. Esses módulos atuam como blocos de construção, permitindo adicionar vários elementos ao seu site com facilidade. Mesmo depois de criar páginas com um modelo predefinido ou Divi AI, você pode editar ainda mais os designs adicionando conteúdo de texto, imagens e outros elementos adicionais.

Nesta seção de nosso tutorial sobre como construir um site Divi, mostraremos diferentes maneiras de editar suas páginas com o Visual Builder e o Divi AI.

Compreendendo o Construtor Visual

Divi usa seções e linhas para definir a estrutura de uma página web. As seções são contêineres maiores que contêm linhas, que organizam ainda mais seu conteúdo em colunas. Você pode personalizar o número de colunas e o espaçamento em cada linha.

Estrutura Divi

Conforme mencionado anteriormente, o Divi vem com mais de 200 módulos de design, com diversas funcionalidades. Você pode criar galerias de imagens, guias, acordeões, cronômetros de contagem regressiva e muito mais.

Módulos de design Divi

Ao arrastar e soltar elementos, você verá as alterações refletidas ao vivo na tela. Isso elimina a necessidade de códigos complexos e garante que seu site tenha exatamente a aparência que você imaginou. É como ter uma visualização em tempo real do seu site enquanto você o constrói.

Construtor Visual Divi

Para editar uma seção, passe o mouse sobre o conteúdo da página até que uma caixa azul apareça. Clique no ícone de engrenagem para editar uma seção.

editar seção Divi

Da mesma forma, você também pode editar linhas e módulos. As linhas são destacadas em verde e os módulos em cinza.

Linhas e módulos Divi

Cada seção, linha e módulo Divi tem suas próprias configurações. Existem três guias, incluindo conteúdo, design e avançado.

Configurações do módulo Divi

Ao combinar módulos, linhas e seções, você pode criar layouts complexos com controle total sobre a hierarquia visual e a organização dos elementos em suas páginas. Por exemplo, você pode usar uma seção com uma imagem de plano de fundo de largura total e, em seguida, adicionar uma linha com três colunas para exibir seus serviços lado a lado nessa seção.

Seção de 3 colunas

Com os poderosos módulos e opções de layout do Divi, as possibilidades para criar sites bonitos e envolventes são infinitas.

Gerando texto com Divi AI

Quer você crie um site Divi com layouts pré-fabricados, Divi AI ou do zero, você pode facilmente gerar cópias da marca para suas páginas. Divi AI é capaz de gerar todos os tipos de conteúdo, desde títulos de postagens de blogs até descrições de produtos, postagens de blogs e tudo mais. Divi AI usa esse conhecimento e compreensão do seu site para criar conteúdo de texto exclusivo e relevante.

Para demonstrar como é fácil usar o gerador de texto do Divi AI, vamos voltar à página inicial que criamos com um layout pré-fabricado. Os pacotes de layout da Divi vêm com títulos, mas inserem cópias de espaço reservado em módulos de texto. Vamos editar o módulo de texto na seção herói e adicionar uma nova cópia com Divi AI. Passe o mouse sobre o módulo de texto e clique no ícone cinza para acessar suas configurações.

editar módulo de texto

Em seguida, clique no ícone Divi AI para acessar a caixa de diálogo AI.

ativar Divi AI

Quando o pop-up aparecer, selecione Write with AI .

escreva com Divi AI

Para o tipo de conteúdo , selecione parágrafo . Em seguida, forneça ao Divi AI um breve resumo sobre o texto que você deseja gerar. Especifique o contexto adicionado (esta página, esta seção, etc.), escolha um tom de voz e quaisquer palavras-chave obrigatórias que você gostaria de incluir. Por fim, defina o conteúdo com cerca de 50 palavras , deixe o idioma na configuração padrão e clique no botão Gerar Texto .

gerar texto com Divi AI

Divi AI irá gerar o conteúdo com base em suas configurações. Uma vez gerado, você pode colocar o texto no módulo clicando no botão Usar este texto . Como alternativa, você pode tentar novamente o prompt, melhorá-lo ainda mais ou refinar o resultado adicionando um prompt adicional.

use texto gerado por IA

Após adicionar o texto ao módulo, clique no botão de verificação verde para salvar as alterações.

salvar módulo de texto

Gerando imagens com Divi AI

Além de texto, o Divi AI pode gerar imagens. Divi AI oferece doze estilos de imagem diferentes, incluindo foto, vetor, anime e muito mais. A geração de imagens funciona da mesma forma que a geração de texto, inserindo um prompt descrevendo o tipo de imagem que você deseja criar. Comece adicionando ou editando um módulo de imagem existente. Com as configurações do módulo de imagem ativas, clique no ícone Divi AI para abrir a interface AI.

Imagem Divi AI

Quando o pop-up aparecer, clique em Gerar com IA .

como fazer um site Divi

Quando a caixa de diálogo AI aparecer, escolha gráfico vetorial para o estilo , descreva a imagem que deseja criar, defina a proporção para um tamanho personalizado (240px de largura por 400 pixels de altura) e clique no botão Gerar .

gerar imagem com IA

Divi AI irá gerar 4 imagens para você escolher. Você pode selecionar seu favorito e clicar em Usar esta imagem ou Gerar mais quatro . Você também pode modificar a imagem selecionada gerando outras semelhantes, escolhendo um estilo alternativo ou adicionando uma nova descrição.

Opções de IA de imagem Divi

Após inserir a imagem gerada no módulo de imagem, clique no botão de verificação verde para salvá-la.

salvar alterações do módulo Divi

Como construir um site Divi: aprimorando seu site com plug-ins

Divi é um construtor de sites poderoso por si só, mas os plug-ins podem levar seu site para o próximo nível. Os plug-ins adicionam funcionalidades extras e podem estender os já incríveis recursos do Divi. É verdade que o Divi oferece uma ampla gama de recursos, mas pode haver funcionalidades específicas que você precisa e que o Divi ainda não possui.

Aqui estão alguns exemplos de plug-ins que você pode adicionar (ou deveria) para manter seu site seguro, funcionando rapidamente ou impulsionar o SEO:

  • Plug-ins de formulário de contato: simplifique a forma como os visitantes entram em contato com você adicionando um plug-in de formulário de contato fácil de usar, como WP Forms
  • Plug-ins de comércio eletrônico: transforme seu site WordPress em uma loja online com um plug-in de comércio eletrônico como WooCommerce ou Easy Digital Downloads
  • Plug-ins de SEO: otimize seu site para mecanismos de pesquisa para melhorar o tráfego orgânico. Um plugin de SEO como Rank Math pode ajudá-lo com pesquisa de palavras-chave, SEO na página e geração de mapas de sites
  • Plug-ins de mídia social: facilite o compartilhamento de seu conteúdo pelos visitantes com um plug-in de mídia social como Monarch ou Blog2Social
  • Plug-ins de segurança: a maioria dos hosts WordPress gerenciados cobrem isso para você, mas ao escolher outro tipo de hospedagem, pode ser necessário instalar um plug-in de segurança. Escolha uma boa opção, como Solid Security ou WP Activity Log

Integração de serviços de terceiros

Integrações Divi

Muitos plug-ins e ferramentas conectam seu site Divi a serviços populares de terceiros. Divi oferece dezenas de integrações com softwares populares de marketing por e-mail, ferramentas analíticas e plug-ins de gateway de pagamento. Aqui estão alguns a serem considerados:

  • Plug-ins de marketing: integre o WordPress com plug-ins de marketing como Active Campaign, exiba pop-ups com Bloom, crie um site de podcasting com Serively Simple Podcasting e muito mais
  • Plug-ins analíticos: obtenha informações valiosas sobre o tráfego do seu site com plug-ins analíticos como MonsterInsights
  • Plug-ins de membros: crie um site de membros poderoso com um plug-in como MemberPress
  • Plug-ins do sistema de gerenciamento de aprendizagem (LMS): crie um site de curso on-line com integrações com plug-ins LMS populares, como LifterLMS ou LearnDash

Explore o Mercado Divi

Mercado Divi

Existem centenas de extensões, temas filhos e pacotes de layout projetados especificamente para funcionar com Divi, ampliando sua funcionalidade principal e oferecendo ainda mais flexibilidade de design. Além dos Divi Layout Packs, os usuários do Divi podem encontrar uma grande variedade de produtos no Divi Marketplace. Existem produtos incríveis de grandes desenvolvedores como Divi Life, Divi Pixel e Divi Engine.

Sobreposições Divi

Divi Overlays é o construtor de pop-up definitivo para Divi. Ele utiliza o Visual Builder para criar pop-ups e modais incríveis. Os pop-ups podem ser cronometrados, acionados em determinadas páginas ou configurados como intenção de saída para motivar os visitantes a agir. A melhor parte? Divi Overlays vem com modelos pré-concebidos que você pode importar e personalizar facilmente para combinar com a marca do seu site. O plugin está disponível por US$ 79 e vem com uso ilimitado do site por um ano.

Obtenha sobreposições Divi

Pixel Divi

Divi Pixel é uma coleção de módulos Divi que adiciona uma ampla gama de recursos poderosos ao Divi. Você pode editar todos os aspectos do seu site com eles, incluindo cabeçalhos, rodapés, páginas de login e muito mais. Além dos módulos, o Divi Pixel vem com 40 modelos de sites exclusivos, então mudar a aparência do seu site é muito fácil. Divi Pixel está disponível por US$ 169 por ano com uso ilimitado do site.

Obtenha Divi Pixel

Filtro Divi Ajax

Divi Ajax Filter é uma extensão Divi projetada para criar filtros para seu conteúdo, como postagens de blog, portfólios ou produtos WooCommerce, diretamente no Visual Builder. Ele permite várias opções de filtro, incluindo categorias, tags, campos personalizados e atributos de produtos. O Divi Ajax Filter utiliza tecnologia Ajax, que permite que atualizações de conteúdo ocorram sem recarregar a página inteira. Funciona perfeitamente com Divi, WooCommerce e Advanced Custom Fields (ACF). O Divi Ajax Filter está disponível por US$ 97 por ano com uso ilimitado do site.

Obtenha o filtro Divi Ajax

Divi é excelente na criação de sites profissionais

O Divi possibilita que qualquer pessoa, independentemente da experiência, crie um site bonito e profissional. Com seu Visual Builder intuitivo de arrastar e soltar, extensa biblioteca de layouts pré-fabricados e poderoso Theme Builder, Divi é capaz de dar vida à sua visão. Neste post, fornecemos todas as informações que você precisa para fazer um site Divi. Desde a compra de um plano de hospedagem com SiteGround até o planejamento da estrutura do seu site e o design de páginas cativantes com Divi AI, agora você tem o conhecimento para embarcar em sua jornada de construção de site.

Lembre-se de que o Divi oferece uma ampla gama de opções de design para explorar. Não tenha medo de experimentar, personalizar e liberar sua criatividade. Existem muitos recursos online disponíveis no blog Elegant Themes e no site de documentação do Divi. Com a Divi ao seu lado, as possibilidades são infinitas.

Quer saber mais sobre os produtos mencionados neste post? Confira a tabela abaixo para preços e links para cada um.

Produtos mencionados Preço inicial Descrição Ação
1 Nome barato US$ 5,98/ano Registrador de domínio Pegar
2 SiteGround US$ 2,99/mês Provedor de hospedagem Pegar
3 Volante US$ 13/mês Provedor de hospedagem gerenciada Pegar
4 Vias de nuvem US$ 12/mês Provedor de hospedagem gerenciada Pegar
5 Pressionável US$ 37,50/mês (cobrado anualmente) Provedor de hospedagem gerenciada Pegar
6 Divi $ 89/ano Tema WordPress Pegar
13 Construtor Visual Incluído com Divi Plug-in do construtor de páginas Pegar
14 Elementos de design Incluído com Divi Plug-in do construtor de páginas Pegar
16 Construtor de temas Incluído com Divi Edição completa do site Pegar
15 Divi AI US$ 16,08/mês (cobrado anualmente) Construtor de sites de IA Pegar
17 Nuvem Divi US$ 6/mês Armazenamento na núvem Pegar
18 Equipes Divi US$ 1,50/mês por usuário Colaboração em equipe Pegar
19 Divisão VIP US$ 6/mês Suporte VIP Pegar
20 Formulários WP $ 49,50/ano Plug-in de formulário de contato Pegar
21 WooCommerce Gratuito, complementos disponíveis Plug-in de comércio eletrônico Pegar
22 Downloads digitais fáceis Grátis, $ 89,55/ano Plug-in de comércio eletrônico Pegar
23 Classificação matemática Grátis, $ 6,99/mês Plug-in de SEO Pegar
24 Monarca Incluído com Divi Plug-in de mídia social Pegar
25 Blog2Social US$ 7/mês Plug-in de mídia social Pegar
26 Segurança Sólida $ 99/ano Plug-in de segurança Pegar
27 Campanha ativa US$ 8/mês Serviço de marketing por e-mail Pegar
28 Florescer Incluído com Divi Plug-in de marketing Pegar
29 MonstroInsights Grátis, $ 99,60/ano Plug-in de análise Pegar
30 MembroPress $ 179,50/ano Plug-in de associação Pegar
31 LifterLMS $ 149,50/ano Plug-in LMS Pegar
32 AprendaDash US$ 199/ano Plug-in LMS Pegar
32 Mercado Divi Os preços variam Extensões, temas filhos e layouts para Divi Pegar
33 Pixel Divi US$ 169/ano Módulos Divi Pegar
34 Sobreposições Divi US$ 79/ano Layouts, seções e módulos Divi Pegar
35 Filtro Divi Ajax $ 97/ano Extensões Divi Pegar

perguntas frequentes

Embora nossa postagem no site Divi seja extensa, você ainda pode ter algumas perguntas sem resposta. Confira a seção de perguntas frequentes abaixo para obter as respostas.

Preciso saber codificar para usar o Divi?
Divi é um construtor visual de sites, portanto, não é necessário conhecimento de codificação. Você pode projetar e construir seu site usando um Visual Builder de arrastar e soltar.
O que eu preciso para começar a usar o Divi?
Você precisará de um provedor de hospedagem como SiteGround, um nome de domínio de um registrador como Namecheap e uma assinatura do Elegant Themes.
Quanto custa construir um site com Divi?
O custo depende do seu plano de hospedagem e licença Divi. Elegant Themes oferece assinaturas anuais e vitalícias a partir de US$ 89 por ano . Os planos de hospedagem variam dependendo do provedor, com planos no SiteGround a partir de US$ 2,99 por mês .
Divi é uma boa escolha para iniciantes?
Sim, a interface amigável do Divi o torna uma ótima opção para iniciantes sem experiência em codificação.
O que são pacotes de layout Divi?
Divi vem com mais de 2.000 pacotes de layout pré-fabricados para vários tipos de sites. Você pode personalizá-los facilmente para atender às suas necessidades.
Posso personalizar o design do meu site Divi?
Sim, o Divi oferece amplas opções de design. Você pode controlar fontes, cores, espaçamento e muito mais para cada módulo de design do seu site. Ele agiliza seu fluxo de trabalho, economizando muito tempo e esforço.
O Divi funciona com plug-ins?
Sim, o Divi é compatível com a maioria dos plugins do WordPress. Isso permite que você estenda a funcionalidade do seu site com recursos como formulários de contato, otimização de SEO e comércio eletrônico. A Divi também possui um amplo Marketplace onde você pode comprar plug-ins feitos especificamente para a Divi.
Posso criar tipos de postagem personalizados com Divi?
O próprio Divi não oferece funcionalidade integrada para tipos de postagem personalizados, mas você pode conseguir isso usando plug-ins como o Toolset, que se integra perfeitamente ao tema.
Como faço para otimizar meu site Divi para mecanismos de pesquisa?
Embora o Divi não lide diretamente com o SEO, você pode usar um plugin de SEO como o Rank Math para otimizar o conteúdo do seu site e melhorar a classificação de pesquisa.
O Divi é bom para sites de comércio eletrônico?
Sim, o Divi pode ser usado para criar sites de comércio eletrônico com a ajuda do plugin WooCommerce, que se integra perfeitamente ao Divi. Na verdade, o Divi vem com mais de 20 módulos específicos do WooCommerce, para que você possa criar páginas de produtos personalizadas, modelos de carrinho e checkout e muito mais.