Depois de criar seu site com o Construtor de sites com IA, você pode personalizar o design e o layout usando prompts de IA. Este guia mostrará como usar IA para finalizar o design do seu site.
Essa funcionalidade está disponível em sites novos com os nossos planos Premium e Negócios do WordPress.com. Você pode experimentar gratuitamente (até 30 prompts) e fazer upgrade para publicar e continuar personalizando o site.
Neste guia
Você pode continuar atualizando, editando e adicionando conteúdo ao seu site com IA e editando manualmente. Para trabalhar em seu site com IA:
- Acesse a página Sites.
- Selecione seu site e clique no botão “Minha página inicial“.
- A próxima etapa depende do plano do site:
- Sites de teste gratuito chegarão diretamente no editor para retomar a edição.
- Os sites com upgrade chegarão no painel do site, onde você pode navegar para Aparência → Editor para retomar a edição.
- Clique no ícone de estrela de quatro pontas na parte inferior da tela para abrir o assistente de IA:

Para atualizar o esquema de cores do seu site usando IA, siga estas etapas:
- Clique no ícone de IA (estrela de quatro pontas) para abrir a caixa de prompt.
- Digite um prompt, como: “Altere as cores” ou “Quero alterar o esquema de cores de todo o site para tons pastéis.”
- Você receberá paletas de cores para experimentar. Clique em uma cor para ver como fica a atualização no seu site.
- Depois de selecionar o esquema de cores desejado, clique no botão Salvar para salvar a alteração.
Para escolher manualmente um esquema de cores, vá até Aparência → Editor → Estilos → Cores e selecione uma nova paleta de cores (indisponível no teste gratuito).

Se você gosta do esquema de cores geral do site, mas quer alterar a cor de uma seção ou elemento específico, siga estas etapas:
- Clique no elemento (como um texto ou botão) ou seção específica que você deseja alterar.
- Abra a caixa de prompt de IA.
- Digite a solicitação de mudança de cor. Você pode descrever a cor ou solicitar um código de cor específico:
“Mude este botão para amarelo brilhante”
“Defina o plano de fundo do título com a cor #FFB514” - Clique no botão Salvar para salvar a alteração ou no ícone de seta para trás para desfazê-la.
Você pode adicionar novas seções ao layout de uma página:
- Clique na seção onde você deseja adicionar uma nova seção.
- Abra a caixa de prompt de IA.
- Digite o prompt, como:
“Adicione uma seção de depoimentos abaixo de Sobre”.
“Insira uma seção de tabela de preços na página inicial.” - Revise a nova seção. A IA fornece vários layouts para você explorar usando os botões de seta para a esquerda e para a direita.
Altere o layout do seu site movendo as seções:
- Clique na seção que deseja mover.
- Abra a caixa de prompt de IA.
- Digite:
“Posicione a seção Serviços acima de Depoimentos.”
“Mova a seção Contato para o topo.”
Se for necessário um ajuste fino, selecione uma seção manualmente usando a Visualização em lista. Aparecerá uma barra de ferramentas com setas para cima e para baixo para mover a seção selecionada para uma nova posição:

Exclua seções ou elementos indesejados em poucas etapas:
- Clique na seção ou elemento que deseja remover.
- Abra a caixa de prompt de IA.
- Digite:
“Remova a seção de perguntas frequentes da página inicial.”
“Exclua o bloco de galeria adicional na seção Sobre.” - Clique no botão Salvar para salvar a alteração ou no ícone de seta para trás para desfazê-la.
Você também pode remover blocos manualmente, basta selecioná-los, clicar no ícone ⋮ e escolher a opção Excluir.
Ao criar sites com IA, as possibilidades são infinitas. Veja outros exemplos de mudanças no design que você pode pedir para a IA fazer por você:
- Altere a paleta de cores para tons de azul e cinza.
- Deixe todos os botões arredondados e azuis.
- Atualize a cor de fundo para branco.
- Troque a fonte para uma mais moderna e sem serifa.
- Use uma fonte grande e em negrito em todos os títulos.
- Adicione uma seção em destaque na página inicial.
- Altere o layout para uma única coluna.
- Reorganize o rodapé para mostrar primeiro os links de redes sociais.
- Adicione uma seção de chamada para ação acima do rodapé.
- Altere o estilo do menu para uma barra lateral vertical.
- Aumente o tamanho do logotipo do site no cabeçalho.
- Adicione uma seção de depoimentos abaixo do conteúdo principal.
- Use um layout de grade para as imagens da galeria.
- Adicione um formulário de inscrição na newsletter na parte inferior da página.
- Mantenha a barra de navegação fixa no topo.
- Adicione mais espaço em branco entre as seções.
- Centralize os títulos em todas as páginas.
- Use um plano de fundo claro com texto escuro em todo o site.
- Adicione sombras leves às imagens.
- Aumente o espaçamento entre os parágrafos.
- Altere a ordem das seções na página inicial.
- Torne redondas as imagens dos membros da equipe.
- Use um gradiente colorido no plano de fundo da página.
- Adicione ícones à seção de serviços.
- Use cores pastéis no plano de fundo.
- Coloque uma fonte com estilo manuscrito em todos os títulos.
- Adicione um divisor entre cada seção.
- Use botões de chamada para ação grandes e em negrito.
- Coloque todos os títulos em letras maiúsculas.
- Adicione uma seção de introdução na parte superior de cada página.