{"id":31947,"date":"2023-02-03T16:10:27","date_gmt":"2023-02-03T19:10:27","guid":{"rendered":"\/tutoriais\/?p=31947"},"modified":"2026-09-11T21:27:43","modified_gmt":"2026-09-11T14:27:43","slug":"criar-site-com-chatgpt","status":"publish","type":"post","link":"\/br\/tutoriais\/criar-site-com-chatgpt\/","title":{"rendered":"Como criar um site com ChatGPT: passo a passo completo"},"content":{"rendered":"<p class=\"wp-block-paragraph\">O ChatGPT pode ajudar voc&ecirc; a criar um site de v&aacute;rias maneiras, desde gerar c&oacute;digo personalizado e escrever o conte&uacute;do das p&aacute;ginas at&eacute; se conectar diretamente a criadores de sites com IA que fazem todo o trabalho por voc&ecirc;.<\/p><p class=\"wp-block-paragraph\">Hoje, uma das op&ccedil;&otilde;es mais r&aacute;pidas e f&aacute;ceis para iniciantes &eacute; usar o Criador com IA da Hostinger, um criador de sites com IA dispon&iacute;vel dentro do pr&oacute;prio ChatGPT.<\/p><p class=\"wp-block-paragraph\">Basta descrever o que voc&ecirc; quer para a IA gerar um site funcional, que depois pode ser personalizado e publicado.<\/p><p class=\"wp-block-paragraph\">Veja como funciona todo o processo, do in&iacute;cio ao fim:<\/p><ol class=\"wp-block-list\">\n<li><strong>Defina o objetivo e a estrutura do site.<\/strong> Antes de escrever o primeiro prompt, determine que tipo de site voc&ecirc; quer criar, para quem ele ser&aacute; feito e quais p&aacute;ginas ser&atilde;o necess&aacute;rias.<\/li>\n\n\n\n<li><strong>Abra o GPT Criador com IA da Hostinger no ChatGPT.<\/strong> Procure o aplicativo da Hostinger no ChatGPT, conecte-o e configure seu espa&ccedil;o de trabalho.<\/li>\n\n\n\n<li><strong>Crie seu site com prompts de IA.<\/strong> Descreva o site em detalhes e deixe a IA criar a primeira vers&atilde;o. Depois, refine o resultado por meio da conversa.<\/li>\n\n\n\n<li><strong>Personalize o design.<\/strong> Ajuste cores, fontes, layout e navega&ccedil;&atilde;o at&eacute; que o site tenha a identidade que voc&ecirc; deseja.<\/li>\n\n\n\n<li><strong>Otimize o conte&uacute;do.<\/strong> Use o ChatGPT para escrever t&iacute;tulos, descri&ccedil;&otilde;es e textos de p&aacute;ginas otimizados para SEO.<\/li>\n\n\n\n<li><strong>Adicione funcionalidades e integra&ccedil;&otilde;es.<\/strong> Configure formul&aacute;rios de contato, sistemas de pagamento, ferramentas de an&aacute;lise e todos os outros recursos necess&aacute;rios.<\/li>\n\n\n\n<li><strong>Publique o site.<\/strong> Conecte seu dom&iacute;nio, fa&ccedil;a uma &uacute;ltima revis&atilde;o e coloque o site no ar.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Na pr&aacute;tica, d&aacute; para sair de uma ideia e chegar a um site publicado em menos de um dia, mesmo que voc&ecirc; nunca tenha criado um site antes.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; n&atilde;o precisa saber programar, mas precisa ter uma ideia clara do que quer. Quanto mais espec&iacute;ficos forem seus prompts, menos ajustes ser&atilde;o necess&aacute;rios ao longo do processo.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-1-defina-o-objetivo-e-os-requisitos-do-seu-site\">1. Defina o objetivo e os requisitos do seu site<\/h2><p class=\"wp-block-paragraph\">Antes de abrir o ChatGPT, dedique alguns minutos para definir o que voc&ecirc; quer alcan&ccedil;ar com o site. Esse planejamento agiliza todo o restante do processo: quanto mais claro for o plano, melhores ser&atilde;o os prompts para a IA e, consequentemente, o site gerado.<\/p><p class=\"wp-block-paragraph\">Use esta estrutura simples. Ao responder &agrave;s cinco perguntas abaixo, voc&ecirc; ter&aacute; tudo o que precisa para criar um bom primeiro prompt:<\/p><ul class=\"wp-block-list\">\n<li><strong>Que tipo de site voc&ecirc; quer criar?<\/strong> Pode ser um site empresarial, portf&oacute;lio, blog, loja virtual ou uma combina&ccedil;&atilde;o dessas op&ccedil;&otilde;es. Cada tipo exige uma estrutura diferente, e definir isso desde o in&iacute;cio ajuda a IA a escolher o layout e os recursos adequados.<\/li>\n\n\n\n<li><strong>Para quem &eacute; o site?<\/strong> Seja espec&iacute;fico. &ldquo;Donos de pequenas empresas em S&atilde;o Paulo que procuram servi&ccedil;os de contabilidade&rdquo; &eacute; muito mais &uacute;til do que &ldquo;pessoas que precisam dos meus servi&ccedil;os&rdquo;. O p&uacute;blico influencia tudo, do tom de voz &agrave; estrutura das p&aacute;ginas.<\/li>\n\n\n\n<li><strong>Quais p&aacute;ginas ser&atilde;o necess&aacute;rias?<\/strong> Fa&ccedil;a uma lista. O site de uma empresa que presta servi&ccedil;os localmente pode ter p&aacute;gina inicial, servi&ccedil;os, sobre, depoimentos, contato e blog. J&aacute; uma loja virtual tamb&eacute;m precisa de p&aacute;ginas de produtos, carrinho e finaliza&ccedil;&atilde;o da compra.<\/li>\n\n\n\n<li><strong>Qual estilo voc&ecirc; quer?<\/strong> V&aacute; al&eacute;m de termos gen&eacute;ricos como &ldquo;profissional&rdquo; ou &ldquo;moderno&rdquo; e d&ecirc; refer&ecirc;ncias concretas. &ldquo;Visual limpo e minimalista, com bastante espa&ccedil;o em branco, como o site do Nubank&rdquo; oferece uma dire&ccedil;&atilde;o muito mais clara para a IA. Se voc&ecirc; j&aacute; tem as cores da marca, informe quais s&atilde;o e re&uacute;na exemplos para incluir no prompt.<\/li>\n\n\n\n<li><strong>O que os visitantes devem fazer?<\/strong> Todo site tem uma a&ccedil;&atilde;o principal que voc&ecirc; quer incentivar, como agendar uma conversa, comprar um produto, assinar uma newsletter ou preencher um formul&aacute;rio de contato. Definir essa a&ccedil;&atilde;o ajuda a determinar onde posicionar os bot&otilde;es e como organizar o conte&uacute;do.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Se voc&ecirc; n&atilde;o sabe por onde come&ccedil;ar com aspectos como sitemap e hierarquia de conte&uacute;do, <a href=\"\/br\/tutoriais\/como-planejar-um-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">planejar um site<\/a> do zero &eacute; mais simples do que parece quando voc&ecirc; segue uma estrutura como essa.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-2-acesse-o-gpt-criador-com-ia-da-hostinger-e-configure-seu-espaco-de-trabalho\">2. Acesse o GPT Criador com IA da Hostinger e configure seu espa&ccedil;o de trabalho<\/h2><p class=\"wp-block-paragraph\">Para come&ccedil;ar a usar o GPT Criador com IA da Hostinger, bastam alguns cliques. Veja como:<\/p><p class=\"wp-block-paragraph\">Entre na sua conta do ChatGPT. A disponibilidade de integra&ccedil;&otilde;es varia de acordo com o plano, a regi&atilde;o e as configura&ccedil;&otilde;es da conta. Depois de fazer login, acesse o diret&oacute;rio de plugins, procure por <strong>Hostinger<\/strong> e conecte a integra&ccedil;&atilde;o &agrave; sua conta.<\/p><p class=\"wp-block-paragraph\">Agora, inicie uma nova conversa e marque <strong>@Hostinger<\/strong> na mensagem ou selecione a integra&ccedil;&atilde;o da Hostinger no menu. Assim, sua solicita&ccedil;&atilde;o &eacute; enviada ao Criador com IA, que gera o site com base nas suas instru&ccedil;&otilde;es.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6aaf7778a7cf2\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6aaf7778a7cf2\"><img decoding=\"async\" width=\"1024\" height=\"280\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-23ea49f5-26c9-4fa4-8d7b-4be363419dad.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Painel de conversa do ChatGPT com a marca&ccedil;&atilde;o @Hostinger\" class=\"wp-image-58789\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-23ea49f5-26c9-4fa4-8d7b-4be363419dad.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-23ea49f5-26c9-4fa4-8d7b-4be363419dad.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-23ea49f5-26c9-4fa4-8d7b-4be363419dad.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-23ea49f5-26c9-4fa4-8d7b-4be363419dad.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Quando o Criador com IA gerar seu site, ele fornecer&aacute; um link para abrir o projeto na interface da ferramenta. A partir da&iacute;, voc&ecirc; pode continuar fazendo ajustes pelo chat, visualizar o site no computador e em dispositivos m&oacute;veis e, por fim, public&aacute;-lo.<\/p><p class=\"wp-block-paragraph\">Essa &eacute; a proposta do <a href=\"\/br\/ai-builder\" target=\"_blank\" rel=\"noreferrer noopener\">vibe coding para criar sites<\/a>: voc&ecirc; descreve em linguagem natural o que quer, e a IA escreve o c&oacute;digo para voc&ecirc;.<\/p><p class=\"wp-block-paragraph\">Vale saber que essa primeira etapa no ChatGPT serve para criar novos sites. Para continuar editando um projeto existente, acesse diretamente a interface do Criador com IA e fa&ccedil;a as altera&ccedil;&otilde;es por l&aacute;.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/br\/ai-builder\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-48828\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-3-crie-seu-site-usando-prompts-de-ia\">3. Crie seu site usando prompts de IA<\/h2><p class=\"wp-block-paragraph\">Agora que voc&ecirc; j&aacute; tem um plano e est&aacute; com a ferramenta aberta, &eacute; hora de explicar para a IA o que ela deve criar.<\/p><p class=\"wp-block-paragraph\">Comece com um primeiro prompt detalhado. Re&uacute;na as respostas da primeira etapa em um prompt estruturado para criar o site. Na pr&aacute;tica, ele pode ficar assim:<\/p><p class=\"wp-block-paragraph\"><em><em>&ldquo;Crie um site para um escrit&oacute;rio de contabilidade chamado Conta Clara. P&uacute;blico-alvo: donos de pequenas empresas em S&atilde;o Paulo.<\/em> P&aacute;ginas: p&aacute;gina inicial com se&ccedil;&atilde;o principal e selos de confian&ccedil;a, p&aacute;gina de servi&ccedil;os com tr&ecirc;s faixas de pre&ccedil;o, p&aacute;gina Sobre com fotos da equipe, se&ccedil;&atilde;o de depoimentos e formul&aacute;rio de contato. Estilo: clean, confi&aacute;vel e minimalista. Paleta de cores: azul-marinho (#1B2A4A) e branco, com detalhes em dourado (#C9A84C). CTA principal: &lsquo;Agende uma consulta gratuita&rsquo;.&rdquo;<\/em><\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6aaf7778a9dc8\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6aaf7778a9dc8\"><img decoding=\"async\" width=\"1024\" height=\"397\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-05308083-6dd3-4504-8055-7155480723c7.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Prompt no ChatGPT marcando a @Hostinger com os detalhes para a cria&ccedil;&atilde;o do site\" class=\"wp-image-58797\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-05308083-6dd3-4504-8055-7155480723c7.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-05308083-6dd3-4504-8055-7155480723c7.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-05308083-6dd3-4504-8055-7155480723c7.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-05308083-6dd3-4504-8055-7155480723c7.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Esse prompt d&aacute; informa&ccedil;&otilde;es concretas para a IA trabalhar, e o resultado ser&aacute; muito melhor do que com uma solicita&ccedil;&atilde;o vaga como &ldquo;crie um site para minha empresa&rdquo;.<\/p><p class=\"wp-block-paragraph\">A qualidade do resultado gerado pela IA depende bastante de <a href=\"\/br\/tutoriais\/como-escrever-um-prompt-de-ia\/\" target=\"_blank\" rel=\"noreferrer noopener\">como voc&ecirc; escreve seus prompts<\/a>. Especifique a estrutura, inclua refer&ecirc;ncias de estilo que voc&ecirc; gosta, explique para quem &eacute; o site e informe desde o in&iacute;cio requisitos como paleta de cores e n&uacute;mero de p&aacute;ginas.<\/p><p class=\"wp-block-paragraph\">Depois de enviar o prompt, o Criador com IA analisar&aacute; a solicita&ccedil;&atilde;o e criar&aacute; o site completo, al&eacute;m de sugerir melhorias.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6aaf7778aac32\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6aaf7778aac32\"><img decoding=\"async\" width=\"1024\" height=\"733\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-8dfa7e26-5d53-4ac1-bc9b-95696059df03.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Resposta do ChatGPT com um link para pr&eacute;-visualizar o site e sugest&otilde;es de melhorias\" class=\"wp-image-58791\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-8dfa7e26-5d53-4ac1-bc9b-95696059df03.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-8dfa7e26-5d53-4ac1-bc9b-95696059df03.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-8dfa7e26-5d53-4ac1-bc9b-95696059df03.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-8dfa7e26-5d53-4ac1-bc9b-95696059df03.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Ao clicar no link de visualiza&ccedil;&atilde;o, voc&ecirc; ser&aacute; direcionado ao painel do Criador com IA da Hostinger, onde poder&aacute; continuar personalizando o site.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6aaf7778ab9ce\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6aaf7778ab9ce\"><img decoding=\"async\" width=\"1024\" height=\"487\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-0ad36510-e060-4592-8edc-84a03efbd83a.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Painel de edi&ccedil;&atilde;o no Hostinger AI Builder exibindo o painel de chat &agrave; esquerda e a pr&eacute;via do site &agrave; direita\" class=\"wp-image-58792\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-0ad36510-e060-4592-8edc-84a03efbd83a.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-0ad36510-e060-4592-8edc-84a03efbd83a.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-0ad36510-e060-4592-8edc-84a03efbd83a.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-0ad36510-e060-4592-8edc-84a03efbd83a.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-4-personalize-o-design-do-site\">4. Personalize o design do site<\/h2><p class=\"wp-block-paragraph\">Depois que a IA criar a vers&atilde;o inicial do site, ajuste os detalhes visuais. Mesmo que o primeiro resultado j&aacute; esteja bom, pequenos ajustes no design podem fazer uma grande diferen&ccedil;a e deixar o site mais profissional e bem-acabado.<\/p><p class=\"wp-block-paragraph\">Entender os fundamentos de <a href=\"\/br\/tutoriais\/ui-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">design de UI<\/a>, mesmo que apenas princ&iacute;pios como hierarquia visual, contraste e alinhamento, ajuda bastante na hora de orientar uma IA a criar o design para voc&ecirc;.<\/p><p class=\"wp-block-paragraph\">A melhor abordagem &eacute; personalizar um elemento por vez e conferir a visualiza&ccedil;&atilde;o ap&oacute;s cada altera&ccedil;&atilde;o. Estas s&atilde;o as principais &aacute;reas que merecem aten&ccedil;&atilde;o:<\/p><ul class=\"wp-block-list\">\n<li><strong>Paleta de cores.<\/strong> Experimente um prompt como: <em>&ldquo;Altere a cor principal para verde-petr&oacute;leo escuro (#1A535C), use branco-gelo (#F7FFF7) nos fundos e coral (#FF6B6B) nos bot&otilde;es e detalhes.&rdquo;<\/em> Informar os c&oacute;digos hexadecimais elimina d&uacute;vidas. Use duas ou tr&ecirc;s cores principais para manter um visual coeso.<\/li>\n\n\n\n<li><strong>Tipografia.<\/strong> Pe&ccedil;a uma combina&ccedil;&atilde;o espec&iacute;fica: <em>&ldquo;Use Inter no corpo do texto e Playfair Display nos t&iacute;tulos. Defina o corpo do texto como 16 px e os t&iacute;tulos como 36 px.&rdquo;<\/em> Uma boa tipografia pode deixar o site mais profissional e agrad&aacute;vel de navegar. Por isso, vale dedicar um ou dois prompts a esse aspecto.<\/li>\n\n\n\n<li><strong>Layout e espa&ccedil;amento.<\/strong> Se&ccedil;&otilde;es apertadas podem deixar o visual carregado. Experimente: <em>&ldquo;Adicione mais espa&ccedil;o em branco entre as se&ccedil;&otilde;es. Aumente o espa&ccedil;amento interno superior e inferior de cada se&ccedil;&atilde;o para pelo menos 80 px.&rdquo;<\/em> Esse ajuste ajuda a melhorar o layout do site e pode ser feito com um &uacute;nico prompt.<\/li>\n\n\n\n<li><strong>Navega&ccedil;&atilde;o.<\/strong> Mantenha os menus simples e organizados. Se o site tiver mais de cinco ou seis p&aacute;ginas, pe&ccedil;a para a IA agrupar os itens em menus suspensos. Confira tamb&eacute;m se a navega&ccedil;&atilde;o funciona bem em dispositivos m&oacute;veis, j&aacute; que muitos visitantes podem acessar o site pelo celular.<\/li>\n\n\n\n<li><strong>Imagens e m&iacute;dia.<\/strong> Durante a cria&ccedil;&atilde;o, voc&ecirc; pode usar imagens provis&oacute;rias. Antes de publicar, troque-as por fotos reais ou imagens de banco de boa qualidade. Se as imagens estiverem visualmente inconsistentes, use um prompt como: <em>&ldquo;Substitua todas as imagens provis&oacute;rias por fotos relevantes no estilo do Unsplash que combinem com a identidade da marca e use a mesma propor&ccedil;&atilde;o de 16:9 em todas elas.&rdquo;<\/em><\/li>\n\n\n\n<li><strong>Bot&otilde;es e chamadas para a&ccedil;&atilde;o.<\/strong> Os bot&otilde;es mais importantes precisam se destacar visualmente. Use cores contrastantes e textos claros, orientados &agrave; a&ccedil;&atilde;o, como &ldquo;Agende uma sess&atilde;o&rdquo; ou &ldquo;Comece agora&rdquo;, em vez de op&ccedil;&otilde;es vagas como &ldquo;Enviar&rdquo;.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Se alguma altera&ccedil;&atilde;o n&atilde;o funcionar ou levar o projeto para uma dire&ccedil;&atilde;o indesejada, voc&ecirc; pode voltar &agrave; vers&atilde;o anterior com apenas um clique. Esse recurso permite testar diferentes op&ccedil;&otilde;es com mais liberdade.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-5-otimize-o-conteudo-do-site-com-o-chatgpt\">5. Otimize o conte&uacute;do do site com o ChatGPT<\/h2><p class=\"wp-block-paragraph\">Um site bonito precisa de um conte&uacute;do envolvente para ajudar a transformar visitantes em clientes. &Eacute; justamente nessa etapa que o ChatGPT se destaca, pois voc&ecirc; pode us&aacute;-lo para criar e aprimorar todos os textos do site.<\/p><p class=\"wp-block-paragraph\">Comece pelos t&iacute;tulos. Eles est&atilde;o entre os primeiros elementos que os visitantes leem, ent&atilde;o precisam ser espec&iacute;ficos e atraentes. Veja a diferen&ccedil;a na pr&aacute;tica:<\/p><p class=\"wp-block-paragraph\"><strong>T&iacute;tulo fraco:<\/strong> Conhe&ccedil;a nossos servi&ccedil;os de contabilidade<\/p><p class=\"wp-block-paragraph\"><strong>T&iacute;tulo mais forte:<\/strong> Organize suas contas e tenha mais controle sobre o dinheiro da sua empresa.<\/p><p class=\"wp-block-paragraph\">O primeiro &eacute; gen&eacute;rico. O segundo aborda diretamente uma necessidade do p&uacute;blico e mostra um benef&iacute;cio claro.<\/p><p class=\"wp-block-paragraph\">Pe&ccedil;a ao ChatGPT para criar de cinco a dez op&ccedil;&otilde;es de t&iacute;tulo para cada p&aacute;gina e escolha aquelas que soarem mais naturais e espec&iacute;ficas para seu p&uacute;blico.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6aaf7778ac97e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6aaf7778ac97e\"><img decoding=\"async\" width=\"1024\" height=\"631\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d66594d9-08cb-44e5-a89c-85f82efcd2e2.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Resultados do ChatGPT mostrando 10 op&ccedil;&otilde;es de t&iacute;tulos\" class=\"wp-image-58799\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d66594d9-08cb-44e5-a89c-85f82efcd2e2.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d66594d9-08cb-44e5-a89c-85f82efcd2e2.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d66594d9-08cb-44e5-a89c-85f82efcd2e2.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d66594d9-08cb-44e5-a89c-85f82efcd2e2.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Nos textos das p&aacute;ginas, destaque os benef&iacute;cios em vez dos recursos. Em vez de &ldquo;Oferecemos suporte ao cliente 24 horas&rdquo;, experimente &ldquo;Conte com ajuda sempre que precisar, a qualquer hora do dia ou da noite&rdquo;. Esse tipo de copywriting para sites faz diferen&ccedil;a na forma como as pessoas respondem ao conte&uacute;do.<\/p><p class=\"wp-block-paragraph\">Um formato de prompt &uacute;til &eacute;: <em>&ldquo;Escreva o texto da p&aacute;gina inicial para [empresa]. P&uacute;blico-alvo: [quem]. Tom de voz: [como]. Destaque o problema que esse p&uacute;blico enfrenta e como n&oacute;s o resolvemos. Use no m&aacute;ximo 150 palavras.&rdquo;<\/em><\/p><p class=\"wp-block-paragraph\">O conte&uacute;do para SEO tamb&eacute;m &eacute; importante, mesmo em sites rec&eacute;m-criados. Para cada p&aacute;gina, pe&ccedil;a ao ChatGPT um meta title exclusivo, com menos de 60 caracteres, e uma meta description com menos de 155 caracteres, ambos incluindo a palavra-chave desejada.<\/p><p class=\"wp-block-paragraph\">Depois, pe&ccedil;a para criar textos alternativos descritivos para todas as imagens e sugerir uma se&ccedil;&atilde;o de perguntas frequentes com base nas d&uacute;vidas que as pessoas costumam pesquisar sobre seu nicho.<\/p><p class=\"wp-block-paragraph\">Uma abordagem pr&aacute;tica &eacute; informar ao ChatGPT a palavra-chave de cada p&aacute;gina e pedir que ele a incorpore naturalmente ao texto.<\/p><p class=\"wp-block-paragraph\">Por exemplo: <em>&ldquo;Reescreva esta p&aacute;gina Sobre incluindo naturalmente a express&atilde;o &lsquo;designer de UX freelancer em S&atilde;o Paulo&rsquo;, de forma fluida e natural.&rdquo;<\/em> A IA costuma fazer isso muito bem quando recebe uma orienta&ccedil;&atilde;o clara.<\/p><p class=\"wp-block-paragraph\">Tamb&eacute;m &eacute; importante entender a diferen&ccedil;a entre copywriting e produ&ccedil;&atilde;o de conte&uacute;do. A p&aacute;gina inicial e as p&aacute;ginas de servi&ccedil;os precisam de textos persuasivos que incentivem uma a&ccedil;&atilde;o, enquanto posts de blog e p&aacute;ginas de materiais precisam de conte&uacute;do informativo que fortale&ccedil;a a confian&ccedil;a e ajude no posicionamento nos mecanismos de busca. O ChatGPT funciona bem nos dois casos quando recebe os prompts certos.<\/p><p class=\"wp-block-paragraph\">Uma regra importante &eacute; revisar a primeira vers&atilde;o antes de publicar. Leia tudo em voz alta, ajuste o texto ao seu tom de voz e corte trechos que n&atilde;o acrescentem informa&ccedil;&atilde;o. A produ&ccedil;&atilde;o de conte&uacute;do com IA &eacute; um &oacute;timo ponto de partida, e a revis&atilde;o humana ajuda a deixar o texto mais natural e aut&ecirc;ntico.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-6-adicione-funcionalidades-e-integracoes-ao-site\">6. Adicione funcionalidades e integra&ccedil;&otilde;es ao site<\/h2><p class=\"wp-block-paragraph\">Dependendo do objetivo do site, vale adicionar recursos que ajudem os visitantes a realizar a&ccedil;&otilde;es e permitam acompanhar os resultados. Voc&ecirc; pode fazer isso pelo ChatGPT ou pelo Criador com IA da Hostinger. Nos dois casos, basta descrever o que precisa.<\/p><p class=\"wp-block-paragraph\"><strong>Formul&aacute;rios de contato<\/strong> s&atilde;o &uacute;teis para praticamente qualquer site que precise receber mensagens ou gerar contatos. Em vez de pedir apenas &ldquo;um formul&aacute;rio de contato&rdquo;, especifique os campos necess&aacute;rios. Um prompt como este gera um resultado muito mais &uacute;til:<\/p><p class=\"wp-block-paragraph\"><em>&ldquo;Adicione um formul&aacute;rio de contato no final da p&aacute;gina inicial com campos para nome, e-mail, telefone e mensagem. Inclua um menu suspenso com a pergunta &lsquo;Como voc&ecirc; conheceu nossa empresa?&rsquo; e as op&ccedil;&otilde;es Google, redes sociais, indica&ccedil;&atilde;o e outros.&rdquo;<\/em><\/p><p class=\"wp-block-paragraph\">Depois de criar o formul&aacute;rio, teste-o para confirmar que as mensagens realmente chegam &agrave; sua caixa de entrada.<\/p><p class=\"wp-block-paragraph\"><strong>Recursos de e-commerce<\/strong> j&aacute; v&ecirc;m integrados ao Criador com IA da Hostinger no plano Starter ou superior. Voc&ecirc; pode configurar listagens de produtos, processamento de pagamentos pelo Stripe, zonas de entrega, impostos e cupons de desconto. Para come&ccedil;ar, experimente algo como:<\/p><p class=\"wp-block-paragraph\"><em>&ldquo;Adicione uma se&ccedil;&atilde;o de loja virtual com seis cards de produtos. Cada card deve exibir a imagem, o nome e o pre&ccedil;o do produto, al&eacute;m de um bot&atilde;o &lsquo;Adicionar ao carrinho&rsquo;. Inclua uma barra lateral com o carrinho de compras e uma p&aacute;gina de finaliza&ccedil;&atilde;o da compra integrada ao Stripe.&rdquo;<\/em><\/p><p class=\"wp-block-paragraph\">Para quem vende produtos ou servi&ccedil;os, isso pode economizar bastante tempo em compara&ccedil;&atilde;o com a configura&ccedil;&atilde;o de uma plataforma de e-commerce separada.<\/p><p class=\"wp-block-paragraph\"><strong>Sistemas de agendamento<\/strong> funcionam bem para empresas que prestam servi&ccedil;os. Voc&ecirc; pode usar um prompt como:<\/p><p class=\"wp-block-paragraph\"><em>&ldquo;Crie uma p&aacute;gina de agendamento em que os clientes possam selecionar o tipo de servi&ccedil;o em um menu suspenso, escolher uma data no calend&aacute;rio e definir um hor&aacute;rio de 30 ou 60 minutos. Exiba uma tela de confirma&ccedil;&atilde;o ap&oacute;s o agendamento.&rdquo;<\/em><\/p><p class=\"wp-block-paragraph\"><strong>Integra&ccedil;&otilde;es com outras ferramentas<\/strong> ampliam as possibilidades do site. O Criador com IA da Hostinger funciona com ferramentas como Mailchimp para e-mail marketing, Zapier para automatizar fluxos de trabalho e Google AdSense para monetiza&ccedil;&atilde;o. Descreva o que voc&ecirc; quer conectar, e a IA orientar&aacute; voc&ecirc; durante a configura&ccedil;&atilde;o.<\/p><p class=\"wp-block-paragraph\"><strong>Ferramentas de an&aacute;lise do site<\/strong> tamb&eacute;m s&atilde;o importantes para tomar decis&otilde;es melhores sobre o que precisa ser aprimorado. Pe&ccedil;a ao Criador com IA da Hostinger para adicionar o c&oacute;digo de acompanhamento do Google Analytics ou solicite um painel de an&aacute;lise simples e integrado. Assim, voc&ecirc; pode acompanhar como os visitantes encontram seu site e quais p&aacute;ginas recebem mais aten&ccedil;&atilde;o.<\/p><p class=\"wp-block-paragraph\">Antes de continuar, teste tudo com aten&ccedil;&atilde;o. Clique em todos os bot&otilde;es, preencha todos os formul&aacute;rios e confira todos os links. Fa&ccedil;a testes no celular, em um tablet e em navegadores diferentes. Fazer esses testes antes da publica&ccedil;&atilde;o facilita bastante os ajustes finais.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-7-publique-e-hospede-seu-site\">7. Publique e hospede seu site<\/h2><p class=\"wp-block-paragraph\">Voc&ecirc; criou o site, personalizou o visual, adicionou um &oacute;timo conte&uacute;do e testou todos os recursos. Agora &eacute; hora de coloc&aacute;-lo na internet.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; j&aacute; tem um dom&iacute;nio, pode conect&aacute;-lo ao projeto do Criador com IA da Hostinger pelo hPanel. Caso ainda n&atilde;o tenha, todos os planos da Hostinger incluem um dom&iacute;nio gr&aacute;tis no primeiro ano.<\/p><p class=\"wp-block-paragraph\">Ao <a href=\"\/br\/tutoriais\/como-escolher-um-dominio\/\" target=\"_blank\" rel=\"noreferrer noopener\">escolher um nome de dom&iacute;nio<\/a>, prefira algo curto, f&aacute;cil de lembrar e relevante para sua marca.<\/p><p>\n\n\n    <div class=\"domain-checker\">\n        <h3 class=\"domain-checker__heading\">Ferramenta de Pesquisa de Dom\u00ednio<\/h3>\n        <p class=\"domain-checker__description\">Descubra se um nome de dom\u00ednio est\u00e1 dispon\u00edvel<\/p>\n        <form id=\"domain-checker-form\" class=\"domain-checker__form\" action=\"\/registro-de-dominio\">\n           <div class=\"domain-checker__icon\">\n               <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                   <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.3224 16.7375C13.9306 17.8263 12.1782 18.4752 10.2742 18.4752C5.74548 18.4752 2.07422 14.8039 2.07422 10.2752C2.07422 5.74646 5.74548 2.0752 10.2742 2.0752C14.803 2.0752 18.4742 5.74646 18.4742 10.2752C18.4742 12.1792 17.8253 13.9316 16.7366 15.3233L21.631 20.2179C22.0216 20.6084 22.0216 21.2416 21.631 21.6321C21.2405 22.0226 20.6073 22.0226 20.2168 21.6321L15.3224 16.7375ZM16.4742 10.2752C16.4742 13.6994 13.6984 16.4752 10.2742 16.4752C6.85005 16.4752 4.07422 13.6994 4.07422 10.2752C4.07422 6.85103 6.85005 4.0752 10.2742 4.0752C13.6984 4.0752 16.4742 6.85103 16.4742 10.2752Z\" fill=\"#1D1E20\"\/>\n               <\/svg>\n           <\/div>\n            <input\n                    class=\"domain-checker__input\"\n                    name=\"domain\" type=\"text\"\n                    aria-label=\"Digite o dom\u00ednio desejado\"\n                    placeholder=\"Digite o dom\u00ednio desejado\"\n                    value=\"\"\n            \/>\n            <input id=\"domain-submit\"\n                   type=\"submit\"\n                   value=\"Pesquisar\"\n                   class=\"domain-checker__button\"\/>\n        <\/form>\n    <\/div>\n\n\n\n\n\n<\/p><p class=\"wp-block-paragraph\">No Criador com IA da Hostinger, a hospedagem j&aacute; est&aacute; inclu&iacute;da. Assim, toda a infraestrutura t&eacute;cnica fica concentrada na mesma plataforma. Ao publicar, o site entra no ar imediatamente.<\/p><p class=\"wp-block-paragraph\">Antes disso, reserve cinco minutos para conferir se os meta titles e as meta descriptions est&atilde;o configurados, se o dom&iacute;nio est&aacute; conectado e se o &iacute;cone de cadeado aparece no navegador, confirmando que os certificados SSL est&atilde;o ativos.<\/p><p class=\"wp-block-paragraph\">Se puder, pe&ccedil;a para outra pessoa revisar o site. Um olhar novo costuma encontrar detalhes que passam despercebidos depois de muito tempo trabalhando nas mesmas p&aacute;ginas.<\/p><p class=\"wp-block-paragraph\">Quando estiver tudo certo, publique. Depois que o site estiver no ar, voc&ecirc; poder&aacute; continuar fazendo altera&ccedil;&otilde;es e ajustes pela interface do Criador com IA sempre que quiser. As atualiza&ccedil;&otilde;es s&atilde;o publicadas diretamente pela plataforma, o que simplifica o processo de colocar as mudan&ccedil;as online.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-beneficios-de-usar-o-gpt-com-o-criador-com-ia-da-hostinger-ai-para-criar-sites\">Benef&iacute;cios de usar o GPT com o Criador com IA da Hostinger AI para criar sites<\/h2><p class=\"wp-block-paragraph\">As principais vantagens de usar o GPT com o Criador com IA da Hostinger s&atilde;o a rapidez, a simplicidade e o custo. Veja o que isso significa na pr&aacute;tica:<\/p><p class=\"wp-block-paragraph\"><strong>Cria&ccedil;&atilde;o mais r&aacute;pida.<\/strong> Um trabalho que poderia levar dias ou semanas de desenvolvimento pode ser conclu&iacute;do em poucas horas, dependendo da complexidade do site. Como a IA ajuda no design e na gera&ccedil;&atilde;o de c&oacute;digo, voc&ecirc; reduz a troca de informa&ccedil;&otilde;es entre designers, desenvolvedores e redatores.<\/p><p class=\"wp-block-paragraph\"><strong>F&aacute;cil de usar, mesmo para iniciantes.<\/strong> Voc&ecirc; n&atilde;o precisa entender HTML, CSS, JavaScript nem nenhuma outra linguagem de programa&ccedil;&atilde;o. Se voc&ecirc; consegue descrever o que quer em linguagem natural, j&aacute; pode come&ccedil;ar a criar um site.<\/p><p class=\"wp-block-paragraph\">A interface de conversa torna o processo mais intuitivo, especialmente por funcionar dentro do ChatGPT, uma ferramenta j&aacute; familiar para muitos usu&aacute;rios.<\/p><p class=\"wp-block-paragraph\"><strong>Bom custo-benef&iacute;cio.<\/strong> Contratar um desenvolvedor para criar um site personalizado pode custar de alguns milhares a dezenas de milhares de reais, dependendo da complexidade do projeto. J&aacute; os planos do Criador com IA da Hostinger a partir de R$ 58,99\/m&ecirc;s e incluem hospedagem, SSL, CDN e endere&ccedil;o de e-mail profissional.<\/p><p class=\"wp-block-paragraph\">Assim, a ferramenta pode oferecer um custo inicial mais acess&iacute;vel para criar um site com apar&ecirc;ncia profissional.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/br\/ai-builder\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-48828\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\"><strong><strong>E-commerce e integra&ccedil;&otilde;es j&aacute; inclu&iacute;dos.<\/strong><\/strong> Al&eacute;m dos recursos de cria&ccedil;&atilde;o visual, o Criador com IA da Hostinger inclui uma estrutura de e-commerce, com gerenciamento de produtos, processamento de pagamentos, envio e cupons de desconto.<\/p><p class=\"wp-block-paragraph\">A ferramenta tamb&eacute;m se integra ao Supabase para bancos de dados, ao Stripe para pagamentos e ao Zapier para automa&ccedil;&atilde;o. Assim, voc&ecirc; pode manter diferentes recursos do site integrados &agrave; mesma solu&ccedil;&atilde;o conforme o projeto cresce.<\/p><p class=\"wp-block-paragraph\"><strong>SEO automatizado.<\/strong> O Criador com IA gera automaticamente sitemaps, arquivos robots.txt, meta tags, tags Open Graph e at&eacute; um arquivo llms.txt, que ajuda mecanismos de busca com IA a entender seu site.<\/p><p class=\"wp-block-paragraph\"><strong>Tudo em um s&oacute; lugar.<\/strong> Hospedagem, dom&iacute;nio, e-mail, SSL, criador de sites e ferramentas de IA ficam reunidos na mesma plataforma. Isso facilita o gerenciamento de todos esses recursos em um s&oacute; ambiente.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-erros-comuns-ao-criar-um-site-com-o-chatgpt\">Erros comuns ao criar um site com o ChatGPT<\/h2><p class=\"wp-block-paragraph\">Os erros mais comuns geralmente acontecem por pressa: tentar colocar informa&ccedil;&otilde;es demais em um &uacute;nico prompt, n&atilde;o conferir a vers&atilde;o para dispositivos m&oacute;veis, deixar o SEO de lado e publicar conte&uacute;do gerado por IA sem revis&aacute;-lo.<\/p><p class=\"wp-block-paragraph\"><strong>Tentar criar tudo em um &uacute;nico prompt.<\/strong> Pode ser tentador descrever o site inteiro em uma mensagem enorme, mas dividir as instru&ccedil;&otilde;es em etapas ajuda a IA a dar mais aten&ccedil;&atilde;o a cada detalhe.<\/p><p class=\"wp-block-paragraph\">Divida a cria&ccedil;&atilde;o em etapas: primeiro a estrutura, depois o design, o conte&uacute;do e, por &uacute;ltimo, as funcionalidades. Assim, voc&ecirc; consegue resultados melhores e gasta menos cr&eacute;ditos corrigindo problemas.<\/p><p class=\"wp-block-paragraph\"><strong>N&atilde;o conferir a visualiza&ccedil;&atilde;o para dispositivos m&oacute;veis entre as altera&ccedil;&otilde;es.<\/strong> O Criador com IA da Hostinger gera layouts responsivos por padr&atilde;o, ent&atilde;o o site j&aacute; nasce adaptado a diferentes tamanhos de tela. Ainda assim, o espa&ccedil;amento pode ficar apertado, o texto pode quebrar em pontos estranhos e se&ccedil;&otilde;es com v&aacute;rias colunas podem parecer espremidas em telas menores. Uma r&aacute;pida conferida na vers&atilde;o m&oacute;vel a cada poucos prompts ajuda a manter o resultado bem-acabado.<\/p><p class=\"wp-block-paragraph\"><strong>Ignorar o SEO.<\/strong> N&atilde;o se esque&ccedil;a de criar meta titles, meta descriptions e textos alternativos exclusivos para as imagens. Use as palavras-chave naturalmente no conte&uacute;do. Se voc&ecirc; quer ganhar visibilidade nos resultados de busca, vale otimizar o site desde o in&iacute;cio.<\/p><p class=\"wp-block-paragraph\"><strong>Confiar cegamente na IA.<\/strong> O conte&uacute;do gerado por IA &eacute; um &oacute;timo ponto de partida, mas ainda precisa de revis&atilde;o humana. Leia todas as p&aacute;ginas com aten&ccedil;&atilde;o. Confira a precis&atilde;o das informa&ccedil;&otilde;es, procure constru&ccedil;&otilde;es estranhas e verifique se o tom de voz &eacute; consistente. O conte&uacute;do precisa representar voc&ecirc; e sua marca e manter um tom pr&oacute;prio, em vez de soar como um texto gen&eacute;rico de IA.<\/p><p class=\"wp-block-paragraph\"><strong>Exagerar nos elementos visuais.<\/strong> Um design mais simples costuma facilitar a navega&ccedil;&atilde;o e destacar o que realmente importa. Layouts carregados, com cores, fontes, anima&ccedil;&otilde;es e elementos demais disputando aten&ccedil;&atilde;o, podem confundir os visitantes. Prefira um design limpo e objetivo, com hierarquia visual clara e navega&ccedil;&atilde;o intuitiva.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-quais-sao-as-outras-formas-de-criar-um-site-com-o-chatgpt\">Quais s&atilde;o as outras formas de criar um site com o ChatGPT?<\/h2><p class=\"wp-block-paragraph\">O Criador com IA oferece o caminho mais direto entre o ChatGPT e um site publicado, mas n&atilde;o &eacute; a &uacute;nica maneira de usar o ChatGPT para desenvolvimento web.<\/p><p class=\"wp-block-paragraph\"><strong>Gera&ccedil;&atilde;o de c&oacute;digo personalizado<\/strong> &eacute; uma &oacute;tima op&ccedil;&atilde;o para quem j&aacute; tem algum conhecimento t&eacute;cnico ou quer aprender. Voc&ecirc; pode pedir ao ChatGPT para escrever um site completo em HTML, CSS e JavaScript a partir de um &uacute;nico prompt e depois copiar o c&oacute;digo para seu pr&oacute;prio ambiente de hospedagem.<\/p><p class=\"wp-block-paragraph\">Por exemplo: <em>&ldquo;Crie um site responsivo de p&aacute;gina &uacute;nica em HTML para uma cafeteria, com barra de navega&ccedil;&atilde;o fixa, se&ccedil;&atilde;o principal com imagem, grade para o card&aacute;pio e um mapa do Google Maps incorporado ao rodap&eacute;. Use CSS moderno com flexbox e uma paleta de cores quentes.&rdquo;<\/em><\/p><p class=\"wp-block-paragraph\">Voc&ecirc; receber&aacute; um c&oacute;digo completo e funcional, que poder&aacute; personalizar e hospedar onde quiser.<\/p><p class=\"wp-block-paragraph\"><strong>Fluxos de trabalho com ChatGPT e WordPress<\/strong> s&atilde;o uma op&ccedil;&atilde;o intermedi&aacute;ria. Atualmente, os recursos de escrita e programa&ccedil;&atilde;o ficam dispon&iacute;veis diretamente nas respostas do ChatGPT, por meio de blocos de texto e c&oacute;digo, que podem ajudar em ajustes r&aacute;pidos em landing pages e p&aacute;ginas de eventos.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6aaf7778ae9dd\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6aaf7778ae9dd\"><img decoding=\"async\" width=\"1024\" height=\"613\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d642e6fb-8357-4502-a0ad-ba6758a98f0c.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Painel do ChatGPT mostrando como acessar o Canvas\" class=\"wp-image-58794\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d642e6fb-8357-4502-a0ad-ba6758a98f0c.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d642e6fb-8357-4502-a0ad-ba6758a98f0c.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d642e6fb-8357-4502-a0ad-ba6758a98f0c.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/fi-d642e6fb-8357-4502-a0ad-ba6758a98f0c.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Para quem usa WordPress, o ChatGPT &eacute; excelente para gerar c&oacute;digo personalizado para temas, escrever fun&ccedil;&otilde;es PHP e criar templates do WooCommerce. Ele n&atilde;o cuida da hospedagem, mas agiliza bastante o trabalho de desenvolvimento.<\/p><p class=\"wp-block-paragraph\"><strong>Criadores com recurso de arrastar e soltar<\/strong>, como o Criador de Sites da Hostinger, funcionam muito bem em conjunto com o ChatGPT para produzir conte&uacute;do. Voc&ecirc; monta o layout visual no criador, enquanto o ChatGPT escreve os textos das p&aacute;ginas, posts de blog, descri&ccedil;&otilde;es de produtos e se&ccedil;&otilde;es de perguntas frequentes.<\/p><p class=\"wp-block-paragraph\">Se o seu objetivo for criar apenas uma p&aacute;gina com foco em convers&atilde;o, e n&atilde;o um site completo, nosso guia sobre como criar uma landing page com o ChatGPT mostra o passo a passo espec&iacute;fico para esse caso.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-como-usar-o-chatgpt-para-ganhar-dinheiro-alem-de-criar-um-site\">Como usar o ChatGPT para ganhar dinheiro al&eacute;m de criar um site?<\/h2><p class=\"wp-block-paragraph\">Existem dezenas de maneiras de <a href=\"\/br\/tutoriais\/como-ganhar-dinheiro-com-chatgpt\/\" target=\"_blank\" rel=\"noreferrer noopener\">ganhar dinheiro com o ChatGPT<\/a>, e a maioria fica mais f&aacute;cil quando voc&ecirc; j&aacute; tem um site como base.<\/p><p class=\"wp-block-paragraph\"><strong>Servi&ccedil;os como freelancer<\/strong> s&atilde;o o caminho mais direto. Produ&ccedil;&atilde;o de conte&uacute;do, copywriting, gerenciamento de redes sociais e consultoria de SEO podem se tornar mais lucrativos quando voc&ecirc; consegue entregar trabalhos de melhor qualidade em menos tempo.<\/p><p class=\"wp-block-paragraph\">Uma boa estrat&eacute;gia &eacute; usar a IA nos primeiros rascunhos e na pesquisa enquanto voc&ecirc; se concentra na estrat&eacute;gia, na comunica&ccedil;&atilde;o com os clientes e no controle de qualidade.<\/p><p class=\"wp-block-paragraph\"><strong>Produtos digitais<\/strong> s&atilde;o outra boa op&ccedil;&atilde;o. Voc&ecirc; pode criar e vender ebooks, cursos online, templates, materiais para impress&atilde;o, pain&eacute;is do Notion ou pacotes de designs do Canva.<\/p><p class=\"wp-block-paragraph\">O ChatGPT ajuda a estruturar e escrever esses materiais e at&eacute; a criar os textos de marketing. Combine isso com um site criado pelo processo acima e voc&ecirc; ter&aacute; um funil de vendas completo.<\/p><p class=\"wp-block-paragraph\"><strong>Sites de nicho<\/strong> combinam as habilidades de cria&ccedil;&atilde;o de sites e produ&ccedil;&atilde;o de conte&uacute;do. Crie um site sobre um tema espec&iacute;fico, publique conte&uacute;do &uacute;til regularmente, use o ChatGPT para agilizar a produ&ccedil;&atilde;o e monetize com marketing de afiliados, an&uacute;ncios ou produtos pr&oacute;prios.<\/p><p class=\"wp-block-paragraph\">Alguns criadores montam portf&oacute;lios de pequenos sites de nicho para gerar diferentes fontes de receita, que podem variar bastante de acordo com tr&aacute;fego, monetiza&ccedil;&atilde;o e mercado.<\/p><p class=\"wp-block-paragraph\"><strong>Consultoria de IA<\/strong> &eacute; uma &aacute;rea em crescimento. &Agrave; medida que as empresas descobrem como incorporar a IA aos pr&oacute;prios fluxos de trabalho, aumenta a procura por profissionais que entendem ferramentas como o ChatGPT.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; pode come&ccedil;ar mesmo sem ser desenvolvedor. Saber criar bons prompts e entender os processos do cliente j&aacute; ajuda bastante. Ajudar pequenas empresas a configurar o ChatGPT para atendimento ao cliente, cria&ccedil;&atilde;o de conte&uacute;do ou processos internos &eacute; um servi&ccedil;o pelo qual voc&ecirc; pode cobrar.<\/p><p class=\"wp-block-paragraph\">Todos esses caminhos come&ccedil;am da mesma forma: colocando sua ideia no ar. Com as ferramentas certas, voc&ecirc; pode dar os primeiros passos em poucas horas e evoluir o projeto aos poucos.<\/p><p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O ChatGPT pode ajudar voc&ecirc; a criar um site de v&aacute;rias maneiras, desde gerar c&oacute;digo personalizado e escrever o conte&uacute;do das p&aacute;ginas at&eacute; se conectar diretamente a criadores de sites com IA que fazem todo o trabalho por voc&ecirc;. Hoje, uma das op&ccedil;&otilde;es mais r&aacute;pidas e f&aacute;ceis para iniciantes &eacute; usar o Criador com IA [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/criar-site-com-chatgpt\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":433,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como criar um site com ChatGPT: passo a passo","rank_math_description":"Veja como criar um site com ChatGPT usando o Criador com IA. Transforme uma ideia em um site publicado sem precisar programar.","rank_math_focus_keyword":"criar site com chatgpt","footnotes":""},"categories":[8033,8026],"tags":[7468,6053,5293],"class_list":["post-31947","post","type-post","status-publish","format-standard","hentry","category-website-ai","category-sites","tag-chatgpt","tag-desenvolvimento-web","tag-inteligencia-artificial"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/build-website-with-chatgpt","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/criar-site-com-chatgpt","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-un-site-web-avec-chatgpt\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/crear-una-pagina-web-con-chatgpt\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-website-dengan-chatgpt\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/website-mit-chatgpt-erstellen\/","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/sito-chat-gpt\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/build-website-with-chatgpt\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/crear-una-pagina-web-con-chatgpt\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/crear-una-pagina-web-con-chatgpt\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/crear-una-pagina-web-con-chatgpt\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/criar-site-com-chatgpt","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/31947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/433"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=31947"}],"version-history":[{"count":20,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/31947\/revisions"}],"predecessor-version":[{"id":58800,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/31947\/revisions\/58800"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=31947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=31947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=31947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}