{"id":44727,"date":"2024-07-01T17:42:40","date_gmt":"2024-07-01T20:42:40","guid":{"rendered":"\/tutoriais\/?p=44727"},"modified":"2025-12-18T11:36:09","modified_gmt":"2025-12-18T14:36:09","slug":"como-criar-um-site-no-celular","status":"publish","type":"post","link":"\/br\/tutoriais\/como-criar-um-site-no-celular","title":{"rendered":"Como criar um site no celular usando o editor mobile da Hostinger"},"content":{"rendered":"<p>Se voc&ecirc; quer criar um site no celular, o editor mobile da Hostinger &eacute; exatamente o que voc&ecirc; precisa. Nosso editor de sites funciona direto no seu navegador mobile e simplifica o processo de desenvolvimento web, permitindo que voc&ecirc;&nbsp;<strong>construa sites responsivos para dispositivos m&oacute;veis<\/strong>&nbsp;diretamente do seu smartphone, tablet ou outro dispositivo.<\/p><p>Nos par&aacute;grafos abaixo, n&oacute;s vamos explicar o que &eacute; um editor m&oacute;vel e como voc&ecirc; pode us&aacute;-lo efetivamente. Mostraremos como aproveitar o editor m&oacute;vel do Criador de Sites da Hostinger e dar dicas para construir um&nbsp;<strong>site amig&aacute;vel para dispositivos m&oacute;veis<\/strong>&nbsp;com sucesso. Vamos l&aacute;?<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-website-in-9-easy-steps-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/public\" alt=\"\" class=\"wp-image-30342\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><p><\/p><p>\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">O que &eacute; um Editor Mobile?<\/h2>\n                    <p>Um editor mobile (ou editor m&oacute;vel) &eacute; um criador de sites especializado que permite criar e gerenciar um site no seu smartphone ou tablet.<\/p>\n                <\/div>\n\n\n\n<\/p><p>Tradicionalmente, os editores mobile tinham funcionalidade limitada. Por isso, a maioria dos usu&aacute;rios preferia fazer a cria&ccedil;&atilde;o e edi&ccedil;&atilde;o dos seus sites em um computador em vez de um celular.<\/p><p>No entanto, o editor m&oacute;vel do Criador de Sites da Hostinger chegou para mudar isso, pois ele &eacute; projetado para simplicidade e conveni&ecirc;ncia em qualquer tela. Considerado um dos&nbsp;melhores criadores de sites para dispositivos m&oacute;veis, nosso editor elimina totalmente a necessidade de um computador tradicional. Dessa forma, voc&ecirc; pode criar sites profissionais em qualquer lugar, diretamente do seu dispositivo m&oacute;vel.<\/p><h2 class=\"wp-block-heading\" id=\"h-recursos-do-editor-mobile-da-hostinger\"><strong>Recursos do Editor Mobile da Hostinger<\/strong><\/h2><p>A possibilidade de criar sites no smartphone torna o desenvolvimento web acess&iacute;vel a qualquer pessoa, independentemente de sua experi&ecirc;ncia ou n&iacute;vel de conhecimento em programa&ccedil;&atilde;o.<\/p><p>O editor mobile do Criador de Sites da Hostinger possui muitos recursos que simplificam o processo de criar um site ou loja online no celular, tais como:<\/p><ul class=\"wp-block-list\">\n<li><strong>Menu de edi&ccedil;&atilde;o lateral<\/strong>. Acesse todas as funcionalidades de edi&ccedil;&atilde;o a partir de um menu lateral sem sair da p&aacute;gina ou alternar janelas ou abas. Isso simplifica o processo de cria&ccedil;&atilde;o de site no smartphone.<\/li>\n\n\n\n<li><strong>Interface de arrastar e soltar<\/strong>&nbsp;. A interface intuitiva permite que voc&ecirc; mova, redimensione e edite elementos do site livremente, simplificando a gest&atilde;o geral do site nos dispositivos m&oacute;veis.<\/li>\n\n\n\n<li><strong>Edi&ccedil;&atilde;o direta na p&aacute;gina<\/strong>&nbsp;. Adicione caixas de texto, bot&otilde;es, imagens e v&iacute;deos ao seu site. Essa funcionalidade &eacute; particularmente &uacute;til para quem tem habilidades t&eacute;cnicas limitadas.<\/li>\n\n\n\n<li><strong>Personaliza&ccedil;&atilde;o<\/strong>&nbsp;O editor do site oferece v&aacute;rias op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o, desde&nbsp;paletas de cores&nbsp;e fontes at&eacute; bot&otilde;es e anima&ccedil;&otilde;es. Esses recursos garantem que o seu site mobile se destaque perante a concorr&ecirc;ncia<\/li>\n\n\n\n<li><strong>Gerenciamento de navega&ccedil;&atilde;o<\/strong>. Este recurso permite que voc&ecirc; gerencie facilmente a navega&ccedil;&atilde;o do seu site. Voc&ecirc; pode adicionar ou remover p&aacute;ginas, criar menus suspensos e at&eacute; adicionar links para seus perfis de redes sociais.<\/li>\n\n\n\n<li><strong>Escritor de IA<\/strong>. Melhore a&nbsp;<a href=\"\/br\/tutoriais\/o-que-e-seo\"><strong>otimiza&ccedil;&atilde;o para mecanismos de busca (SEO)<\/strong><\/a>&nbsp;do seu site com conte&uacute;do amig&aacute;vel e &uacute;nico alimentado por IA.<\/li>\n\n\n\n<li><strong>Estat&iacute;sticas<\/strong>. Nosso editor m&oacute;vel possui ferramentas de an&aacute;lise integradas, que ajudam voc&ecirc; a checar estat&iacute;sticas de tr&aacute;fego e identificar tend&ecirc;ncias diretamente do seu celular.<\/li>\n<\/ul><figure class=\"wp-block-image size-large\"><a href=\"\/br\/criador-de-sites\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-32917\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-como-criar-um-site-no-celular-usando-o-editor-mobile-da-hostinger-0\"><strong>Como Criar um Site no Celular Usando o Editor Mobile da Hostinger<\/strong><\/h2><p>Criar um site com seu celular &eacute; muito simples simples com o editor m&oacute;vel do Criador de Sites da Hostinger. Vamos passar pelo processo em oito passos f&aacute;ceis:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-faca-login-no-hpanel\"><strong>1. Fa&ccedil;a Login no hPanel<\/strong><\/h3><p>Para come&ccedil;ar a criar seu site no smartphone, fa&ccedil;a login no&nbsp;<a href=\"\/br\/tutoriais\/hpanel\"><strong>hPanel<\/strong><\/a>.<\/p><p>Se voc&ecirc; ainda n&atilde;o &eacute; cliente Hostinger, adquira qualquer um dos nossos&nbsp;<a href=\"\/br\/hospedagem-de-sites\"><strong>planos de hospedagem de sites<\/strong><\/a>&nbsp;ou&nbsp;<a href=\"\/br\/hospedagem-cloud\"><strong>planos de hospedagem Cloud<\/strong><\/a>&nbsp;para come&ccedil;ar. Em seguida, siga esses passos:<\/p><ol class=\"wp-block-list\">\n<li>Toque no bot&atilde;o de tr&ecirc;s linhas no canto superior direito e selecione&nbsp;<strong>Sites<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/2-Mobile-Editor_mobile-hpanel-menu-websites-highlighted-scaled-1.jpeg\/public\" alt=\"editor mobile da hostinger com o menu do hpanel em destaque\" class=\"wp-image-44729\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/2-Mobile-Editor_mobile-hpanel-menu-websites-highlighted-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/2-Mobile-Editor_mobile-hpanel-menu-websites-highlighted-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/2-Mobile-Editor_mobile-hpanel-menu-websites-highlighted-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/2-Mobile-Editor_mobile-hpanel-menu-websites-highlighted-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Selecione o site em que voc&ecirc; deseja trabalhar. Para editar um site constru&iacute;do com o Criador de Sites da Hostinger, clique em&nbsp;<strong>Editar Site<\/strong>&nbsp;abaixo do nome do dom&iacute;nio.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/3-Mobile-Editor_mobile-hpanel-websites-editwebsite-highlighted-scaled-1.jpeg\/public\" alt=\"hpanel da hostinger em dispositivo m&oacute;vel\" class=\"wp-image-44730\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/3-Mobile-Editor_mobile-hpanel-websites-editwebsite-highlighted-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/3-Mobile-Editor_mobile-hpanel-websites-editwebsite-highlighted-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/3-Mobile-Editor_mobile-hpanel-websites-editwebsite-highlighted-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/3-Mobile-Editor_mobile-hpanel-websites-editwebsite-highlighted-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Se voc&ecirc; ainda n&atilde;o tem um site, toque em&nbsp;<strong>Criar ou migrar um site<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/4-Mobile-Editor_mobile-hpanel-websites-createormigrateawebsite-highlighted-scaled-1.jpeg\/public\" alt=\"acessando o editor mobile da hostinger no hpanel\" class=\"wp-image-44731\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/4-Mobile-Editor_mobile-hpanel-websites-createormigrateawebsite-highlighted-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/4-Mobile-Editor_mobile-hpanel-websites-createormigrateawebsite-highlighted-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/4-Mobile-Editor_mobile-hpanel-websites-createormigrateawebsite-highlighted-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/4-Mobile-Editor_mobile-hpanel-websites-createormigrateawebsite-highlighted-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Selecione&nbsp;<strong>Criar um novo site&nbsp;<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/5-Mobile-Editor_log-in-to-hpanel-1.jpeg\/public\" alt=\"criar novo site no editor mobile da hostinger\" class=\"wp-image-44732\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/5-Mobile-Editor_log-in-to-hpanel-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/5-Mobile-Editor_log-in-to-hpanel-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/5-Mobile-Editor_log-in-to-hpanel-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/5-Mobile-Editor_log-in-to-hpanel-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Escolha o&nbsp;<strong>Criador de Sites da Hostinger<\/strong>&nbsp;como sua plataforma de cria&ccedil;&atilde;o m&oacute;vel de sites.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/6-Mobile-Editor_log-in-to-hpanel-2.jpeg\/public\" alt=\"op&ccedil;&atilde;o de criar novo site com criador de sites da hostinger no dispositivo m&oacute;vel\" class=\"wp-image-44733\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/6-Mobile-Editor_log-in-to-hpanel-2.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/6-Mobile-Editor_log-in-to-hpanel-2.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/6-Mobile-Editor_log-in-to-hpanel-2.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/6-Mobile-Editor_log-in-to-hpanel-2.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>\n\n<div><p class=\"important\"><strong>Importante! <\/strong>Para colocar um site no ar, voc&ecirc; precisa de um&nbsp;<a href=\"\/br\/registro-de-dominio\">dom&iacute;nio<\/a>. Ap&oacute;s escolher sua ferramenta de constru&ccedil;&atilde;o de site, voc&ecirc; precisar&aacute; selecionar um dom&iacute;nio existente ou registrar um novo. Tamb&eacute;m &eacute; poss&iacute;vel come&ccedil;ar a criar seu site no celular sem um dom&iacute;nio. Nesse caso, entretanto, voc&ecirc; precisar&aacute; publicar seu site com um dom&iacute;nio tempor&aacute;rio. Voc&ecirc; poder&aacute; conectar um dom&iacute;nio pr&oacute;prio mais tarde.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-2-escolha-um-template\"><strong>2. Escolha um Template<\/strong><\/h3><p>O pr&oacute;ximo passo na cria&ccedil;&atilde;o do seu site &eacute; escolher um template. A Hostinger oferece uma ampla gama de&nbsp;<a href=\"\/br\/templates-de-sites\"><strong>templates<\/strong><\/a>&nbsp;feitos por designers profissionais, todos compat&iacute;veis com dispositivos m&oacute;veis e extremamente personaliz&aacute;veis. Voc&ecirc; pode selecionar um novo template ou&nbsp;<a href=\"\/br\/criador-de-sites-com-ia\"><strong>usar a IA para gerar um template<\/strong><\/a>&nbsp;personalizado com base em suas necessidades.<\/p><p><strong>Selecionando um Template Feito por Designer<\/strong><\/p><ol class=\"wp-block-list\">\n<li>Na interface, escolha a op&ccedil;&atilde;o de template pr&eacute;-constru&iacute;do.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/7-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/public\" alt=\"escolhendo template no editor mobile da hostinger\" class=\"wp-image-44734\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/7-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/7-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/7-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/7-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Navegue por todos os templates dispon&iacute;veis rolando a p&aacute;gina de Templates.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/8-Mobile-Editor_create-template.jpeg\/public\" alt=\"criando template com ia no editor mobile da hostinger\" class=\"wp-image-44735\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/8-Mobile-Editor_create-template.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/8-Mobile-Editor_create-template.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/8-Mobile-Editor_create-template.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/8-Mobile-Editor_create-template.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Use a barra de pesquisa para procurar templates para nichos espec&iacute;ficos ou palavras-chave, ou veja todas as categorias de templates expandindo o sub-menu&nbsp;<strong>Todos os templates<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/9-Mobile-Editor_choose-template-3.jpeg\/public\" alt=\"escolhendo template no editor mobile da hostinger\" class=\"wp-image-44736\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/9-Mobile-Editor_choose-template-3.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/9-Mobile-Editor_choose-template-3.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/9-Mobile-Editor_choose-template-3.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/9-Mobile-Editor_choose-template-3.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Toque no template para ver seu visual ao vivo. Se voc&ecirc; quiser salv&aacute;-lo para conferir mais tarde, use o &iacute;cone de cora&ccedil;&atilde;o para marcar um template como favorito. Assim, eles aparecer&atilde;o na se&ccedil;&atilde;o&nbsp;<strong>Favoritos<\/strong>&nbsp;no topo da p&aacute;gina, abaixo do sub-menu&nbsp;<strong>Todos os templates<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/10-Mobile-Editor_choose-template-4.jpeg\/public\" alt=\"escolhendo template no editor mobile da hostinger\" class=\"wp-image-44737\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/10-Mobile-Editor_choose-template-4.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/10-Mobile-Editor_choose-template-4.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/10-Mobile-Editor_choose-template-4.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/10-Mobile-Editor_choose-template-4.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Assim que encontrar um template que se encaixe na ideia do seu site, toque em&nbsp;<strong>Come&ccedil;ar a construir<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/11-Mobile-Editor_choose-template-5.jpeg\/public\" alt=\"pr&eacute;-visualiza&ccedil;&atilde;o de template no editor mobile da hostinger\" class=\"wp-image-44738\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/11-Mobile-Editor_choose-template-5.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/11-Mobile-Editor_choose-template-5.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/11-Mobile-Editor_choose-template-5.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/11-Mobile-Editor_choose-template-5.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><strong>Usando IA para Criar um Template<\/strong><\/p><ol class=\"wp-block-list\">\n<li>Na tela do Criador de Sites da Hostinger, toque em&nbsp;<strong>Come&ccedil;ar a criar<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/12-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/public\" alt=\"usando o criador com ia no editor mobile da hostinger\" class=\"wp-image-44739\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/12-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/12-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/12-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/12-Mobile-Editor_choose-template-1-2048x1384-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Comece respondendo tr&ecirc;s perguntas simples sobre o seu site. Fa&ccedil;a a descri&ccedil;&atilde;o mais completa poss&iacute;vel: a barra de progresso ajudar&aacute; voc&ecirc; a entender se s&atilde;o necess&aacute;rias mais informa&ccedil;&otilde;es.<\/li>\n\n\n\n<li>Assim que terminar de escrever, toque em&nbsp;<strong>Criar um site<\/strong>&nbsp;e a IA criar&aacute; seu template personalizado j&aacute; com conte&uacute;do relevante, como texto e imagens.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-3-adicione-e-organize-elementos-na-pagina\"><strong>3. Adicione e Organize Elementos na P&aacute;gina<\/strong><\/h3><p>O pr&oacute;ximo passo &eacute; adicionar e organizar elementos em suas p&aacute;ginas. O editor permite que voc&ecirc; arraste e solte caixas de texto, imagens e bot&otilde;es para o local desejado na p&aacute;gina. Voc&ecirc; tamb&eacute;m pode redimensionar e mover esses elementos para adequ&aacute;-los ao design geral da p&aacute;gina.<\/p><p>Al&eacute;m disso, &eacute; poss&iacute;vel duplicar, copiar e colar elementos e mov&ecirc;-los para frente e para tr&aacute;s no design, para adicionar mais profundidade ao seu site. Essas ferramentas ajudam voc&ecirc; a criar um site responsivo que oferece uma experi&ecirc;ncia de alta qualidade em todos os dispositivos.<\/p><p>Aqui est&aacute; como adicionar elementos ao seu site no editor mobile:<\/p><ol class=\"wp-block-list\">\n<li>Selecione a se&ccedil;&atilde;o da p&aacute;gina que voc&ecirc; deseja editar. Acesse o menu principal de edi&ccedil;&atilde;o tocando no &iacute;cone no canto inferior direito (o &iacute;cone redondo com tr&ecirc;s quadrados e um sinal de +).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/13-Mobile-Editor_Group-3-scaled-1.jpeg\/public\" alt=\"editando elementos no editor mobile da hostinger\" class=\"wp-image-44740\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/13-Mobile-Editor_Group-3-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/13-Mobile-Editor_Group-3-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/13-Mobile-Editor_Group-3-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/13-Mobile-Editor_Group-3-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Toque em&nbsp;<strong>Adicionar elemento<\/strong>&nbsp;para inserir novos elementos na p&aacute;gina, como caixas de texto, bot&otilde;es e &iacute;cones, imagens, v&iacute;deos, formul&aacute;rios de contato e mapas.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/14-Mobile-Editor_Group-4-copy-scaled-1.jpeg\/public\" alt=\"adicionando elementos no editor mobile da hostinger\" class=\"wp-image-44741\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/14-Mobile-Editor_Group-4-copy-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/14-Mobile-Editor_Group-4-copy-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/14-Mobile-Editor_Group-4-copy-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/14-Mobile-Editor_Group-4-copy-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Mova, redimensione e edite elementos e se&ccedil;&otilde;es do site conforme necess&aacute;rio. Arraste e solte os elementos no lugar desejado ou use os bot&otilde;es de seta na barra de menu inferior.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/15-Mobile-Editor_Group-2-scaled-1.jpeg\/public\" alt=\"como criar site com celular: movendo elementos no editor mobile da hostinger\" class=\"wp-image-44742\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/15-Mobile-Editor_Group-2-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/15-Mobile-Editor_Group-2-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/15-Mobile-Editor_Group-2-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/15-Mobile-Editor_Group-2-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-4-personalize-o-design-do-site\"><strong>4. Personalize o Design do Site<\/strong><\/h3><p>Depois de adicionar os elementos desejados &agrave;s p&aacute;ginas, &eacute; hora de personalizar o design do seu site. O editor mobile oferece uma variedade de ferramentas de personaliza&ccedil;&atilde;o que permitem alterar cores, fontes e anima&ccedil;&otilde;es.<\/p><p>Comece a editar o design do seu site seguindo estas etapas:<\/p><ol class=\"wp-block-list\">\n<li>Abra o menu principal de edi&ccedil;&atilde;o tocando no &iacute;cone no canto inferior direito (&iacute;cone redondo com tr&ecirc;s quadrados e um sinal de +).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/16-Mobile-Editor_Group-3-scaled-1.jpeg\/public\" alt=\"personalizando design do site no editor mobile da hostinger\" class=\"wp-image-44743\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/16-Mobile-Editor_Group-3-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/16-Mobile-Editor_Group-3-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/16-Mobile-Editor_Group-3-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/16-Mobile-Editor_Group-3-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Navegue at&eacute; o menu&nbsp;<strong>Estilos do site<\/strong>&nbsp;e fa&ccedil;a altera&ccedil;&otilde;es no design e estilo do seu site.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/17-Mobile-Editor_mobile-hostingerwebsitebuilder-websitestyles-scaled-1.jpeg\/public\" alt=\"estilos do site no editor mobile da hostinger\" class=\"wp-image-44744\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/17-Mobile-Editor_mobile-hostingerwebsitebuilder-websitestyles-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/17-Mobile-Editor_mobile-hostingerwebsitebuilder-websitestyles-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/17-Mobile-Editor_mobile-hostingerwebsitebuilder-websitestyles-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/17-Mobile-Editor_mobile-hostingerwebsitebuilder-websitestyles-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Dica<\/h4>\n                    <p>Na guia&nbsp;<strong>Cores<\/strong>, voc&ecirc; pode ver quantas vezes cada cor foi usada no seu web design. O menu&nbsp;<strong>Estilos do Site<\/strong>&nbsp;tamb&eacute;m permite que voc&ecirc; altere as fontes dos t&iacute;tulos e do corpo do texto, al&eacute;m de definir um estilo global para os bot&otilde;es e anima&ccedil;&otilde;es. Dessa forma, voc&ecirc; garante que o site tenha a cara da&nbsp;<a href=\"\/br\/tutoriais\/como-criar-uma-marca\"><strong>sua marca<\/strong><\/a>.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-5-crie-e-gerencie-a-navegacao-do-site\"><strong>5. Crie e Gerencie a Navega&ccedil;&atilde;o do Site<\/strong><\/h3><p>Criar uma boa navega&ccedil;&atilde;o para seu site &eacute; crucial para uma boa experi&ecirc;ncia do usu&aacute;rio.<\/p><p>O editor mobile do Criador de Sites da Hostinger facilita a adi&ccedil;&atilde;o ou remo&ccedil;&atilde;o de p&aacute;ginas, a cria&ccedil;&atilde;o de menus suspensos e a adi&ccedil;&atilde;o de links para seus perfis de m&iacute;dia social:<\/p><ol class=\"wp-block-list\">\n<li>V&aacute; para o menu principal de edi&ccedil;&atilde;o tocando no &iacute;cone no canto inferior direito.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/18-Mobile-Editor_Group-3-scaled-1.jpeg\/public\" alt=\"editando menus no editor mobile da hostinger\" class=\"wp-image-44745\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/18-Mobile-Editor_Group-3-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/18-Mobile-Editor_Group-3-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/18-Mobile-Editor_Group-3-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/18-Mobile-Editor_Group-3-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Selecione&nbsp;<strong>P&aacute;ginas e navega&ccedil;&atilde;o<\/strong>&nbsp;para gerenciar as p&aacute;ginas do seu site, menus e a navega&ccedil;&atilde;o geral do site.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/19-Mobile-Editor_mobile-hostingerwebsitebuilder-pagesandnavigation-scaled-1.jpeg\/public\" alt=\"editando navega&ccedil;&atilde;o do site no celular\" class=\"wp-image-44746\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/19-Mobile-Editor_mobile-hostingerwebsitebuilder-pagesandnavigation-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/19-Mobile-Editor_mobile-hostingerwebsitebuilder-pagesandnavigation-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/19-Mobile-Editor_mobile-hostingerwebsitebuilder-pagesandnavigation-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/19-Mobile-Editor_mobile-hostingerwebsitebuilder-pagesandnavigation-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Adicione novas p&aacute;ginas ao seu site tocando no bot&atilde;o&nbsp;<strong>Adicionar p&aacute;gina<\/strong>. Voc&ecirc; pode selecionar op&ccedil;&otilde;es a partir de templates pr&eacute;-fabricados ou criar uma nova p&aacute;gina do zero.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/20-Mobile-Editor_site-navigation-1.jpeg\/public\" alt=\"adicionar p&aacute;gina na se&ccedil;&atilde;o p&aacute;ginas e navega&ccedil;&atilde;o do editor mobile da hostinger\" class=\"wp-image-44747\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/20-Mobile-Editor_site-navigation-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/20-Mobile-Editor_site-navigation-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/20-Mobile-Editor_site-navigation-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/20-Mobile-Editor_site-navigation-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Edite a ordem em que suas p&aacute;ginas aparecem no menu do site arrastando as p&aacute;ginas listadas em&nbsp;<strong>Navega&ccedil;&atilde;o principal<\/strong>&nbsp;at&eacute; chegar na ordem desejada.<\/li>\n\n\n\n<li>Voc&ecirc; tamb&eacute;m pode criar menus suspensos clicando no &iacute;cone redondo com tr&ecirc;s linhas e um sinal de +.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/21-Mobile-Editor_site-navigation-2.jpeg\/public\" alt=\"se&ccedil;&atilde;o p&aacute;ginas e navega&ccedil;&atilde;o do editor mobile da hostinger\" class=\"wp-image-44748\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/21-Mobile-Editor_site-navigation-2.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/21-Mobile-Editor_site-navigation-2.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/21-Mobile-Editor_site-navigation-2.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/21-Mobile-Editor_site-navigation-2.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Gerencie as configura&ccedil;&otilde;es, como metadados de SEO e URLs de p&aacute;ginas, clicando no &iacute;cone de engrenagem. Voc&ecirc; tamb&eacute;m pode configurar senhas para restringir o acesso a cada p&aacute;gina.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/22-Mobile-Editor_site-navigation-3.jpeg\/public\" alt=\"editando metadados de p&aacute;gina na se&ccedil;&atilde;o p&aacute;ginas e navega&ccedil;&atilde;o do editor mobile da hostinger\" class=\"wp-image-44749\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/22-Mobile-Editor_site-navigation-3.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/22-Mobile-Editor_site-navigation-3.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/22-Mobile-Editor_site-navigation-3.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/22-Mobile-Editor_site-navigation-3.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-6-escreva-e-otimize-o-conteudo-do-site-com-o-escritor-ia\"><strong>6. Escreva e Otimize o Conte&uacute;do do Site com o Escritor IA<\/strong><\/h3><p>Criar e otimizar conte&uacute;do &eacute; uma parte central de qualquer site. A ferramenta Escritor IA da Hostinger ajuda voc&ecirc; a criar&nbsp;conte&uacute;do amig&aacute;vel para SEO&nbsp;com destaque nos motores de busca, como a Pesquisa Google.<\/p><p>Comece a usar o Escritor IA para gerar conte&uacute;do amig&aacute;vel para SEO facilmente. Na interface do editor mobile, adicione um elemento de caixa de texto ou selecione um j&aacute; existente.<\/p><p>Ent&atilde;o, toque no &iacute;cone da IA, descreva o conte&uacute;do que voc&ecirc; tenha em mente e aguarde a ferramenta fazer seu trabalho. Observe que sua descri&ccedil;&atilde;o precisa ter pelo menos 10 caracteres, ent&atilde;o forne&ccedil;a todos os detalhes poss&iacute;veis para obter os melhores resultados.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/23-Mobile-Editor_Group-4-scaled-1.jpeg\/public\" alt=\"escritor ia no editor mobile da hostinger\" class=\"wp-image-44750\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/23-Mobile-Editor_Group-4-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/23-Mobile-Editor_Group-4-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/23-Mobile-Editor_Group-4-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/23-Mobile-Editor_Group-4-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-7-adicione-um-blog\"><strong>7. Adicione um Blog<\/strong><\/h3><p>Adicionar um blog ao seu site ajuda a melhorar o marketing de conte&uacute;do e os esfor&ccedil;os de constru&ccedil;&atilde;o da marca. Com o editor m&oacute;vel da Hostinger, criar um blog para o seu site &eacute; muito f&aacute;cil:<\/p><ol class=\"wp-block-list\">\n<li>Abra o menu principal de edi&ccedil;&atilde;o tocando no &iacute;cone no canto inferior direito. Ent&atilde;o, selecione&nbsp;<strong>Blog<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/24-Mobile-Editor_Group-3-scaled-1.jpeg\/public\" alt=\"adicionando blog no editor mobile da hostinger\" class=\"wp-image-44751\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/24-Mobile-Editor_Group-3-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/24-Mobile-Editor_Group-3-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/24-Mobile-Editor_Group-3-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/24-Mobile-Editor_Group-3-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Toque em&nbsp;<strong>Criar um blog&nbsp;<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/25-Mobile-Editor_add-blog.jpeg\/public\" alt=\"adicionando blog no editor mobile da hostinger\" class=\"wp-image-44752\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/25-Mobile-Editor_add-blog.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/25-Mobile-Editor_add-blog.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/25-Mobile-Editor_add-blog.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/25-Mobile-Editor_add-blog.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>O criador ir&aacute; gerar alguns posts vazios no editor de&nbsp;<strong>Blog<\/strong>. Cada postagem funciona como uma nova p&aacute;gina em seu site, ent&atilde;o voc&ecirc; pode edit&aacute;-las como qualquer outra p&aacute;gina.<\/li>\n\n\n\n<li>Clique nos tr&ecirc;s pontos para gerenciar as configura&ccedil;&otilde;es do artigo e editar, duplicar, deletar ou despublicar um post de blog.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/26-Mobile-Editor_mobile-hostingerwebsitebuilder-blog-scaled-1.jpeg\/public\" alt=\"op&ccedil;&otilde;es de blog no editor mobile da hostinger\" class=\"wp-image-44753\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/26-Mobile-Editor_mobile-hostingerwebsitebuilder-blog-scaled-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/26-Mobile-Editor_mobile-hostingerwebsitebuilder-blog-scaled-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/26-Mobile-Editor_mobile-hostingerwebsitebuilder-blog-scaled-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/26-Mobile-Editor_mobile-hostingerwebsitebuilder-blog-scaled-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-8-coloque-seu-site-no-ar\"><strong>8. Coloque Seu Site No Ar<\/strong><\/h3><p>Est&aacute; feliz com todas as edi&ccedil;&otilde;es? Ent&atilde;o &eacute; hora de colocar o seu site no ar. Use a fun&ccedil;&atilde;o de pr&eacute;-visualiza&ccedil;&atilde;o para verificar a apar&ecirc;ncia do seu site antes de public&aacute;-lo. Basta tocar no &iacute;cone de olho na barra de menu superior.<\/p><p>Quando voc&ecirc; estiver satisfeito com os resultados, clique no bot&atilde;o&nbsp;<strong>Publicar&nbsp;<\/strong>no canto superior direito.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/27-Mobile-Editor_publish-site-1.jpeg\/public\" alt=\"publicar site no editor mobile da hostinger\" class=\"wp-image-44754\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/27-Mobile-Editor_publish-site-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/27-Mobile-Editor_publish-site-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/27-Mobile-Editor_publish-site-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/27-Mobile-Editor_publish-site-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Voc&ecirc; pode publicar seu site com um dom&iacute;nio tempor&aacute;rio ou conectar um dom&iacute;nio personalizado para um resultado mais profissional.<\/p><p>Se voc&ecirc; precisar fazer alguma altera&ccedil;&atilde;o no seu site mesmo depois de coloc&aacute;-lo no ar, basta abrir o editor e ajusar a p&aacute;gina desejada. Quando terminar com as atualiza&ccedil;&otilde;es, toque em&nbsp;<strong>Atualizar<\/strong>&nbsp;no canto superior direito para que as altera&ccedil;&otilde;es sejam aplicadas.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/28-Mobile-Editor_publish-site-2.jpeg\/public\" alt=\"atualizar site no editor mobile da hostinger\" class=\"wp-image-44755\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/28-Mobile-Editor_publish-site-2.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/28-Mobile-Editor_publish-site-2.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/28-Mobile-Editor_publish-site-2.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/07\/28-Mobile-Editor_publish-site-2.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Observe que enquanto voc&ecirc; est&aacute; editando seu site, todas as altera&ccedil;&otilde;es s&atilde;o salvas automaticamente.<\/p><p>Ap&oacute;s ler esses passos e se familizarizar com o processo de constru&ccedil;&atilde;o de um site usando um editor m&oacute;vel, talvez voc&ecirc; tamb&eacute;m queira saber mais o&nbsp;<a href=\"\/br\/tutoriais\/quanto-tempo-leva-para-criar-um-site\"><strong>tempo m&eacute;dio exigido para criar seu pr&oacute;prio site<\/strong><\/a>. Saber disso ajudar&aacute; voc&ecirc; a planejar seu projeto de maneira mais eficaz e estabelecer metas realistas.<\/p><h2 class=\"wp-block-heading\" id=\"h-dicas-de-web-design-para-um-site-mobile-de-sucesso\"><strong>Dicas de Web Design Para um Site Mobile de Sucesso<\/strong><\/h2><p>Criar um site mobile bem-sucedido envolve mais do que apenas adicionar elementos e publicar o seu site. Um design amig&aacute;vel para dispositivos m&oacute;veis &eacute;, antes de tudo, centrado no usu&aacute;rio.<\/p><p>Siga as&nbsp;<a href=\"\/br\/tutoriais\/boas-praticas-web-design\"><strong>melhores pr&aacute;ticas de web design<\/strong><\/a>&nbsp;para garantir que seu site seja amig&aacute;vel para usu&aacute;rios e dispositivos m&oacute;veis:<\/p><p><strong>Priorize a UI\/UX do Site Mobile<\/strong><\/p><p>Um design responsivo para dispositivos m&oacute;veis garante que seu site tenha uma boa apar&ecirc;ncia e funcione bem em todos os dispositivos. Isso &eacute; particularmente importante, dado o n&uacute;mero crescente de&nbsp;<a href=\"https:\/\/www.statista.com\/topics\/779\/mobile-internet\/\" target=\"_blank\" rel=\"noopener\"><strong>usu&aacute;rios mobile<\/strong><\/a>&nbsp;&mdash; isto &eacute;, que navegam na internet em seus dispositivos m&oacute;veis.<\/p><p><a href=\"\/br\/tutoriais\/otimizar-imagens\"><strong>Otimize Imagens<\/strong><\/a><strong>&nbsp;e M&iacute;dias<\/strong><\/p><p>Imagens grandes e arquivos de m&iacute;dia pesados podem prejudicar a velocidade do seu site, levando a uma experi&ecirc;ncia ruim para o usu&aacute;rio. Comprima suas imagens e v&iacute;deos para melhorar os tempos de carregamento. Um site mais r&aacute;pido pode melhorar a perman&ecirc;ncia do usu&aacute;rio e contribuir positivamente para a posi&ccedil;&atilde;o das suas p&aacute;ginas nos motores de busca.<\/p><p><strong>Use Fontes Leg&iacute;veis e Tamanhos de Texto Adequados<\/strong><\/p><p>A legibilidade &eacute; primordial quando se trata de otimiza&ccedil;&atilde;o de site para dispositivos m&oacute;veis. Escolha fontes leg&iacute;veis para telas menores e mantenha um tamanho de texto razo&aacute;vel, para que os visitantes n&atilde;o precisem usar o zoom. Isso resulta em uma experi&ecirc;ncia de navega&ccedil;&atilde;o mais suave em dispositivos m&oacute;veis.<\/p><p><strong>Crie Menus de Navega&ccedil;&atilde;o Concisos<\/strong><\/p><p>A simplicidade &eacute; fundamental no design de sites voltado para dispositivos m&oacute;veis. Isso &eacute; particularmente importante ao projetar menus de navega&ccedil;&atilde;o. Use r&oacute;tulos claros e diretos para cada item do menu, pois um menu desorganizado pode confundir os usu&aacute;rios. Na vers&atilde;o mobile do seu site, considere implementar um menu oculto para conservar espa&ccedil;o valioso na tela.<\/p><p><strong>Crie Intera&ccedil;&otilde;es Amig&aacute;veis ao Toque<\/strong><\/p><p>Os elementos interativos no seu site, como bot&otilde;es e links, devem ser projetados pensando em telas sens&iacute;veis ao toque. Eles devem ser f&aacute;ceis de tocar e nunca colocados muito pr&oacute;ximos um do outro, para evitar cliques n&atilde;o intencionais. Essa estrat&eacute;gia de design garante uma experi&ecirc;ncia suave para os usu&aacute;rios que estejam navegando em seu site em dispositivos com tela touchscreen.<\/p><p><strong>Otimize para a Orienta&ccedil;&atilde;o Retrato<\/strong><\/p><p>A maioria dos usu&aacute;rios segura seus telefones na vertical, ent&atilde;o otimizar seu site para o modo retrato &eacute; essencial. Certifique-se de que o layout e o conte&uacute;do do seu site est&atilde;o bem alinhados com essa orienta&ccedil;&atilde;o. Isso resulta em uma experi&ecirc;ncia de navega&ccedil;&atilde;o confort&aacute;vel e intuitiva, atendendo &agrave; maneira como os usu&aacute;rios naturalmente seguram seus telefones.<\/p><p><strong>Evite Pop-Ups Intrusivos<\/strong><\/p><p>Em telas menores, pop-ups podem interromper a experi&ecirc;ncia do usu&aacute;rio. Evite tais elementos para manter uma experi&ecirc;ncia de navega&ccedil;&atilde;o suave em seu site. Ao reduzir as interrup&ccedil;&otilde;es, voc&ecirc; pode prolongar o engajamento do usu&aacute;rio e diminuir a taxa de rejei&ccedil;&atilde;o, mantendo os visitantes em seu site por mais tempo.<\/p><p><strong>Atualize Seu Site Frequentemente<\/strong><\/p><p>Mantenha seu site sempre atualizado inspecionando poss&iacute;veis links quebrados, conte&uacute;do desatualizado e problemas de compatibilidade. Um site consistentemente atualizado e bem mantido n&atilde;o s&oacute; contribui para uma experi&ecirc;ncia positiva do usu&aacute;rio, mas tamb&eacute;m refor&ccedil;a uma imagem favor&aacute;vel da marca.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Sugest&atilde;o de Leitura<\/h4>\n                    <p><a href=\"\/br\/tutoriais\/como-criar-um-site-passo-a-passo\"><strong>Como Criar um Site do Zero: Guia para Iniciantes<br><\/strong><\/a><a href=\"\/br\/tutoriais\/como-fazer-o-layout-de-um-site\"><strong>Guia Para Criar o Layout de Um Site: Passo a Passo da Ideia ao Lan&ccedil;amento<br><\/strong><\/a><a href=\"\/br\/tutoriais\/ia-para-site\"><strong>IA para Sites: Aprenda Como a Intelig&ecirc;ncia Artificial Pode Ajudar a Melhorar o Seu Site<\/strong><\/a><\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>Criar um site com o editor mobile do Criador de Sites da Hostinger &eacute; simples e eficiente. Com recursos amig&aacute;veis ao usu&aacute;rio, como edi&ccedil;&atilde;o diretamente no navegador (sem precisar de um app separado) e ferramentas alimentadas por IA, nossa ferramenta &eacute; a melhor escolha para qualquer pessoa que deseja criar um site em qualquer lugar.<\/p><p>Lembre-se de que um site mobile bem-sucedido n&atilde;o deve levar em conta apenas os aspectos est&eacute;ticos: ele precisa proporcionar uma experi&ecirc;ncia de usu&aacute;rio perfeita para os visitantes.<\/p><p>Para isso, informe-se sobre as &uacute;ltimas tend&ecirc;ncias de design de sites responsivos, atualize regularmente o seu site e garanta que ele seja f&aacute;cil de navegar em telas sens&iacute;veis ao toque para obter os melhores resultados. Boa sorte!<\/p><h2 class=\"wp-block-heading\" id=\"h-como-criar-um-site-no-celular-perguntas-frequentes\"><strong>Como Criar um Site no Celular: Perguntas Frequentes<\/strong><\/h2><p>Abaixo, veja as respostas para algumas das perguntas mais comuns sobre a cria&ccedil;&atilde;o de sites no seu telefone.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69441159699d1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Posso Usar o Editor Mobile da Hostinger no meu Tablet?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sim, o Criador de Sites da Hostinger est&aacute; totalmente otimizado para uso em tablets. Com nosso criador de site, voc&ecirc; pode criar sites m&oacute;veis amig&aacute;veis para SEO a partir do navegador de qualquer dispositivo m&oacute;vel, sem necessidade de baixar um aplicativo separado.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441159699d6\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Como Usar o Editor Mobile da Hostinger no meu Dispositivo M&oacute;vel?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Fa&ccedil;a login no hPanel, selecione o site que voc&ecirc; deseja editar ou escolha criar um novo com o Criador de Sites da Hostinger. Voc&ecirc; pode editar seu site diretamente do navegador em v&aacute;rios dispositivos m&oacute;veis.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441159699d7\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Eu Preciso de Experi&ecirc;ncia em Web Design para Usar o Editor M&oacute;vel?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Seja na vers&atilde;o para desktop ou nos celulares, o Criador de Sites da Hostinger &eacute; projetado para usu&aacute;rios em todos os n&iacute;veis de habilidade. A interface de arrastar e soltar facilita a cria&ccedil;&atilde;o de um site profissional sem que voc&ecirc; tenha qualquer experi&ecirc;ncia em design. Voc&ecirc; s&oacute; precisa do seu dispositivo m&oacute;vel e de um plano de hospedagem&nbsp; para come&ccedil;ar.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441159699d8\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>O Editor M&oacute;vel da Hostinger &eacute; Gratuito?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>O editor m&oacute;vel &eacute; gratuito para todos os usu&aacute;rios da Hostinger, independentemente do seu&nbsp;<strong><a href=\"\/tutoriais\/como-escolher-plano-de-hospedagem\">plano de hospedagem<\/a><\/strong> escolhido.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441159699d9\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Posso Fazer Upload de Imagens e M&iacute;dias Diretamente do Celular?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sim, voc&ecirc; pode fazer upload de imagens e m&iacute;dia para o seu site diretamente do seu dispositivo m&oacute;vel, seja ele iPhone, Android ou qualquer outro. Isso simplifica o processo de adicionar elementos visuais ao seu site, pois voc&ecirc; n&atilde;o precisa de um desktop ou de ferramentas de terceiros.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Se voc&ecirc; quer criar um site no celular, o editor mobile da Hostinger &eacute; exatamente o que voc&ecirc; precisa. Nosso editor de sites funciona direto no seu navegador mobile e simplifica o processo de desenvolvimento web, permitindo que voc&ecirc;&nbsp;construa sites responsivos para dispositivos m&oacute;veis&nbsp;diretamente do seu smartphone, tablet ou outro dispositivo. Nos par&aacute;grafos abaixo, n&oacute;s [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/como-criar-um-site-no-celular\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":356,"featured_media":44728,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como Criar um Site no Celular Usando o Editor da Hostinger","rank_math_description":"Descubra como criar um site no celular com o editor mobile da Hostinger. Resultados impressionantes direto do seu smartphone!","rank_math_focus_keyword":"como criar um site no celular","footnotes":""},"categories":[4941],"tags":[5236,7649],"class_list":["post-44727","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento-web","tag-criador-de-sites","tag-site-mobile"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-criar-um-site-no-celular","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-un-site-web-avec-votre-telephone","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-website-di-hp","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wie-erstellt-man-eine-website-mit-dem-handy","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/come-creare-un-sito-web-con-il-tuo-telefono","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-crear-una-pagina-web-desde-el-movil","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-criar-um-site-no-celular","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-website-with-your-phone","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-website-with-your-phone","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/44727","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\/356"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=44727"}],"version-history":[{"count":2,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/44727\/revisions"}],"predecessor-version":[{"id":51594,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/44727\/revisions\/51594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/44728"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=44727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=44727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=44727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}