{"id":1697,"date":"2022-12-13T12:28:08","date_gmt":"2022-12-13T12:28:08","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/13\/6611782-como-usar-o-criador-de-sites-da-hostinger\/"},"modified":"2025-08-27T06:12:29","modified_gmt":"2025-08-27T06:12:29","slug":"6611782-como-usar-o-criador-de-sites-da-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6611782-como-usar-o-criador-de-sites-da-hostinger\/","title":{"rendered":"Como Usar o Criador de Sites da Hostinger"},"content":{"rendered":"

O Criador de sites da Hostinger<\/a><\/b> é uma ferramenta perfeita para quem quer criar um site ou uma loja online sem ter habilidades especiais de programação ou design. O processo é todo baseado em personalizar um template<\/a><\/b>.<\/p>

\n

Saiba mais: Qual a diferença entre o Criador de sites da Hostinger e outros sistemas de gestão de conteúdo (SGC ou CMS)?<\/a><\/b> 💡 <\/p>\n<\/div>

Dentro do Criador de sites, há duas barras de ferramentas principais – uma no lado esquerdo e outra no topo – que incluem tudo o que você precisa para criar um site de sucesso. Vamos rever as quatro principais áreas do Criador de sites 👇 <\/p>

\n<\/p>

Editor de sites<\/h1>

Acesse o criador de sites e você verá as principais ferramentas de edição na esquerda:<\/p>

\n<\/p>

\"A<\/div>

Aqui está o que você vai encontrar nesta barra de ferramentas:<\/p>

\n\n\n\n\n\n\n\n\n\n\n
\n

ADICIONAR ELEMENTO<\/b><\/p>\n<\/td>\n

\n

No painel Adicionar elemento<\/b> à esquerda, você pode encontrar uma variedade de elementos que podem ser usados para preencher seu site<\/p>\n

\n<\/p>

Aprenda a adicionar e personalizar elementos do site<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n

\n

MENU DO SITE<\/b><\/p>\n<\/td>\n

\n

No painel Páginas e navegação<\/b> à esquerda, você pode encontrar e gerenciar todas as páginas do seu site:<\/p>\n

\n

ESTILO DO SITE<\/b><\/p>\n<\/td>\n

\n

No painel Estilos do site<\/b> à esquerda, você pode encontrar as configurações globais de estilo<\/b>:<\/p>\n

\n

BLOG<\/b><\/p>\n<\/td>\n

\n

No painel de gerenciamento do blog <\/b>à esquerda, você pode:<\/p>\n

\n

LOJA VIRTUAL<\/b><\/p>\n<\/td>\n

\n

No painel da Loja virtual <\/b>à esquerda, você pode habilitar a plataforma de e-commerce em seu site<\/p>\n

\n<\/p>

Saiba como começar a criar uma loja online<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n

\n

FERRAMENTAS DE IA<\/b><\/p>\n<\/td>\n

\n

No painel de ferramentas IA<\/b> à esquerda, você pode acessar o Criador de Logo, o Escritor IA e o Mapa de Calor IA<\/p>\n<\/td>\n<\/tr>\n

\n

ANALYTICS<\/b><\/p>\n<\/td>\n

\n

Analisar o tráfego de seu website<\/a><\/b> e adaptar seu conteúdo de forma mais eficaz para se adequar ao seu público<\/p>\n<\/td>\n<\/tr>\n

\n

MULTILÍNGUE<\/b><\/p>\n<\/td>\n

\n

No painel de idiomas multilíngue<\/b> à esquerda, você pode habilitar idiomas adicionais em seu site<\/a><\/b><\/p>\n

\n<\/p>

É recomendável adicionar mais idiomas assim que seu site estiver concluído no idioma padrão<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>

\n

Mesmo que não haja uma aba dedicada para seções na barra de ferramentas do lado esquerdo, você pode facilmente adicionar seções personalizadas<\/a><\/b> em qualquer uma de suas páginas do site 💡<\/p>\n<\/div>

\n<\/p>

Configurações do site<\/h1>

Dentro do construtor de sites, encontre as configurações do site no canto inferior esquerdo:<\/p>

\n<\/p>

\"Configurações<\/div>

Aqui, você pode gerenciar o seguinte:<\/p>

\n\n\n\n\n\n\n\n\n
\n

CONFIGURAÇÕES GERAIS<\/b><\/p>\n<\/td>\n

\n

Nas configurações gerais do site, você pode:<\/p>\n

\n

INTEGRAÇÕES<\/b><\/p>\n<\/td>\n

\n

As integrações incorporadas<\/a><\/b> incluem Google Analytics, Hotjar, Messenger Live Chat, WhatsApp e muito mais<\/p>\n

\n<\/p>

As integrações personalizadas<\/b> podem ser adicionadas de duas maneiras:<\/p>\n

\n

ANALYTICS<\/b><\/p>\n<\/td>\n

\n

Analisar o tráfego de seu website<\/a><\/b> e adaptar seu conteúdo de forma mais eficaz para se adequar ao seu público<\/p>\n<\/td>\n<\/tr>\n

\n

SEO<\/b><\/p>\n<\/td>\n

\n

SEO é um assunto muito amplo, mas aqui estão as principais ferramentas e recursos que oferecemos:<\/p>\n

\n

FORMULÁRIOS RECEBIDOS<\/b><\/p>\n<\/td>\n

\n

Essa seção das configurações do seu site é dedicada aos formulários que seus clientes enviam por meio do formulário de contato<\/a><\/b> e dos elementos do formulário de inscrição<\/a><\/b> em seu site<\/p>\n<\/td>\n<\/tr>\n

\n

BIBLIOTECA DE MÍDIAS<\/b><\/p>\n<\/td>\n

\n

Localizar os arquivos necessários e gerenciá-los mais rapidamente usando a biblioteca de mídia<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>

\n<\/p>

Editor móvel<\/h1>

Para visualizar a versão móvel do seu site, clique no ícone do telefone móvel na barra de ferramentas superior:<\/p>

\n<\/p>

\"O<\/div>

Por padrão, os elementos do site são exibidos na visualização móvel na ordem em que foram adicionados à visualização da área de trabalho<\/b>. Mesmo se você, mais tarde, reordenar os elementos na visualização da área de trabalho, essas alterações não serão aplicadas automaticamente à versão móvel. Você pode classificar os elementos na visualização móvel manualmente. Dessa forma, você pode dispor os elementos de forma diferente em visualizações de desktop e móveis.<\/p>

\n<\/p>

\n

Saiba mais: Como editar a versão móvel do seu site<\/a> 💡 <\/b><\/p>\n<\/div>

\n<\/p>

Outras opções<\/h1>

Na barra de ferramentas superior, você pode ver as seguintes opções:<\/p>

\n\n\n\n\n\n\n\n
\n

REFAZER\/DESFAZER<\/b><\/p>\n<\/td>\n

\n

Se você excluir acidentalmente um elemento ou uma seção, poderá restaurá-lo facilmente usando os botões desfazer\/refazer na barra de ferramentas superior<\/p>\n<\/td>\n<\/tr>\n

\n

SALVAR<\/b><\/p>\n<\/td>\n

\n

A maioria das alterações feitas no construtor de sites são salvas automaticamente<\/a><\/b><\/p>\n

Se alguma alteração não for salva automaticamente, você sempre verá o botão Salvar <\/b>para salvar as alterações manualmente<\/p>\n<\/td>\n<\/tr>\n

\n

VISUALIZAR (PRÉVIA DO SITE)<\/b><\/p>\n<\/td>\n

\n

Não importa se seu site já foi publicado ou ainda é um rascunho, você pode visualizá-lo<\/a> <\/b>facilmente em seu editor<\/p>\n<\/td>\n<\/tr>\n

\n

PUBLICAR SITE<\/b> (após a publicação, o botão se chama ACTUALIZAR SITE<\/b>)<\/p>\n<\/td>\n

\n

Aprenda a publicar um site<\/a><\/b><\/p>\n

\n<\/p>

Se você está animado para lançar seu site, mas ainda tem algumas páginas inacabadas, pode publicar apenas a página inicial<\/a><\/b> e ocultar o restante das páginas enquanto trabalha nelas<\/p>\n<\/td>\n<\/tr>\n

\n

ATUALIZAR E PUBLICAR O SITE<\/b><\/p>\n<\/td>\n

\n

A atualização do seu site<\/a><\/b> é necessária para visualizar as últimas alterações no seu site ao vivo<\/p>\n

\n<\/p>

Você pode editar e atualizar seu site quantas vezes quiser<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>

Agora você sabe como usar o Criador de sites da Hostinger 😊<\/p>\n","protected":false},"excerpt":{"rendered":"

Conquiste a internet usando o Criador de sites da Hostinger<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[254],"tags":[],"class_list":["post-1697","post","type-post","status-publish","format-standard","hentry","category-geral-criador-de-sites"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6611782-how-to-use-hostinger-website-builder\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6611782-como-usar-el-creador-de-sitios-web-de-hostinger\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6611782-comment-utiliser-le-createur-de-sites-web-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6611782-cara-menggunakan-website-builder-hostinger\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6611782-kaip-naudoti-hostinger-svetainiu-kurimo-iranki\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6611782-como-usar-o-criador-de-sites-da-hostinger\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1697"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1697\/revisions"}],"predecessor-version":[{"id":3367,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1697\/revisions\/3367"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}