Como usar o novo gerador de seção AI da Divi

Divi AI possui um conjunto de ferramentas de IA que pode ser usado em qualquer ponto do processo de design do seu site. Hoje, queríamos mostrar como tirar o máximo proveito do Divi AI usando seu novo AI Section Generator. Este é um ótimo recurso adicional para aqueles que já criaram sites, mas desejam acelerar a adição de novas seções de conteúdo.

Se você perdeu nossa postagem de lançamento do recurso AI Section Generator, assista ao nosso vídeo abaixo. No restante deste artigo, mostraremos como usar esse novo recurso para criar sites mais rapidamente.

O que é o gerador de seção do Divi AI?

O Gerador de seção do Divi AI é um novo recurso que permite aos usuários criar seções individuais de páginas da web usando inteligência artificial no Divi Builder.

Você notará que ao adicionar uma nova seção no Divi, há uma opção para “Gerar seção com IA”.

Seções Divi são contêineres para organizar o conteúdo da página da web (contendo linhas e módulos Divi). No back-end, ajudam a manter as páginas organizadas; no front-end, eles ajudam a criar uma separação visual entre as diferentes partes de suas páginas da web. Isso é o que o gerador de seção AI da Divi pode criar para você automaticamente.

Visualização em modelo de arame de uma seção que abriga várias linhas, cada uma incluindo colunas e módulos

O Gerador de seção do Divi AI receberá suas instruções e especificações de design para construir uma nova seção (incluindo os módulos e o conteúdo dentro deles). Isso permite que qualquer pessoa peça à IA o que precisa sem construir do zero.

Uma das melhores partes é que todas as seções geradas por IA são totalmente editáveis ​​usando o Visual Builder da Divi. É uma maneira mais rápida de criar sites personalizados.

Como o gerador de seção AI da Divi se encaixa com outras ferramentas Divi AI

As seções de IA são uma parte da construção de um site com Divi AI. Para ajudá-lo a ver onde ele se encaixa, aqui está uma lista de ferramentas e recursos do Divi AI:

1. AI Website Builder é a ferramenta de IA mais abrangente do Divi AI. Usando o Divi Quick Sites, você pode usar o Divi AI para gerar um site inteiro com múltiplas páginas (conteúdo e layouts exclusivos) e modelos de temas, reunindo dezenas de tarefas em um único prompt.
2. Divi Layouts AI permite aos usuários criar uma única página ou modelo de tema usando Divi AI. É útil ao criar novas páginas, mas você não precisa criar um monte de páginas básicas.
3. Divi AI Section Generator permite adicionar rapidamente novas seções a uma página com conteúdo utilizável e design que corresponda à sua marca. Isso é ótimo para adicionar algo que falta em uma página excelente.
4. Divi Text AI é o seu companheiro pessoal de escrita de IA dentro do Divi que pode gerar texto de site no contexto sob demanda.
5. Divi Image AI é uma ferramenta complexa de IA para gerar e modificar imagens. Ele permite que você crie novas imagens instantaneamente com instruções simples. E você pode trazer imagens existentes para um processo de edição de IA. Para usar, selecione uma área de uma imagem ou defina a porcentagem da imagem de referência e insira um prompt para fazer alterações.
6. Divi Code AI pode ser usado em qualquer módulo Divi por meio da guia Avançado. Gere CSS personalizado para adicionar estilos avançados a módulos individuais ou use um módulo de código para gerar HTML e Javascript.

A lista mostra que as três primeiras ferramentas têm uma aplicação mais ampla (site, páginas, seções) enquanto as três últimas têm uma aplicação mais granular (texto, imagens, código).

O gerador de seções de IA da Divi preenche uma peça que faltava no processo de construção de sites da Divi AI, permitindo mais controle e flexibilidade para construir e personalizar suas páginas com seções totalmente novas em um único clique.

Explore a Divi AI

Como usar o gerador de seção AI da Divi

Você usará seções de IA em três casos de uso principais: sites iniciais, sites/layouts gerados por IA e usá-los do zero no construtor visual.

Veja como você pode esperar que cada um deles funcione.

Adicionar uma nova seção a um site inicial

Se você usa Divi Quick Sites, você pode optar por construir seu site usando um de nossos Divi Starter Sites. Os sites iniciais configuram seu site com páginas predefinidas, modelos e configurações padrão estabelecidas (fontes e cores). Ao examinar suas novas páginas usando um site inicial, você notará que o conteúdo e as seções são genéricos, mas bem estilizados. Você pode então usar o Divi para criar novas seções que correspondam aos estilos padrão do site inicial. Dessa forma, o novo conteúdo criado corresponde ao estilo geral que você já escolheu.

Seu primeiro passo é já ter utilizado um Starter Site. Em seguida, navegue até a página à qual deseja adicionar uma seção. Encontre o local onde deseja adicionar sua seção e clique no ícone Blue Plus.

Abra o modal pop-up AI Section para configurar seu prompt clicando em Generate Section With AI .

Você criará seu prompt com instruções específicas (1), um prompt opcional (2) e uma declaração de como o Divi AI usa imagens (3). Para os fins deste tutorial, as configurações importantes são encontradas no número 4, onde você deve definir fontes e cores como Padrão do Site para manter os estilos padrão definidos pelo Site Inicial.

Solicitamos à Divi AI que criasse uma seção de texto explicativo para anunciar um desconto no sabonete para as mãos em nosso site. Ele adotou os estilos padrão do Starter Site para se ajustar ao restante da página sem definir estilos manualmente.

Adicione uma nova seção a um layout gerado por IA

Se estiver construindo páginas uma por uma com Divi Layouts AI, você pode dar à IA a capacidade de criar seus próprios estilos - e com alguma sorte - salvar esses estilos de IA para usar mais tarde. Primeiro, precisamos criar uma página e gerar um AI Layout. Em uma nova página, Insira Layout e selecione Construir com IA .

Você será solicitado a fornecer os detalhes da construção da página da Web para o Divi AI seguir. Quando estiver pronto, Gere Layout .

Agora espere que a IA construa sua página. Quando terminar, revise para ter certeza de que gostou dos estilos usados. Caso contrário, você pode usar o construtor AI Layout novamente para ver o que ele pode fazer de diferente. Se você gostar, observe no canto superior direito. Deveria haver um Como parece? modal onde você pode salvar as fontes e cores que o Divi AI usou.

Depois de salvar esses estilos de IA, tente criar uma nova seção com IA (etapas semelhantes às anteriores). Na parte Personalizar fontes e cores do prompt pop-up, certifique-se de definir as fontes e cores para a configuração padrão do Divi AI. Isso transferirá as configurações que acabamos de salvar para suas novas gerações de IA com o construtor de seção de IA.

Sua nova seção terá os mesmos estilos do resto da página.

Construa uma página do zero usando seções de IA

Veja como você pode usar o gerador de seção Divi AI do zero. Adicione seções a uma página clicando no botão Azul + no Visual Builder. Eles aparecerão abaixo de quaisquer seções existentes na página.

Você tem suas opções padrão para criar seções, mas deve observar e clicar no botão Construir seção com um botão AI .

O modal do Divi AI aparecerá. É aqui que você pode criar sua solicitação (prompt) que a Divi AI usará para criar sua nova seção. Você notará uma caixa de campo pelo tempo que for necessário. Você também definirá preferências de cor e fonte (use Estilos Globais, Deixe AI Escolher ou selecione-os manualmente para esta geração). Quando estiver pronto, Gere Seção .

O Divi AI levará alguns segundos para analisar seu prompt, transformá-lo em uma seção, adicionar módulos Divi e preencher o conteúdo de imagem/texto. A criação de seções é mais rápida (e muitas vezes melhor) ao usar a integração Unsplash, que busca fotos profissionais.

Depois de fazer isso, o Divi AI colocará sua nova seção em sua página. Cada seção, linha e configuração de módulo estão prontas para suas modificações. Observe como até o conteúdo escrito é baseado no que você fornece à IA.

Layout, estilo, ícones e texto reunidos com Divi AI

Se a IA o entendeu mal ou criou algo que não funciona, você pode excluir a seção e tentar novamente. Gosto de manter um documento do Word ou bloco de notas aberto para salvar minhas solicitações; dessa forma, não preciso digitar novamente meu prompt se precisar regenerar uma seção. Eu sempre recomendo dominar a engenharia imediata. Se continuar obtendo resultados ruins, você precisará experimentar mais para aprender como fazer solicitações melhores.

Dicas de geração de seção de IA

Aqui estão alguns conselhos conquistados com muito esforço sobre como usar o Divi AI para aproveitar ao máximo sua experiência.

Use um prompt opcional forte

Você notará que ao criar uma nova seção com IA, dois campos de prompt solicitam informações. O primeiro é o prompt principal, que é sua solicitação explícita à Divi AI. Mas há um campo opcional onde você pode informar ao Divi AI sobre todo o seu site.

O principal motivo pelo qual você deve usar o prompt opcional é que ele economizará tempo ao solicitar ao Divi AI para criar elementos específicos. Cada vez que usar o Divi AI, você solicitará coisas muito específicas, mas o prompt opcional permite manter um único tópico consistente em seu site. Isso reduzirá o tempo que você escreve as solicitações e, ao mesmo tempo, fornecerá respostas melhores e mais consistentes.

Aqui está o que costumo incluir no campo de prompt opcional Tell Divi AI sobre seu site :

1. Nome comercial, número de telefone e endereço (NAP)
2. Serviços/produtos empresariais com uma descrição moderadamente detalhada de cada um
3. Diretrizes de estilo de linguagem para que o texto do site seja escrito de maneira consistente
4. Perfil personalizado ideal (ICP) para que o conteúdo possa ser adaptado às necessidades dos meus clientes reais
5. Qualquer outra informação que espero estar em qualquer página da web do site

O que é interessante nesse prompt é que ele pode ser usado em vários tipos de solicitações Divi AI, não apenas na geração de seções de IA.

Definir fontes e cores

Definir fontes e cores padrão no Divi AI ajudará você a obter resultados mais consistentes. Clicar no ícone de engrenagem no canto superior direito do Divi AI revelará um modal Configurações . Aqui você pode definir preferências que o Divi AI usará automaticamente em todas as solicitações.

Se não quiser definir um conjunto de estilos para o seu site, você pode ajustar manualmente as fontes e cores para cada solicitação. Isso é bom se você usar mais de duas fontes ou duas cores primárias em seu site.

É recomendado que você também defina suas fontes e cores padrão no personalizador de tema do Divi antes de começar a projetar. Se você usar um site inicial ou um site rápido gerado por IA , essas fontes e cores serão criadas automaticamente para você.

Use e aplique predefinições ao conteúdo gerado

Você pode criar predefinições globais para seções, linhas e módulos individuais. Isso ajuda um site a manter um design consistente de página para página.

O melhor de tudo é que as predefinições podem ser aplicadas a vários elementos do seu site. Todos os elementos definidos com a mesma predefinição serão atualizados quando um deles for atualizado. Isso torna muito mais fácil gerenciar um site porque as alterações de design são aplicadas em todo ele. Embora o Divi AI faça um bom trabalho com design, você deve aplicar esses designs a predefinições para um site mais fácil de manter.

Como obter este gerador de seção de site de IA

Todos podem experimentar o Divi AI gratuitamente para gerar até 20 seções. Adquira uma assinatura Divi AI para geração ilimitada de seções , bem como geração ilimitada de texto, imagem, código, layout e site para você e sua equipe.

Se você é novo no Divi, pode obter um desconto significativo no Divi AI ao comprar o pacote Divi Pro. Se você já é cliente Divi, pode obter o mesmo desconto fazendo login em sua conta e visitando a página Ofertas.

perguntas frequentes