Ter um site profissional já não exige contratar uma agência nem saber programar. Dá para montar tudo em uma tarde, com a ajuda de inteligência artificial.
Neste passo a passo, você vai usar o Hostinger Website Builder para gerar o site com IA, personalizar cada parte e publicar num domínio próprio.
O roteiro é baseado no vídeo do canal MeticsMedia sobre o tema, reescrito com o que mais importa para quem está começando. As telas do vídeo estão em inglês, e o seu painel pode aparecer com nomes um pouco diferentes.
Escolha o plano do Hostinger Website Builder e crie a conta
O primeiro passo é contratar um plano de hospedagem. Segundo o vídeo, o plano Premium serve para sites simples, mas o apresentador recomenda o Unlimited.
Nele estão incluídos sites ilimitados, mais armazenamento, todas as ferramentas de IA (como o gerador de logos), mais créditos do construtor de IA e o recurso de loja virtual.
No carrinho, o período de 48 meses é o que sai mais barato por mês, mas você pode trocar o prazo. Com 12 meses, o vídeo afirma que você ainda ganha um domínio grátis por um ano.
Clique em iniciar e escolha o plano na lista. Confira se o cupom de desconto aparece aplicado no resumo do pedido.
Informe um e-mail, crie uma senha e preencha o endereço de cobrança.
Depois do pagamento, escolha “Criar um novo site” e selecione o Hostinger AI Builder.
Gere o primeiro rascunho do site com IA
Aqui a IA faz o trabalho pesado. Em vez de montar o layout do zero, você descreve o negócio e ela cria uma primeira versão.
No exemplo, o apresentador tem uma empresa de passeios fotográficos. A descrição diz o que a empresa faz, quais páginas ele quer e qual é o visual desejado.
Quanto mais detalhes, melhor o resultado. O vídeo sugere usar o ChatGPT ou o Claude para ajudar a escrever essa descrição.
- Diga o que o seu negócio faz e para quem.
- Liste as páginas que você quer (início, sobre, serviços, contato).
- Descreva o estilo: cores, clima e tom de voz.
- Se não gostar do resultado, use “Editar sua ideia” e tente de novo.
O resultado raramente sai perfeito, mas é um ótimo ponto de partida. Também dá para começar de um modelo pronto, e tudo o que vem a seguir funciona do mesmo jeito.
Personalize textos, imagens e visual
No editor, cada página é feita de seções, e cada seção tem elementos, como textos, botões e imagens. Para editar, basta clicar no item.
| O que mudar | Como fazer no editor |
|---|---|
| Texto | Clique no texto e em “Editar texto”. O recurso AI Writer pode encurtar ou reescrever o trecho. |
| Botão | Clique em “Editar botão”, mude o texto e escolha para qual página ele leva. |
| Imagem | Envie uma imagem sua, escolha da biblioteca ou gere uma nova com IA. |
| Fundo da seção | Em “Editar seção”, aba de fundo, escolha cor, imagem ou vídeo. |
| Altura da seção | Passe o mouse na borda inferior e arraste. |
Se errar, o botão de desfazer fica na barra superior. O editor também tem salvamento automático, mas vale conferir o botão de salvar de vez em quando.
Antes de seguir, confira o celular. O ícone de telefone na barra mostra a versão móvel, e o que você muda ali não altera o desktop. Você também pode ocultar uma seção só no celular.
Cabeçalho, rodapé, páginas e estilos
O cabeçalho e o rodapé aparecem em todas as páginas. No cabeçalho, você escolhe onde ficam o logo e o menu, pode deixá-lo fixo ao rolar a página e adicionar ícones de redes sociais ou um botão.
Se você não tem logo, o vídeo mostra o gerador de logos com IA. Ele tem limite de créditos, então o apresentador também testa o gerador de imagens para explorar ideias sem gastar créditos. Depois, ele retoca o resultado num editor externo.
Na aba de páginas, você arrasta os itens para reorganizar o menu. No menu de três pontos de cada página, dá para renomear, duplicar, ocultar do menu, definir como página inicial ou excluir.
Já a aba de estilos muda o site inteiro de uma vez: cores, fontes, botões e animações. Trocar uma cor ali substitui a cor em todos os lugares onde ela aparece.
Adicione blog, loja e formulário de contato
Nem todo site precisa de blog, mas ele ajuda a atrair visitas pelo Google. Em páginas, clique em “Adicionar página”, escolha “Blog” e selecione um modelo.
Para criar um post, o construtor deixa você definir o tom de voz, o tamanho e um prompt. O vídeo recomenda escrever você mesmo os textos importantes e usar a IA como ponto de partida.
A loja funciona assim: no menu “Loja”, o construtor cria a página e coloca um ícone de sacola no cabeçalho. Depois vêm as configurações de pagamento.
- Pagamentos: conecte um provedor, como Stripe ou PayPal. Há também um método de teste para simular uma compra sem dinheiro real.
- Produtos: adicione fotos e preço. A IA pode sugerir os detalhes do produto a partir das imagens.
- Frete e impostos: defina as regiões de entrega e as taxas. Sobre impostos, o vídeo recomenda falar com um contador.
- Extras: cupons de desconto, lista de clientes, análises e e-mails da loja.
Para receber contatos, edite o formulário: você reordena campos, muda rótulos, define quais são obrigatórios e baixa as respostas em CSV.
SEO, domínio próprio e publicação
Na aba SEO, o construtor lista suas páginas e mostra avisos com sugestões de melhoria. O assistente de SEO com IA gera título, palavras-chave e meta descrição, e você pode ajustar tudo à mão.
Para o domínio, clique em “Conectar domínio”. O plano inclui um domínio grátis por um ano, segundo o vídeo. Escolha um nome curto e, se possível, com final .com.
Preencha os dados do titular e, importante, confirme o e-mail em até 14 dias para o domínio continuar ativo. Depois, é só clicar em “Publicar” no canto superior direito.
Quando quiser mudar algo, volte ao editor, faça o ajuste e publique de novo para atualizar o site no ar.
Perguntas frequentes
Preciso saber programar para usar o construtor com IA?
Não. A proposta desse tipo de ferramenta é justamente gerar o site a partir de uma descrição em linguagem comum. Ainda assim, entender noções básicas de textos, imagens e menus ajuda muito na hora de ajustar o resultado, porque é nessa etapa que o site ganha a aparência final.
Posso editar os textos que a IA criou?
Sim. Os textos, imagens, cores e seções geradas podem ser alterados depois, como em qualquer editor visual. Revise sempre as informações do seu negócio, como endereço, preços e contatos, porque a IA pode gerar um texto genérico que não corresponde à realidade.
Consigo usar um domínio próprio, como meu-negocio.com.br?
Em geral, sim. A maioria das hospedagens permite conectar um domínio próprio ao site. Confira na sua conta se o domínio está incluso no plano ou se precisa ser contratado à parte, e siga as instruções de configuração do painel antes de divulgar o endereço.
Esse site precisa de um blog para aparecer no Google?
Não é obrigatório, mas ajuda. Um blog com conteúdo útil e atualizado dá ao Google mais páginas para entender o assunto do seu site e cria mais oportunidades de busca. Comece com poucos artigos bem escritos, em vez de publicar muitos textos genéricos de uma vez.
Conclusão
Com o Hostinger Website Builder, o caminho vai da descrição do negócio até o site publicado, passando por blog, loja e SEO, sem escrever código.
Quer comparar com outro caminho? Leia nosso guia de como criar um site com a IA da Hostinger ou veja como criar um site no WordPress do zero.