5 exemplos perfeitos de sites gerados por Divi AI (e suas solicitações)

A IA generativa revolucionou a indústria de web design, mas alguns construtores ainda exigem que você converse com a tecnologia de IA, respondendo perguntas sobre seu negócio, público-alvo, serviços e muito mais. Felizmente, existe uma maneira mais fácil e eficiente de gerar um site. Apresentando o Divi AI – o divisor de águas que transforma sua visão em um site impressionante em menos de dois minutos . Esqueça os questionários tediosos e a personalização sem fim.

A interface intuitiva do Divi AI permite criar facilmente sites completos com texto cativante da marca, imagens de alta qualidade e modelos dinâmicos. Vamos mergulhar em como o Divi AI funciona e descobrir 5 belos exemplos de sites do Divi AI (e seus prompts) que você pode criar quase instantaneamente. Você pode obter o Divi AI com 60% de desconto durante a promoção de verão, então não hesite!

O poder da Divi AI

Antes de mostrarmos alguns exemplos incríveis de sites da Divi AI, devemos primeiro fornecer mais informações sobre o que é a Divi AI e o que ela pode fazer. Divi AI é o assistente de design de IA do nosso principal produto que transforma qualquer pessoa em uma estrela do web design. Esta solução completa funciona junto com o poderoso Visual Builder da Divi e permite criar layouts impressionantes, escrever conteúdo envolvente, gerar imagens de alta qualidade, escrever trechos de código CSS e gerar sites completos – tudo com um prompt de texto. Com o Divi AI, você não precisa ser um designer profissional para obter resultados surpreendentes.

Divi AI coloca o poder de um escritor profissional, desenvolvedor web e artista digital ao seu alcance, permitindo que você se concentre no que é mais importante: expandir seus negócios. Imagine criar sites inteiros em minutos , criar conteúdo atraente que ressoe com seu público e gerar recursos visuais exclusivos para chamar a atenção – tudo isso sem a necessidade de experiência em design ou codificação.

Divi AI está disponível como um complemento ao tema Divi e custa US$ 12,86 por mês (cobrado manualmente) se você se inscrever durante a Promoção de verão. Isso representa 60% de desconto no preço normal.

Obtenha Divi AI com 60% DE DESCONTO

Desbloqueie o poder do Divi AI com uma assinatura Divi

Para aproveitar as vantagens do Divi AI, primeiro você precisa adquirir uma assinatura Divi, que lhe dá acesso ao tema WordPress mais poderoso do mercado, Divi. Possui um editor de arrastar e soltar fácil de usar e vem com uma grande biblioteca de modelos pré-fabricados para impulsionar seu design. Divi também oferece recursos poderosos como módulos Divi personalizados, estilos globais, um construtor de temas e centenas de integrações para fornecer controle total sobre todos os aspectos da aparência do seu site. Por apenas US $ 89 por ano , você pode criar quantos sites Divi desejar e fazer um test drive do Divi AI.

Obtenha Divi

O processo de criação de um site com Divi AI

Criar um site com Divi AI é um processo simples e direto. Basta instalar o Divi em seu site WordPress, fornecer ao Divi AI algumas informações sobre seu site e ele estará instalado e funcionando em minutos. Vamos percorrer o processo para que você veja como o Divi AI é realmente incrível e simples.

Etapa 1: instalar o Divi

Assim que o Divi for adquirido, vá até a instalação do WordPress, localize a guia Aparência e clique em Temas . Clique no botão Adicionar novo tema para instalar o Divi.

Clique no botão Carregar tema e localize o arquivo compactado do tema Divi em seu computador.

Em seguida, clique no botão Instalar agora para instalar o Divi no WordPress.

O WordPress seguirá as etapas para instalar o tema Divi. Depois de instalado, clique no botão Ativar para ativá-lo.

Depois de instalado, você deve conectar sua assinatura do Elegant Themes à instalação do WordPress. Clique no botão Login para ativar sua licença para continuar.

Quando a caixa de diálogo aparecer, digite seu nome de usuário e senha do Elegant Themes e clique em Login .

Etapa 2: gerar um site com Divi AI

Com o Divi instalado, agora você pode usar o Divi AI para gerar um site. Conforme mencionado anteriormente, cada site que você gera com Divi AI vem com todas as páginas principais da web, texto, imagens, modelos do Theme Builder, estilos globais e todas as configurações do Theme Customizer configuradas para você. O processo usa Divi Quick Sites para oferecer duas maneiras de gerar um site, incluindo um Starter Site pré-fabricado ou um site gerado por IA.

Clique no botão Gerar um novo site .

Selecione a 2ª opção, Gere seu site com IA .

Você terá uma primeira visão da interface do Divi AI quando a tela for atualizada. Para gerar seu site, insira o nome do site , o slogan do site e informe a Divi AI sobre o seu site . Você também pode fazer upload de um logotipo , instalar e configurar o WooCommerce e escolher entre imagens de estoque, geradas por IA ou de espaço reservado. Em Personalizar fontes e cores , você pode permitir que a IA escolha o título, as fontes do corpo e as cores primárias e secundárias do seu site. Essas cores serão globais, para que você possa alterá-las facilmente posteriormente com um único clique.

Divi AI orientará você nas etapas de importação de predefinições, geração de texto e imagens e design de layouts.

Depois que seu site for gerado, o Divi AI fornecerá uma lista de páginas, modelos do Theme Builder, dicas e truques sobre como usar o Divi e, se você escolher imagens de banco de imagens, também receberá uma lista delas.

Etapa 3: edite as configurações globais do seu site

Conforme mencionado anteriormente, o Divi AI configura todos os aspectos do seu site, incluindo o Theme Customizer. Ele atribui fontes, cores e outros estilos de sites globalmente, facilitando sua alteração em um só lugar. No front end, passe o mouse sobre o título do seu site para revelar o menu. Selecione Personalizador de tema para visualizar as configurações do seu site.

Em Configurações gerais , você pode alterar facilmente o título e o slogan do site e ajustar as fontes do título e do corpo.

Dica profissional: se você permitir que o Divi AI escolha suas fontes primárias e secundárias, poderá ajustá-las facilmente se não estiver satisfeito. Navegue até Configurações gerais > Configurações de layout para visualizar e editar as fontes primárias e secundárias do seu site. Quaisquer alterações feitas aqui serão aplicadas a todas as áreas onde essas cores são usadas, economizando horas de edição.

Etapa 4: editar os modelos do Divi Theme Builder

Outro recurso incrível da geração de sites da Divi AI é a capacidade de gerar modelos dinâmicos do Theme Builder para controlar a aparência do seu site. Cada site gerado pela Divi AI possui modelos editáveis ​​para postagens de blog, suas categorias, páginas de autor, resultados de pesquisa, produtos, carrinho e páginas de checkout. Também existe um modelo para uma página 404, para que você possa redirecionar facilmente os usuários para outras páginas do seu site caso eles encontrem um link inativo.

Navegue até Divi > Theme Builder para visualizar e editar seus modelos.

Clique no ícone de lápis em qualquer modelo para editá-lo.

Graças ao Visual Builder intuitivo de arrastar e soltar do Divi, você pode fazer as alterações de design que desejar. Por exemplo, você pode editar facilmente o menu do seu site escolhendo uma nova cor de link ativo, selecionando uma nova fonte de menu e muito mais na guia de design. Os controles de visualização responsivos do Divi permitirão que você visualize seu menu em vários tamanhos de tela, garantindo uma experiência perfeita em todos os dispositivos. Quando estiver satisfeito com as alterações, basta clicar no botão Verde Salvar para aplicar suas alterações globalmente em todas as páginas onde o menu está presente.

Etapa 5: edite as predefinições globais do Divi

Outro recurso do Divi que economiza tempo é a capacidade de editar as predefinições globais associadas ao seu site Divi AI. Divi Global Presets permitem que você crie e gerencie vários estilos padrão para qualquer Divi Element. Cada site gerado por IA vem com predefinições globais para cada módulo do seu site. As alterações feitas em uma predefinição são refletidas em todo o site onde essa predefinição é usada, para que você possa fazer alterações globalmente em vez de editar cada módulo individualmente.

Habilite o Visual Builder para editar uma predefinição global em uma das páginas do seu site.

Passe o mouse sobre qualquer Módulo Divi para revelar o menu de configurações desse Módulo. Clique no ícone de configurações para abrir as configurações do Módulo.

Na seção roxa do cabeçalho do Módulo, clique no menu suspenso para revelar todas as predefinições associadas.

Uma lista de predefinições Divi aparecerá para esse módulo. A predefinição ativa é facilmente identificável com uma marca de seleção verde.

Para editar a predefinição ativa, passe o mouse sobre ela para revelar o menu de predefinições. Clique no ícone de lápis para editá-lo.

O cabeçalho do Módulo ficará cinza, indicando que estão ocorrendo alterações no design.

Faça quaisquer alterações de design na guia de design e clique no botão verde salvar. Uma caixa de diálogo pergunta se você deseja alterar uma predefinição global. Clique em sim para continuar.

Para salvar a predefinição, clique no botão verde salvar novamente.

5 exemplos fáceis de sites gerados por Divi AI

Agora que você tem um conhecimento sólido sobre como gerar um site com Divi AI, podemos chegar à parte divertida: exemplos de sites Divi AI. Agora, não existe uma ciência exata para isso. Você pode ser tão vago ou descritivo quanto desejar. No entanto, quanto mais informações você fornecer ao Divi AI, melhores serão os resultados. Divi AI pode criar qualquer tipo de site que você quiser, em qualquer gênero, e é muito bom para determinar o que você está tentando dizer.

Então, sem mais delongas, aqui estão alguns exemplos de sites Divi ai que você não vai acreditar que foram criados pela IA.

Exemplo 1: Pizzaria

Neste exemplo, queríamos testar a capacidade da Divi AI de criar um site de restaurante eficaz. Queríamos que o Divi AI incorporasse páginas comuns associadas a sites de restaurantes, incluindo páginas de menu e reservas. Também queríamos que ele entendesse a aparência que buscávamos, então o instruímos a criar um site moderno de pizza com um tema sombrio. Como você pode ver, a Divi AI se saiu bem seguindo nossas instruções e implementando a maioria de nossas solicitações. Escolhemos nossas fontes, cores e imagens de banco de imagens em vez das geradas por IA para economizar tempo.

Incitar:

Crie um site para uma pizzaria. Dê ao design um tema escuro com fundos pretos, imagens grandes de pizzas e toques de cores vermelhas para CTAs, ícones e botões.

Foco do design: tema escuro com fundos pretos, imagens grandes de pizza e pessoas gostando de comer. Inclua grandes seções de destaque com planos de fundo de imagem, linhas limpas, sobreposições de gradiente e títulos em branco

Imagens: utilize imagens grandes e de alta resolução de pizzas, pessoas comendo pizza e imagens do estilo de vida de pessoas em restaurantes

Páginas: incluem páginas inicial, sobre, menu, reservas, blog e contato

Destaque do menu: apresenta um menu de pizzaria apresentando aperitivos, saladas, uma grande variedade de pizzas e sobremesas

Apelo à ação: Empregue CTAs “PEDIDO ONLINE” proeminentes em todo o site para impulsionar os pedidos online.

Imagens: use imagens de pizzas de alta qualidade e fotos do estilo de vida de pessoas saboreando e comendo pizza em um restaurante. Fontes: Incorpore Oswald para títulos e Open Sans para texto.

Ver o site

Exemplo 2: Agência de Viagens

Para este site, queríamos criar um site de agência de viagens atraente, especializado em férias na praia no Panhandle da Flórida. Escolhemos cores pastel de azul e verde com tema de praia para dar um clima relaxante. Em vez de deixar a geração da cópia para a IA, incluímos informações sobre como tornar a cópia da web conversacional para que seja mais fácil de ler e estimular a ação do usuário. A mensagem abaixo mostra que usamos uma mensagem mais curta para testar as capacidades da IA ​​com menos informações.

Incitar:

Crie um site para uma agência de viagens que transmita a sensação de serenidade. Esta agência concentra-se em férias na praia na Costa Esmeralda da Flórida. O site deve evocar uma sensação de relaxamento e férias, mantendo uma interface moderna e fácil de usar.

Cópia: torne a cópia coloquial, voltada para as vendas, mas profissional. Evite fazer com que pareça muito padronizado.

Imagens: Incorpore imagens de alta qualidade da região da Flórida em todo o site. Use grandes seções de heróis com cenas de praia.

Páginas: incluem páginas iniciais, sobre nossos aluguéis, reservas e contato.

Público-alvo: famílias, casais e grupos que buscam férias na praia.

Ver o site

Exemplo 3: Professor de Guitarra

Para este site, limitamos as informações que fornecemos à Divi AI sem sacrificar detalhes cruciais. Desta vez, direcionamos a IA para incluir fontes e cores específicas, juntamente com um tema sombrio. Mesmo que o prompt seja mais curto do que os outros, a Divi AI ainda fez um trabalho incrível ao traduzir nosso prompt em um site bonito e eficaz. Também permitimos que a Divi AI escolha nossas fontes, suas cores e as cores primárias e secundárias do site para nós.

Incitar:

Crie um site para um professor de violão especializado em guitarra elétrica.

Design: Tema escuro com toques de roxo. Planos de fundo pretos, títulos brancos e roxo para frases de chamariz e botões. A aparência geral do site deve ser moderna, com linhas nítidas e uma vibração geral de “estrela do rock”.

Imagens: imagens focadas na música de bandas de rock no palco, guitarras, pessoas tocando guitarra

Páginas: Home, sobre, serviços, preços, blog, contato Cores: preto e roxo brilhante

Ver o site

Exemplo 4: Escritório de Arquitetura

Para o site do nosso escritório de arquitetura, procuramos ser o mais detalhados possível, desde as cores e fontes a utilizar até a estética que buscávamos. Reforçamos nosso desejo por uma aparência monocromática no prompt de texto que fornecemos. No geral, a Divi AI fez um trabalho fantástico ao gerar o site moderno e elegante que procurávamos, até o peso da fonte de nossos títulos. Também orientamos sobre a direção geral da cópia escrita, os tipos de imagens a serem usadas e quais páginas criar.

Incitar:

Crie um design de site moderno e inovador para um escritório de arquitetura. O site deve exalar criatividade, sofisticação e visão de futuro. Incorpore linhas limpas, dê uma estética minimalista, mas forte e inspiradora, e use um esquema de cores monocromático. O site deve ser altamente interativo e fácil de usar, com animações suaves, efeitos de foco e transições.

Web Copy: torne o texto coloquial, mas profissional, com CTAs estrategicamente posicionados em todo o site

Imagens: Use imagens de alta qualidade que mostrem projetos arquitetônicos, edifícios comerciais modernos e casas modernas e sofisticadas.

Peso da fonte: crie títulos grandes, mas use uma fonte mais leve.

Páginas: home, sobre, serviços, nossos projetos, blog e contato.

Ver o site

Exemplo 5: Portfólio

Em nosso último exemplo, fornecemos à Divi AI o máximo de informações possível, desde imagens até conteúdo e frases de chamariz. Fornecemos um prompt detalhado descrevendo o design, com grandes seções de destaque e uma área de cabeçalho projetada para incentivar os visitantes a agir. Também incluímos instruções detalhadas sobre os tipos de imagens a serem incluídas, como queríamos que o conteúdo fosse estruturado e informações de contato específicas a serem incluídas na página de contato do site.

Incitar:

Crie um site de portfólio de fotografia cativante para Jenna Patterson, especializada em fotografia de paisagens e estilo de vida. O site deve ter uma estética moderna e enfatizar imagens de alta qualidade.

Páginas: Home, Sobre, Serviços, Meu Trabalho, Blog e Contato.

Design: o cabeçalho e o rodapé devem ser projetados para incentivar o envolvimento do visitante e a geração de leads. As seções principais em cada página devem ter fundos de imagem grandes, títulos cativantes e um CTA.

Imagens: crie uma coleção impressionante de fotografias de paisagens e estilo de vida para preencher o site. Inclua uma galeria de todas as imagens na página do portfólio. Use imagens de alta qualidade em todo o site para criar uma aparência premium.

Conteúdo: gere textos atraentes para a página Sobre, destacando a jornada, o estilo e a paixão fotográfica de Jenna.

Call to Action: Incorpore CTAs claros e atraentes em todo o site, como “RESERVE AGORA” ou “ENTRE EM CONTATO”, para gerar consultas.

Informações de contato: forneça os detalhes de contato de Jenna, incluindo número de telefone, endereço de e-mail e links de mídia social na página de contato.

No geral, o site deve refletir a marca profissional de Jenna e inspirar clientes em potencial a escolher de acordo com suas necessidades fotográficas.

Ver o site

Dicas e truques para criar o prompt perfeito

Criar o prompt perfeito não precisa ser difícil, mas é essencial para maximizar o potencial de que o Divi AI acerta na primeira vez. Embora você possa não obter o resultado desejado na primeira tentativa, incorporar essas dicas lhe dará uma chance melhor de alcançar a aparência desejada. Uma coisa a lembrar é que o Divi AI oferece gerações ilimitadas; portanto, se você não chegar onde deseja na primeira vez, poderá modificar facilmente aspectos do seu prompt para ajustar os resultados.

Aqui estão algumas dicas para ajudá-lo a criar o prompt perfeito para seu site gerado por IA:

Seja claro e específico

Certifique-se de articular claramente o que você deseja alcançar com seu site. Isso começa determinando o tipo de site que você deseja gerar. Você está buscando uma loja online simples, um portfólio profissional ou uma plataforma de negócios complexa? Fornecer uma direção clara à Divi AI ajuda muito na criação do site que você deseja desde o início. Também é importante definir o seu público-alvo. Se não, tudo bem. Em vez disso, descreva o público que você deseja atrair. Certifique-se de fornecer detalhes sobre seu cliente ou visitante ideal para que a IA possa adaptar o design e o conteúdo a esse grupo demográfico.

Outra boa maneira de ser específico é definir suas preferências de design. Se você tiver cores preferidas em mente, adicione-as aos campos de cores primárias e secundárias do Divi AI. Isso permitirá que a Divi AI saiba que você deseja incluir cores específicas e gerará seu site de acordo. Além disso, certifique-se de que suas preferências de fonte e a estética geral desejada estejam definidas. Lembre-se, quanto mais específico, melhor.

Forneça informações relevantes sobre sua marca

Para manter a consistência do design, uma das coisas mais importantes a lembrar é incluir informações relevantes sobre a identidade da sua marca, incluindo nome da marca, logotipo, slogan e cores preferidas. Você também pode fornecer informações sobre o texto e as imagens que deseja incluir, dando ao Divi AI uma estrutura sólida para trabalhar. Se você precisar de funcionalidades específicas como comércio eletrônico, marque a caixa de seleção de comércio eletrônico na página inicial de geração do site e mencione quaisquer formulários de contato ou opções de e-mail que gostaria de incluir.

Use linguagem descritiva

Geralmente, quanto mais informações você fornecer ao Divi AI, melhores serão os resultados. Certifique-se de usar palavras descritivas para transmitir sua visão. Por exemplo, use palavras mais descritivas, como minimalista com linhas simples, em vez de dizer moderno . Outra coisa a considerar é estudar outros sites de que você gosta e se esforçar para descrever a aparência desses sites. Se precisar de ajuda, você pode usar diferentes ferramentas de IA, como Gemini ou ChatGPT, para ajudá-lo a descrever esses sites. Se você não obtiver os resultados que procura imediatamente, tente usar palavras diferentes para ver como isso afeta os resultados.

Itere e refine seu prompt

Já mencionamos isso brevemente, mas tente novamente se não conseguir na primeira vez! Divi AI tem gerações ilimitadas, então você não precisa se preocupar em usar créditos, como acontece com outros geradores de sites de IA. Experimente diferentes instruções e variações para ver o que funciona melhor.

Da folha em branco ao lindo site: Divi AI tem o toque mágico

Divi AI é uma virada de jogo na criação de sites. Ao eliminar a necessidade de questionários complexos que outros construtores de sites de IA usam, ele permite que usuários de todos os níveis de habilidade criem sites impressionantes em tempo recorde. Com sua capacidade de gerar textos, imagens e layouts de alta qualidade, o Divi AI transforma efetivamente sua visão em realidade. Dito isto, a criatividade e o refinamento ainda são essenciais para um site verdadeiramente eficaz; Divi AI fornece uma base sólida e acelera significativamente o processo de design. Ao compreender o poder dos prompts eficazes e aproveitar o Divi AI, você pode criar sites de qualidade profissional sem esforço.

Obtenha Divi AI com 60% DE DESCONTO