{"id":38492,"date":"2026-03-09T14:21:03","date_gmt":"2026-03-09T17:21:03","guid":{"rendered":"https:\/\/www.locaweb.com.br\/ajuda\/?post_type=ht_kb&#038;p=38492"},"modified":"2026-03-09T14:21:03","modified_gmt":"2026-03-09T17:21:03","slug":"como-criar-um-site-criador-de-sites-com-ia","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-criar-um-site-criador-de-sites-com-ia\/","title":{"rendered":"Como criar um site &#8211; Criador de Sites com IA"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Informa\u00e7\u00e3o!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tNesse artigo, voc\u00ea aprender\u00e1 como criar um site usando a Intelig\u00eancia Artificial do Criador de Sites Locaweb.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Importante!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tO site mostrado no tutorial \u00e9 apenas um exemplo ilustrativo.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h6><span style=\"font-weight: 400;\">Como criar um site com IA?<\/span><\/h6>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Na p\u00e1gina inicial do Criador de Sites com IA, clique em \u201c<\/span><b>Criar novo site<\/b><span style=\"font-weight: 400;\">\u201d.<\/span><\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Importante!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tO processo de cria\u00e7\u00e3o \u00e9 dividido em tr\u00eas etapas: objetivo, descri\u00e7\u00e3o e personaliza\u00e7\u00e3o.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38493 size-large\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-1024x631.png\" alt=\"[Alt text: imagem da p\u00e1gina inicial destacando o bot\u00e3o para criar novo site que est\u00e1 no meio da tela.](Site - Wiki 01 - Imagem 01)\" width=\"643\" height=\"396\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-1024x631.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-300x185.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-768x473.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-50x31.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-60x37.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01-100x62.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-01.png 1274w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Na primeira etapa, escolha o tipo de p\u00e1gina que voc\u00ea quer criar (Institucional ou comercial) e digite o nome da sua empresa.<\/span><\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Dica!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tSites institucionais t\u00eam como objetivo informar sobre a empresa, seus valores, portf\u00f3lio e hist\u00f3ria. As p\u00e1ginas comerciais focam em um produto ou servi\u00e7o e s\u00e3o usadas principalmente para campanhas de venda.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38494 size-large\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-1024x723.png\" alt=\"[Alt text: Imagem da primeira etapa de cria\u00e7\u00e3o de um site. Dois ret\u00e2ngulos grandes est\u00e3o ocupando o centro da tela: um est\u00e1 com o nome de p\u00e1gina institucional e o outro com o nome de p\u00e1gina comercial. Abaixo desses elementos, est\u00e1 o campo para escrever o nome da empresa.](Site - Wiki 01 - Imagem 02)\" width=\"643\" height=\"454\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-1024x723.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-300x212.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-768x543.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-50x35.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-60x42.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02-100x71.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-02.png 1240w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Na segunda etapa, escreva uma descri\u00e7\u00e3o detalhada sobre o seu neg\u00f3cio. Isso servir\u00e1 como base para a IA criar a sua p\u00e1gina. Al\u00e9m disso, voc\u00ea pode inserir as suas redes sociais e os dados de contato, mas s\u00e3o informa\u00e7\u00f5es opcionais.<\/span><\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Importante!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tA qualidade da p\u00e1gina depender\u00e1 da sua descri\u00e7\u00e3o. Fa\u00e7a um texto de, no m\u00ednimo, 500 caracteres, descreva com detalhes o seu neg\u00f3cio, seu ramo de atua\u00e7\u00e3o, seus produtos e seu p\u00fablico-alvo. Ao final, adicione tamb\u00e9m algumas palavras-chave para incrementar as informa\u00e7\u00f5es.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38495 size-full\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03.png\" alt=\"[Alt text: Imagem da segunda etapa de cria\u00e7\u00e3o de um site. Um campo grande para digitar a descri\u00e7\u00e3o est\u00e1 na parte superior da p\u00e1gina. Os campos para digitar as redes sociais e os dados de contato est\u00e3o na \u00e1rea inferior da p\u00e1gina.](Site - Wiki 01 - Imagem 03)\" width=\"1007\" height=\"915\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03.png 1007w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03-300x273.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03-768x698.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03-50x45.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03-60x55.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-03-100x91.png 100w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Na terceira etapa, voc\u00ea poder\u00e1 escolher as cores do site e adicionar o logotipo do seu neg\u00f3cio.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Para adicionar a cor, digite o c\u00f3digo hexadecimal ou clique no \u00edcone de gota e use o conta-gotas para selecionar uma cor. Se quiser, voc\u00ea tamb\u00e9m pode acrescentar mais cores clicando em \u201c<\/span><b>Adicionar cor complementar<\/b><span style=\"font-weight: 400;\">\u201d.<\/span><\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Conhe\u00e7a!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tVoc\u00ea sabe o que \u00e9 <b>c\u00f3digo hexadecimal<\/b><span style=\"font-weight: 400;\">? \u00c9 uma sequ\u00eancia de 6 n\u00fameros e letras que representam uma cor no meio digital. Por exemplo: o azul \u00e9 representado pelo c\u00f3digo #0000ff.<\/span>    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38496 size-full\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04.png\" alt=\"[Alt text: Imagem da terceira etapa de cria\u00e7\u00e3o de um site. O lado direito da p\u00e1gina est\u00e1 em destaque, pois \u00e9 onde os campos de cor prim\u00e1ria e cores complementares est\u00e3o.](Site - Wiki 01 - Imagem 04)\" width=\"1009\" height=\"848\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04.png 1009w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04-300x252.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04-768x645.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04-50x42.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04-60x50.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-04-100x84.png 100w\" sizes=\"auto, (max-width: 1009px) 100vw, 1009px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Para adicionar um logotipo, clique no bot\u00e3o \u201c<\/span><b>Adicionar logo<\/b><span style=\"font-weight: 400;\">\u201d e selecione uma imagem do seu computador.<\/span><\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Importante!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t<span style=\"font-weight: 400;\">Os formatos de imagens aceitos pelo painel s\u00e3o <\/span><b>jpg<\/b><span style=\"font-weight: 400;\">, <\/span><b>gif<\/b><span style=\"font-weight: 400;\">, <\/span><b>heic<\/b><span style=\"font-weight: 400;\">, <\/span><b>jpeg <\/b><span style=\"font-weight: 400;\">e <\/span><b>png<\/b><span style=\"font-weight: 400;\">. Al\u00e9m disso, cada imagem deve ter no m\u00e1ximo 5MB de tamanho.<\/span>    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38497 size-full\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05.png\" alt=\"[Alt text: Imagem da terceira etapa de cria\u00e7\u00e3o de um site. O lado esquerdo da p\u00e1gina est\u00e1 em destaque, pois \u00e9 onde est\u00e1 o bot\u00e3o para adicionar uma logo.](Site - Wiki 01 - Imagem 05)\" width=\"1009\" height=\"848\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05.png 1009w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05-300x252.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05-768x645.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05-50x42.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05-60x50.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-05-100x84.png 100w\" sizes=\"auto, (max-width: 1009px) 100vw, 1009px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ao finalizar, clique em \u201c<\/span><b>Criar site<\/b><span style=\"font-weight: 400;\">\u201d.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38498 size-full\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06.png\" alt=\"[Alt text: Imagem da terceira etapa de cria\u00e7\u00e3o de um site. O bot\u00e3o para criar site est\u00e1 em destaque no fim da p\u00e1gina.](Site - Wiki 01 - Imagem 06)\" width=\"980\" height=\"840\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06.png 980w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06-300x257.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06-768x658.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06-50x43.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06-60x51.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-06-100x86.png 100w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Pronto! <\/b><span style=\"font-weight: 400;\">A Intelig\u00eancia Artificial analisar\u00e1 sua solicita\u00e7\u00e3o e criar\u00e1 o site ideal para voc\u00ea.<\/span><\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Importante!<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t<span style=\"font-weight: 400;\">Assim que o site for gerado, clique em \u201c<\/span><b>Continuar<\/b><span style=\"font-weight: 400;\">\u201d para editar o conte\u00fado e as imagens.<\/span>    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38499 size-large\" src=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-1024x663.png\" alt=\"[Alt text: Imagem da visualiza\u00e7\u00e3o do site modelado pela IA. O bot\u00e3o para continuar est\u00e1 no lado superior direito da tela.](Site - Wiki 01 - Imagem 07)\" width=\"643\" height=\"416\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-1024x663.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-300x194.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-768x497.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-50x32.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-60x39.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07-100x65.png 100w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2026\/03\/Site-Wiki-01-Imagem-07.png 1382w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como criar um site com IA? Na p\u00e1gina inicial do Criador de Sites com IA, clique em \u201cCriar novo site\u201d. Na primeira etapa, escolha o tipo de p\u00e1gina que voc\u00ea quer criar (Institucional ou comercial) e digite o nome da sua empresa. Na segunda etapa, escreva uma descri\u00e7\u00e3o detalhada sobre&#8230;<\/p>\n","protected":false},"author":30,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[667],"ht-kb-tag":[],"class_list":["post-38492","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-criador-de-sites-com-ia"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/38492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=38492"}],"version-history":[{"count":1,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/38492\/revisions"}],"predecessor-version":[{"id":38500,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/38492\/revisions\/38500"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=38492"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=38492"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=38492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}