Como usar o construtor de sites AI da Divi (guia)

Divi Quick Sites é um dos lançamentos recentes mais interessantes, ajudando você a acelerar tremendamente o processo de criação de seu site! Este novo recurso oferece duas opções: escolher um Divi Starter Site para colocar seu site em funcionamento ou usar o AI Website Builder da Divi para gerar um site de IA inteiro do zero. Ambas são ótimas opções e oferecem seus próprios benefícios.

Nesta postagem, discutiremos o Divi AI Website Builder e mostraremos como usá-lo. Vamos lá!

O que é Divi AI: uma breve visão geral

Divi oferece uma ferramenta de IA integrada que revoluciona seu fluxo de trabalho de web design. Este recurso poderoso permite gerar layouts, texto, imagens e código diretamente na estrutura Divi, agilizando seu processo de criação de conteúdo.

Ao analisar seu site existente, a Divi AI pode produzir conteúdo de marca, incluindo postagens de blog, descrições de produtos e manchetes. Essa integração perfeita significa que você pode acessar e adicionar ativos gerados por IA sem sair da tela.

Ao combinar a conveniência do Divi AI com o Visual Builder, Theme Builder e interface amigável do Divi, você encontrará uma solução revolucionária para suas necessidades de web design e criação de conteúdo. A harmonia entre esses recursos cria um kit de ferramentas poderoso que pode aumentar significativamente sua produtividade e criatividade no design de sites.

Obtenha Divi + IA

O que a Divi AI pode fazer?

Eleve o design e o conteúdo do seu site sem esforço com Divi AI. Esta ferramenta poderosa entende o contexto do seu site, permitindo que você gere resultados de marca rapidamente. Elabore layouts de página, crie imagens a partir de prompts e produza rapidamente texto de qualidade profissional.

Precisa aprimorar o conteúdo existente? Ações rápidas estão ao seu alcance. Divi AI permite que você melhore a qualidade geral e o apelo do seu site, desde o design do layout até a edição de imagens, aprimoramento de texto e tradução. Divi AI com Quick Sites agora oferece recursos mais aprimorados, ajudando você a economizar mais do seu precioso tempo. Vamos explorar como.

O que são sites rápidos Divi?

Imagine configurar um site completo em apenas alguns minutos, adicionando informações e preferências do seu negócio. O recurso mais recente do Divi AI, Divi Quick Sites, torna isso possível, oferecendo duas opções poderosas e rápidas de design de sites WordPress.

Você pode aproveitar o poder da IA ​​para construir um site totalmente personalizado, completo com layouts, conteúdo e opções de design exclusivos adaptados às suas necessidades. Alternativamente, você pode preferir começar com um dos sites iniciais feitos à mão, projetados profissionalmente pela equipe de design da Divi.

Se imagens geradas por IA não são sua preferência, não se preocupe. Divi Quick Sites permite que você integre fotos autênticas do Unsplash perfeitamente em seu site gerado por IA. Nossos Starter Sites pré-fabricados incluem imagens isentas de royalties criadas internamente.

Esta combinação de criação de sites com IA e sites iniciais pré-fabricados oferece flexibilidade e velocidade sem precedentes ao lançar seu site WordPress. Quer você seja um desenvolvedor web experiente ou um novato no WordPress, o Divi Quick Sites permite que você dê vida à sua visão com o mínimo de tempo e esforço. Os dias em que passava horas configurando uma estrutura básica de site ficaram para trás - bem-vindo ao futuro do web design eficiente!

Como funcionam os sites rápidos Divi

Divi Quick Sites pode ser um recurso inestimável para aprimorar o fluxo de trabalho de construção de seu site. Esta ferramenta potente potencializa o tema Divi, oferecendo um conjunto de recursos para elevar seu site. Aqui está uma análise de alguns aspectos que o Divi Quick Sites traz para a mesa:

Páginas

Com o Divi Quick Sites, criar páginas para o seu site é muito fácil. Ele gera páginas totalmente projetadas que atendem às necessidades do seu negócio, o que significa que seu site terá uma aparência profissional e terá repercussão no seu público-alvo.

Predefinições globais, fontes, cores

Um dos recursos de destaque do Divi Quick Sites é um sistema de design coeso em todo o seu site. Ele estabelece cores, fontes e estilos de layout globais e mantém a consistência visual em todo o site enquanto o gera, garantindo que quaisquer edições ou adições fiquem em harmonia com a estética geral.

Conteúdo bem escrito

Divi Quick Sites simplifica a redação usando Divi AI. Você só precisa fornecer informações básicas sobre o seu negócio e a IA criará conteúdo exclusivo e relevante para cada página. Ele analisa sua entrada para alinhar o texto ao tema, tom e propósito do seu site, garantindo uma presença online coesa e profissional.

Imagens

Divi Quick Sites aproveita Divi AI para gerar imagens relevantes e sensíveis ao contexto para o seu site. Ele também organiza uma rica biblioteca de imagens Unsplash de código aberto, garantindo conteúdo visualmente atraente e envolvente. Esse recurso economiza tempo e esforço, eliminando a necessidade de obter imagens independentes para o seu site.

Modelos

Se o design de IA não é sua preferência, você pode escolher entre uma ampla variedade de modelos iniciais feitos à mão em Divi Quick Sites, cada um com fotos e ilustrações exclusivas. Selecione um design que corresponda à sua visão de negócio, insira detalhes básicos como o título e o logotipo do seu site e deixe o sistema fazer o resto. Esses templates criados pela equipe de design da Divi permitem que você tenha um site com design profissional em minutos, agilizando seu processo de escolha e implementação de um design cativante.

Recursos de comércio eletrônico

Divi Quick Sites agiliza a configuração do comércio eletrônico, instalando e configurando automaticamente o WooCommerce para quem cria uma loja online. Ele não apenas projeta suas páginas de produtos, carrinho e checkout, mas também estilos para combinar perfeitamente com seu site, garantindo uma experiência de compra tranquila. Essa integração descomplicada simplifica o processo de estabelecimento de um site de comércio eletrônico praticamente em nenhum momento.

O que torna os sites rápidos Divi diferentes?

Imagine ter uma ferramenta de site que combina a velocidade da IA, os recursos robustos de um tema premium e a adaptabilidade do WordPress. Isso é exatamente o que você obtém com o Divi Quick Sites. Não é apenas mais um gerador de sites de IA – é uma solução abrangente que se destaca em um mercado lotado.

Com Divi AI, você não está limitado por limites de uso. Sua criatividade pode fluir livremente à medida que você gera textos e imagens ilimitados em uma única assinatura. Essa liberdade permite que você experimente e refine seu site com perfeição, sem se preocupar com custos adicionais.

Outra vantagem crucial é a acessibilidade. Este poderoso construtor de sites com IA está disponível a partir de apenas US$ 12,45 por mês . Se você é novo no Divi, tem uma oportunidade ainda melhor de economizar com o pacote Divi Pro.

Obtenha sites rápidos Divi

Gerando um site com o AI Website Builder da Divi

Agora que exploramos o quê e os porquês do Divi AI + Divi Quick Sites, vamos dar uma olhada em como podemos começar com o Divi Quick Sites.

Compra e instalação do Divi

Antes de mergulhar no Divi AI e no Divi Quick Sites, certifique-se de ter um site WordPress. Se você não souber por onde começar, dê uma olhada neste guia ou opte por uma plataforma de hospedagem como o SiteGround, que cuida de detalhes técnicos.

Você é novo no Divi? Você precisará de uma assinatura para acessar o Divi Theme e o Divi AI. Clique no botão abaixo e depois no botão de inscrição para acesso ilimitado.

Obtenha Divi + IA

Em seguida, instale o tema Divi baixando-o em sua área de membros.

Em seguida, carregue-o no seu site WordPress acessando Aparência > Temas > Adicionar novo tema . Depois de carregado, você também deve ativá-lo.

Os usuários existentes do Divi também podem obter o Divi AI na mesma página. Quer testar o Divi AI antes de comprar? Você está com sorte. Cada usuário Divi recebe uma avaliação gratuita limitada. Você terá cerca de 100 usos do Divi AI e 4 tentativas de Quick Sites. Depois disso, você deve atualizar para acesso ilimitado.

Ativando Divi AI

Ao instalar o Divi, você encontrará o novo assistente de integração. Esse processo simplificado simplifica sua configuração, cuidando de tudo, desde a geração de chave de API até a ativação de licença.

Com apenas um clique, você pode fazer login e autenticar seu site para usar o Divi. O sistema cria, rotula e instala automaticamente uma nova chave de API em seu site.

Esta chave faz mais do que ativar o Divi AI (ou o teste) para o seu site. Ele autentica seu acesso a mais de 2.000 layouts e desbloqueia vários recursos se você for um membro Divi Pro.

Gere um novo site

Depois de autenticar o Divi em seu site, você acessará o painel do Divi. Este hub central oferece uma visão geral do seu site e permite que você use o Divi Quick Sites.

Quando você seleciona 'Gerar um novo site', aparecem dois caminhos exclusivos para configurar seu novo site por meio de Quick Sites. Vamos explorar a segunda opção, o AI Website Builder da Divi.

Imagine ter um web designer, redator e fotógrafo pessoal ao seu alcance. A opção com IA do Divi Quick Sites oferece isso. Você compartilha detalhes sobre o seu negócio e a visão do site, e se desejar imagens de IA, imagens do Unsplash ou imagens de espaço reservado, o Divi Quick Sites AI entra em ação.

Você terá um site completo e exclusivo em apenas alguns minutos — e não um modelo com conteúdo de espaço reservado. Divi AI cria páginas relevantes com layouts personalizados, preenche-as com conteúdo bem escrito e gera (ou faz a curadoria do Unsplash) imagens adaptadas às suas necessidades.

Ele também seleciona fontes e cores perfeitas, configura sua página inicial e menu, configura o Theme Builder, adiciona cores globais e muito mais. Precisa de uma loja online? Sem problemas. Divi AI também pode instalar WooCommerce e personalizar suas páginas de loja, carrinho e checkout. Cada elemento adicionado posteriormente corresponderá ao estilo do seu site. Com Divi Quick Sites AI, você obtém mais do que um site – uma presença na web abrangente e personalizada em tempo recorde. Vejamos rapidamente como podemos criar um site completo do zero usando o AI Website Builder da Divi.

Conte-nos sobre o seu site

Para alcançar os resultados desejados, você precisará informar o construtor de sites de IA da Divi sobre seus negócios e objetivos do site. Seja o mais específico possível – quanto mais detalhes você fornecer, melhor será o resultado. No exemplo abaixo, inserimos informações abrangentes sobre o cliente, sua área e os recursos desejados do site.

Também adicionamos um logotipo (opcional) e optamos por usar imagens de banco de imagens. Se você preferir não usar fotos Unsplash, o Divi AI pode criar visuais personalizados, embora isso demore mais. Você também pode optar por espaços reservados se planeja usar suas próprias imagens posteriormente.

Personalize fontes e cores

Para ter mais controle sobre a aparência do seu site, escolha fontes e cores na próxima seção. Esta etapa é opcional – se não tiver certeza, deixe a IA decidir por você. Você sempre pode fazer alterações posteriormente, se necessário, usando as configurações globais de cores do Divi. Então vá em frente e clique em Gerar e publicar meu site.

Aguarde a geração do site

Depois de clicar em “gerar”, o construtor de sites de IA da Divi começa a funcionar. Você verá uma exibição animada mostrando em tempo real quais aspectos do seu site a IA está desenvolvendo atualmente. Dependendo da sua descrição e das opções selecionadas, o processo pode levar de 2 a 3 minutos.

Visão geral do site gerado

Depois que seu site estiver totalmente gerado, você será direcionado para uma página de visão geral abrangente. Esta página é um hub central para todos os aspectos do seu novo site.

Exploraremos cada guia em detalhes em breve, mas antes de fazer isso, vamos aproveitar um momento para apreciar e examinar o site que o AI Website Builder da Divi criou especificamente com base em nossas informações.

Essa visão inicial lhe dará uma boa noção de quão bem a IA interpretou e traduziu seus requisitos em um site funcional e atraente. É emocionante ver sua visão ganhar vida, então reserve um tempo para absorver a aparência geral antes de começarmos a dissecar as seções individuais.

Páginas do site

A guia Páginas do site é o seu centro de comando para gerenciar todas as páginas que o construtor de sites AI da Divi gerou para o seu site. Aqui, você encontrará uma lista abrangente que oferece uma visão panorâmica de toda a estrutura do seu site. Ao passar o mouse sobre o nome de cada página, você notará que opções intuitivas aparecem, permitindo editar, visualizar ou remover páginas com apenas um clique.

Mas isso não é tudo – esta guia permite expandir seu site sem esforço. Se você deseja adicionar novo conteúdo, clique no botão “Adicionar nova página” . Você será solicitado a inserir um título para sua nova página e, em seguida, poderá descrever o conteúdo desejado. A IA pegará sua descrição e fará sua mágica, criando uma nova página que se integra perfeitamente ao seu site existente. Esse recurso torna incrivelmente fácil o crescimento e a adaptação do seu site à medida que suas necessidades evoluem, ao mesmo tempo em que mantém uma aparência consistente em toda a sua presença online.

Modelos de construtor de temas

Os modelos do Theme Builder formam a espinha dorsal da estrutura do seu site, moldando partes como layouts de blog e páginas de resultados de pesquisa. O Divi Quick Sites vai além do design da página e do preenchimento do conteúdo – ele cria modelos personalizados de criação de temas adaptados ao seu site. Para uma visão abrangente e controle sobre esses modelos, acesse esta guia e clique no botão roxo Gerenciar modelos de tema. Isso permite que você edite esses modelos com o construtor visual do Divi, onde você pode ajustar e refinar facilmente esses componentes cruciais do site.

Imagens sem respingos

Abaixo das guias de navegação principais, você descobrirá uma seção dedicada apresentando todas as imagens que o construtor de sites de IA da Divi selecionou cuidadosamente do Unsplash para o seu site. Esta galeria cuidadosamente organizada tem um duplo propósito: fornece uma rápida visão geral das imagens usadas em todo o seu site. Ele permite que você identifique rapidamente quais fotos foram provenientes da vasta biblioteca do Unsplash e pode ser útil se você quiser manter a consistência no estilo visual do seu site ou se precisar rastrear atribuições de imagens.

Modifique seu site gerado por IA

O construtor de sites de IA da Divi é uma ferramenta poderosa que agiliza o design da web, mas tem como objetivo aprimorar a criatividade humana, não substituí-la. Embora as capacidades da IA ​​sejam impressionantes, pode ser necessário refinar seus resultados para alinhá-los com sua visão.

A flexibilidade do Divi permite ajustar qualquer aspecto do design gerado por IA usando seu construtor visual e de tema. Esta combinação de eficiência de IA e criatividade humana oferece um início rápido e profissional com potencial de personalização ilimitado, tornando o site gerado por IA um ponto de partida para sua jornada de design. Vamos dar uma olhada em como você pode fazer alterações:

Editar modelos

O Divi Theme Builder oferece uma abordagem simplificada para a criação de layouts de sites dinâmicos. Melhor ainda, o AI Website Builder da Divi cuida desses elementos automaticamente. Você os encontrará tocando no botão Gerenciar modelos de tema na tela do painel ou indo para Divi> Theme Builder.

Ao entrar no construtor de temas, os componentes do seu site são organizados em caixas rotuladas. Para ajustar qualquer parte do seu tema gerado por IA, basta passar o mouse sobre o nome e clicar no ícone de lápis adjacente.

Esta ação abre o modelo, permitindo ajustar cores, fontes, bordas e muito mais usando o Visual Builder. Quando estiver satisfeito, clique em atualizar para aplicar suas alterações instantaneamente em todo o site. É uma brisa, não é?

Editar páginas

Depois de criar seu site, as ferramentas fáceis de usar do Divi permitem que você faça com que ele tenha a aparência desejada. Você pode alterar praticamente tudo, desde coisas grandes, como layouts, até pequenos detalhes em cada parte de suas páginas.

As configurações estão todas lá, prontas para você brincar. Deseja alterar cores, espaçamento ou estilos? Sem problemas. A melhor parte é o Visual Builder – você vê as alterações à medida que as torna adequadas em seu site ativo. Chega de adivinhar como as coisas serão.

Se quiser deixar seu site mais sofisticado, você pode adicionar efeitos como animações ou efeitos de rolagem, o que aumentará sua profundidade e engajamento.

Divi AI também pode ajudar, especialmente se você disser exatamente o que procura. Basta articular o que você deseja e ficará surpreso com o que pode criar.

Recursos úteis como Desfazer/Refazer, Salvar na Biblioteca e modos de visualização responsivos garantem um fluxo de trabalho tranquilo, permitindo que você dê vida à sua visão única. A interface do Divi é única por suas opções discretas e com uso eficiente de espaço, que só aparecem quando clicadas, ajudando você a se concentrar apenas no design do seu site.

Editar predefinições globais

Ao criar um estilo para um módulo Divi específico, como uma seção, você pode defini-lo como a aparência padrão para todas as seções do seu site. Esses estilos reutilizáveis, chamados de Predefinições Globais, podem ser aplicados quando e onde for necessário. Divi Quick Sites gera predefinições globais para seus sites, que são facilmente gerenciáveis ​​e personalizáveis. Vamos explorar como ajustá-los ajustando um módulo de título.

Comece abrindo qualquer página no editor Divi e selecionando um módulo de título existente. Clique no ícone de engrenagem no menu de opções. O nome da predefinição atual aparecerá abaixo do título da guia na guia de configurações do botão.

Clique na seta suspensa ao lado dele, passe o mouse sobre o nome e selecione o ícone de lápis que aparece.

Divi usa codificação de cores para organização e clareza. Ao editar uma predefinição, o cabeçalho da guia muda de roxo para cinza. Personalize o título conforme desejado, ajustando tamanho, cor, sombras, fontes e muito mais. Quando estiver satisfeito, salve suas alterações clicando no botão de verificação verde no canto inferior direito. Confirme sua decisão quando solicitado.

O cabeçalho voltará para roxo. Para implementar esta predefinição, clique no botão verde mais uma vez. Para criar suas próprias predefinições, clique no botão Adicionar nova predefinição no menu suspenso sob o cabeçalho da guia nas configurações do módulo. Dê um nome a ele, clique na caixa de seleção verde, faça as alterações desejadas e salve-o.

Essas predefinições globais podem ser usadas para títulos, botões, blocos de texto, imagens, galerias e quase todos os módulos.

Personalize cores e fontes globais

No painel do WordPress, vá para Aparência > Personalizar ou Divi > Personalizador de Tema para acessar o Personalizador. É aqui que o Divi simplifica o processo de personalização da tipografia geral e do esquema de cores do seu site criado por IA.

Para ajustar suas fontes, visite Configurações gerais > Tipografia . Esta seção permite modificar estilos, tamanhos e cores de fonte para títulos e corpo do texto.

Retorne ao menu principal e selecione Configurações gerais > Configurações de layout para definir sua paleta de cores primária e secundária. Aqui você também pode ajustar a largura do site e personalizar os botões do seu site. A interface amigável do Divi facilita esses ajustes globais por meio do familiar WordPress Customizer.

Instale rapidamente um site inicial pré-fabricado sem IA

Não está interessado em usar o AI Website Builder da Divi? Sem problemas. Você pode lançar seu site rapidamente usando os modelos iniciais pré-fabricados da Divi. Esses designs, elaborados por nossa equipe, apresentam fotos e ilustrações exclusivas que criamos. Escolha um design adequado ao seu negócio, insira detalhes básicos, como título e logotipo do site, e liste as páginas desejadas. O Quick Sites cuida do resto, configurando todo o seu site em menos de um minuto.

Seu novo site vem totalmente equipado com páginas, um menu, modelos do Theme Builder, configurações do Theme Customizer e predefinições. Cada modelo inclui um sistema de design abrangente com vários Divi Presets, fontes globais e cores. Isso garante que qualquer novo módulo adicionado corresponda perfeitamente ao estilo do seu site.

Com esses sites iniciais projetados à mão, você obtém uma aparência profissional sem o envolvimento de IA. É uma maneira rápida e eficiente de estabelecer sua presença na web enquanto mantém o controle sobre a base do seu site. Vamos dar uma olhada em alguns dos modelos iniciais:

Escritório de advocacia

Este modelo de site foi feito sob medida para um escritório de advocacia e enfatiza os serviços, a experiência e a equipe por trás do escritório. O design elegante e contemporâneo apresenta uma paleta de cores simples e tipografia legível. O layout facilita a navegação graças a títulos distintos e parágrafos breves. O espaço em branco é estrategicamente usado para melhorar a legibilidade, dividindo efetivamente o conteúdo. O modelo incorpora frases de chamariz proeminentes para incentivar o envolvimento do visitante. Além disso, depoimentos e perfis de advogados transmitem um elemento pessoal, promovendo a confiança de potenciais clientes.

Restaurante

Este modelo é simples e fácil de usar, organizando as informações de forma natural. O menu de navegação principal é simplificado, apresentando apenas as páginas mais importantes, o que ajuda os visitantes a localizar rapidamente o que precisam. A seção herói mostra claramente o principal ponto de venda do restaurante e estimula os visitantes a agirem. Espaços em branco amplos e tipografia bem pensada criam um design agradável e fácil de ler e dão ao site uma sensação de luxo. O rodapé inclui um número de telefone e endereço de e-mail, facilitando o contato dos usuários com o restaurante.

Consultor

Este design oferece uma aparência limpa e profissional com uma hierarquia de informações clara. A barra de navegação superior é fácil de usar, permitindo acessar facilmente as seções principais: Página inicial, Sobre, Serviços, Loja, Blog e Contato. Os títulos usam uma fonte serifada para dar um toque de classe, enquanto o texto do corpo sem serifa torna tudo fácil de ler. A paleta de cores consistente e suave e o espaço em branco bem equilibrado garantem uma leitura confortável. As seções “Nossa Abordagem” e “Nossa Equipe” destacam a dedicação da empresa ao atendimento personalizado e à equipe especializada. No geral, esse layout é atraente e fácil de navegar, proporcionando uma ótima experiência ao usuário.

Loja online

O template Loja Online tem um design elegante e contemporâneo, enfatizando o visual com uma paleta de cores monocromática que destaca os produtos. Imagens de alta qualidade dão ao modelo uma aparência sofisticada, incluindo modelos vestindo roupas e fotos detalhadas de itens. O layout é elegante, apresentando seções para categorias. A inscrição no boletim informativo para tendências e ofertas exclusivas é uma ótima maneira de envolver seus clientes e construir uma comunidade. A fonte consistente e fácil de ler melhora a usabilidade. No geral, o modelo combina habilmente estilo e praticidade, garantindo uma experiência de navegação agradável para seus usuários.

Portfólio

O modelo inicial de portfólio oferece um layout simples e fácil de usar, completo com um menu de navegação claro que facilita sua exploração. O design usa um esquema de cores, tipografia e ícones consistentes, criando uma aparência visualmente agradável e uniforme. A seção “Trabalho em destaque” adiciona um toque pessoal, ajudando você a construir a confiança do público. Ele detalha com eficácia a jornada, as habilidades e a filosofia de design do designer, proporcionando uma boa compreensão de sua experiência e abordagem. O layout inclui muitos espaços em branco, o que melhora a legibilidade e a experiência geral do usuário. O modelo atinge um bom equilíbrio entre texto e imagens, tornando o site envolvente e informativo.

Empacotando

Ao se aprofundar no Divi AI, você descobrirá que ele é uma potência para a criação de sites Divi. Quanto mais você aproveita seus recursos, mais ele se adapta às suas necessidades. Quer dar o pontapé inicial em seu próximo projeto de cliente? Considere o Divi Quick Sites, especialmente seus recursos baseados em IA. Ele agiliza etapas iniciais cruciais – desde a pesquisa e wireframing até a redação e seleção de imagens.

Esta ferramenta não trata apenas de acelerar e aprimorar seu fluxo de trabalho. Ao lidar com grande parte do processo de configuração, o Divi AI libera você para se concentrar no refinamento e personalização do site. Quer você seja um designer experiente ou novo no desenvolvimento web, você apreciará como o Divi Quick Sites pode transformar sua abordagem aos projetos dos clientes. Pronto para elevar seu jogo de web design?

Obtenha sites rápidos Divi hoje mesmo!