8 dicas para gerar páginas perfeitas com Divi Layouts AI

Você ainda está construindo e configurando manualmente seções, módulos e configurações individuais do site, um por um? Divi Layouts AI é um novo recurso que aproveita o poder da IA ​​generativa para criar páginas da web inteiras a partir de um simples prompt. Da geração de conteúdo ao layout da página, o Divi AI faz tudo. Se você ainda não usou seus créditos gratuitos, experimente. Abaixo estão oito dicas e truques para usuários avançados para aproveitar ao máximo o Divi AI. Com essas dicas do Divi Layouts AI, você estará no caminho certo para um web design mais rápido.

Uma visão geral do Divi Layouts AI

Divi Layouts AI, agora integrado ao Divi AI, está disponível para qualquer pessoa que use o Divi Theme. Requer uma assinatura anual ou vitalícia do Divi Theme) e tem uma assinatura Divi AI ativa. Depois de implementar essas duas coisas, você estará pronto para acelerar seus processos de web design com Divi Layouts AI.

Divi Layouts AI é ótimo para construir páginas da web, ponto final. Ele pode gerar páginas estáticas ou modelos de construtor de temas. Isso significa páginas iniciais, páginas sobre, páginas de contato, páginas de arquivo de blog, páginas de postagem única, páginas de produtos, páginas 404, cabeçalhos/rodapés e muito mais. É ainda capaz de criar páginas de carrinho e checkout WooCommerce. Se houver uma página que você precisa criar, o Divi AI pode saltar rapidamente para o seu projeto. Basta navegar até o Visual Builder onde você precisa dele para trabalhar e observar seu funcionamento.

Temos um guia completo sobre Divi Layouts AI se precisar de ajuda para acessá-lo e usar seus recursos. Certifique-se de seguir esse guia atentamente para começar a trabalhar.

Agora, você está pronto para algumas dicas para maximizar sua experiência com Divi Layouts AI?

Dicas para usar Divi Layouts AI para geração de páginas da Web

A IA é fácil de usar, mas isso não significa que existam otimizações que você possa trazer para a tecnologia. Com essas dicas, mostraremos a melhor maneira de obter resultados de qualidade com Divi AI.

1. Maximize as solicitações de página e de detalhes do site

Divi Layouts AI recebe várias entradas antes de criar uma nova página ou modelo de construtor de tema. Existem duas entradas principais e campos de texto para adicionar sua solicitação:

1. Descreva a página que você deseja que o Divi AI crie : O prompt principal deve incluir o que você espera ver na página. Inclua seções, tipos de informações e outras orientações visuais.
2. Conte ao Divi AI sobre o seu site (opcional) : este prompt secundário fornece mais contexto sobre o seu site. Inclua detalhes sobre sua empresa, como seu site funciona e quais informações eles podem encontrar nele. Isso ajuda a criar relevância contextual para o conteúdo da página, ao mesmo tempo que garante que detalhes importantes não sejam esquecidos.

O primeiro é o prompt específico da página, que orienta a IA sobre o que deve incluir na página. Você deve incluir o que espera ver na página, seção por seção. O prompt deve ser específico com detalhes do fluxo da página, incluindo os objetivos da página e os tipos de conteúdo que você deseja exibir. Você pode até fornecer parte do conteúdo (títulos e corpo do texto) que deseja usar. Tudo isso ajuda você a gerar layouts exclusivos com Divi AI.

O segundo campo de entrada trata do contexto. Deve conter detalhes sobre o seu site e sobre o que ele trata. Quanto melhores forem as informações que você colocar neste campo, melhores serão os resultados que você obterá do Divi AI. Incluir detalhes triviais criará seções triviais. imagens e texto. Um site comercial pode incluir informações importantes como nome da empresa, detalhes de contato, serviços/produtos e estrutura geral do site. Indo um passo além, pode incluir diferenciadores exclusivos, insights sobre a marca e estilo de escrita.

2. Gere imagens de qualidade com descrições de estilo

Divi Layouts AI criará imagens que correspondem amplamente à página que você pediu para criar. Isso é feito quando cria uma seção que a IA espera incluir uma imagem (herói, galeria, depoimento, etc.). Como você sabe que ele criará imagens para você, é melhor fazer com que ele crie imagens que correspondam ao estilo desejado. Com o prompt da sua página, inclua detalhes específicos sobre as imagens que você deseja ver geradas.

Aqui está um exemplo de prompt de página que inclui especificações para imagens. Vamos ver como o Divi AI se saiu.

Divi AI pega todas as instruções imediatas e cria uma página inteira a partir delas. Neste exemplo, ele fez um ótimo trabalho ao criar as imagens que queríamos: imagens de balões brilhantes, coloridas e centradas em crianças para eventos infantis. Divi AI lidou com essas imagens perfeitamente.

Há também uma seção de galeria na parte inferior da página com imagens que correspondem à nossa descrição. Além disso, adoramos o trocadilho com balão no título “Detalhes deliciosos em cada reviravolta”. Isso nos faz querer que essa empresa seja real!

Se não gostar de uma imagem específica, você pode usar o gerador ou editor de imagens do Divi AI para focar em uma imagem e criar o que precisa. Essa é a beleza do Divi Layouts AI – você pode criar uma página da web personalizada em segundos, para poder dedicar mais tempo aos detalhes.

Consulte nosso guia de solicitação de imagens Divi AI para ajudá-lo a pedir melhor à IA para criar imagens que você vai adorar.

3. Construa com SEO Mindfulness usando palavras-chave

Sempre recomendamos fazer pelo menos alguma pesquisa básica de palavras-chave antes de construir um site ou mesmo uma única página. Se tiver oportunidade, você pode aplicar o que aprendeu na criação de páginas do Divi AI com Divi Layouts AI.

Inclua as palavras-chave primárias e secundárias nas quais você deseja que esta página seja classificada. Não use palavras-chave usadas por outras páginas do seu site. Isso ajudará a Divi AI a criar conteúdo e imagens mais adequados às especificações de suas palavras-chave.

Com certeza, a Divi AI não apenas criou a página que solicitamos, mas o texto também incluiu um amplo número de palavras-chave solicitadas. A melhor coisa sobre o uso de palavras-chave aqui é que elas são contextualmente relevantes para cada seção de conteúdo.

Observe que você ainda precisará definir as configurações da página SEO usando o plugin SEO de sua preferência (como Rank Math ou Yoast). Além disso, observe as imagens geradas por IA que você manteve em sua página – certifique-se de renomear os nomes dos arquivos de cada uma e fornecer-lhes descrições Alt.

Quanto ao conteúdo da página, ele começa otimizado desde o início.

4. Especifique as seções exatas da página que você precisa

Divi Layouts AI tem muita força. Com as instruções certas, ele pode criar páginas com galerias, formulários de contato, depoimentos, seções de heróis e muito (muito) mais. Quando você souber como deseja configurar sua página, sinta-se à vontade para apontar a Divi AI na direção certa. Ele existe para facilitar seu trabalho, e não o contrário. Ao fornecer as seções exatas que deseja incluir na página, você está preparando o Divi AI e a si mesmo para o sucesso. Aqui está um exemplo de como solicitamos à Divi AI um site Boba Tea de uma página com seções específicas.

A primeira etapa do Divi AI é analisar seu prompt para gerar a estrutura da página, seção por seção. Com base no prompt fornecido, dê uma olhada na estrutura da página criada pela Divi AI.

Ele até rotulou nossas seções (como visto na visualização Wireframe).

5. Reconstrua facilmente sua página quando necessário

Divi AI é impressionante, mas, assim como um designer humano, pode estar sobrecarregado ou precisar receber instruções diferentes. Fazer com que o Divi AI tente novamente no layout da página é simples. Clique no ícone “ + ” na parte inferior para abrir o modal “ Inserir Layout ”. A partir daí, você terá a opção de tentar novamente com “ Build With AI ”.

Ao refazer, tente redirecionar seus prompts para as coisas mais importantes que você precisa criar. Ao fornecer detalhes em seu prompt, seja claro e conciso. Peça para fazer algo uma vez (em vez de repetir a mesma solicitação várias vezes em um único prompt). Mesmo com IA, há uma curva de aprendizado. Quando a Divi AI cria uma página que você não gosta, isso não é motivo de preocupação, apenas uma oportunidade para ser mais claro.

Com o uso ilimitado do Divi AI, você não precisa se preocupar em refazer a geração de páginas. Use Divi AI para obter o design certo de acordo com seus termos.

6. Personalize os designs de sua página com fontes e cores preferidas

Fornecer ao Divi AI suas fontes e opções de cores antecipadamente é uma ótima maneira de garantir que ele crie algo que você gosta. Se você tiver um par de fontes ideal (para títulos e fontes do corpo), poderá configurá-los para Divi AI.

Se você já elaborou as cores, pode escolher as cores primárias/secundárias e as cores que deseja usar no título e no corpo do texto.

Divi AI pode escolher fontes ou cores para quem ainda não decidiu o que deseja usar.

Quando o Divi AI cria um par vencedor de fontes e cores do site, você pode salvá-los para uso posterior em outras páginas. Tudo que você precisa fazer é clicar em “ Sim, por favor! ”Para Divi AI registrá-los como predefinições de IA. Na próxima vez que você gerar um layout, escolha “Divi AI Default” para que ele use essa configuração novamente.

Divi Layouts AI salva web designers, não importa quanta preparação eles estejam usando ao criar um novo site. Quer você tenha um plano de jogo ou não, a IA irá acelerar as coisas para você.

7. Lembre-se de que tudo é personalizável

Uma das melhores coisas sobre o Divi AI é que, embora a IA crie a página, você pode assumir o controle a qualquer momento. Divi Layouts AI usa módulos Divi padrão que você está acostumado a usar no construtor visual. Isso significa que a IA pode criar um primeiro rascunho e então você pode começar a ajustar tudo ao seu gosto.

Você também pode usar as experiências granulares de IA generativa do Divi AI em módulos individuais (como geração de imagens, edição de imagens, geração de texto e escrita de código personalizado). Essa combinação de IA e componentes tradicionais de web design maximiza a economia de tempo e a personalização.

8. Exclua imagens AI não utilizadas da biblioteca de mídia

Quando o Divi AI cria uma página, ele começa determinando quais seções ela deve criar. Se essas seções normalmente contiverem uma imagem, o Divi AI criará as imagens. Isso significa que com cada solicitação ao Divi AI, você pode criar de 1 a 20 imagens. Se você fizer isso em várias páginas do seu site, certamente terá muitas imagens desnecessárias no site.

Aqui está um exemplo de prompt de página de portfólio onde seria esperada fotografia real. Mesmo assim, a Divi AI criará espaços reservados na página.

Com certeza, criou imagens. Eles são ótimos, mas, neste caso, as imagens geradas por IA não serão suficientes para uma empresa que vende arte física.

Nesse caso, não usaríamos as imagens porque precisamos de fotografias da arte real que estamos vendendo. A Divi AI gerou sete imagens ao criar esta página, ocupando espaço em nosso servidor. Remova-os para manter os custos baixos, especialmente para proprietários de sites que pagam por serviços de compactação de imagens baseados em nuvem ou crédito. Para fazer isso, abra sua Biblioteca de mídia , encontre as imagens e clique em “ Excluir permanentemente ”.

É ótimo que o Divi AI possa criar imagens mesmo quando não precisamos delas. Eles atuam como espaços reservados visuais e podem até estimular novas ideias. Só porque você não deseja usar uma imagem específica não significa que ela não seja útil. Freqüentemente, isso nos mostra o que a Divi AI estava “pensando” quando criou a página.

AI Layouts traz ainda mais economia de tempo

Divi AI já acelerou o processo de design para agências, freelancers e proprietários de empresas por meio de textos, imagens e códigos generativos. Agora, com AI Layouts, Divi AI dá um passo adiante:

• Inspiração Instantânea : Lutando por um ponto de partida? Use layouts de página inteira lindamente projetados que o Divi AI gera instantaneamente. Esses layouts se adaptam às cores e fontes da sua marca, fornecendo uma base sólida para o design do seu site (ou deixe a Divi AI escolher isso para você).
• Economize horas e aumente a criatividade : não perca tempo esboçando e iterando layouts básicos. Os AI Layouts permitem que você se concentre nos aspectos mais criativos do design, como personalização, estratégia de conteúdo, experiência do usuário e configuração de plug-ins.
• Explore diversas opções : Não se sente inspirado pelos padrões de design padrão? Explore uma gama mais ampla de possibilidades criativas com layouts gerados por IA que quebram os padrões. Descubra layouts únicos e inesperados que podem diferenciar seu site.

Divi AI com AI Layouts é a ferramenta definitiva para economizar tempo para designers ocupados. Ele permite que você:

• Concentre-se em design de alto impacto: gaste menos tempo em tarefas repetitivas e mais tempo nos elementos que realmente importam.
• Cumpra prazos apertados: supere obstáculos criativos e coloque os projetos em prática mais rapidamente com a geração de layout baseada em IA.
• Aumente o número de clientes: entregue projetos excepcionais de web design com eficiência, permitindo que você conquiste mais clientes e expanda seus negócios.

Obtenha Divi AI hoje

Você é um usuário do Divi Theme interessado em experimentar o Divi AI? Você está com sorte! Divi AI oferece aos usuários 100 gerações de IA gratuitas para todos os usuários do tema. Depois que você tiver certeza de seu poder e utilidade, inscreva-se para uma assinatura Divi AI para obter geração ilimitada de IA para você e os membros de sua equipe (pode ser usado em todos os seus sites Divi).

Ainda não é usuário do Divi Theme? Você precisa obter o Divi Theme tornando-se um membro antes de poder usar o Divi AI. O Divi Theme é o tema WordPress nº 1 com o sistema de design mais robusto. Facilita a construção de sites bonitos e de alto desempenho. Depois de se tornar um membro Divi (associação anual ou vitalícia), você pode iniciar uma assinatura Divi AI que oferece todo o poder apresentado acima.