{"id":48819,"date":"2025-03-04T10:00:00","date_gmt":"2025-03-04T13:00:00","guid":{"rendered":"\/tutoriais\/?p=48819"},"modified":"2025-03-18T16:55:29","modified_gmt":"2025-03-18T19:55:29","slug":"primeiros-passos-hostinger-horizons","status":"publish","type":"post","link":"\/br\/tutoriais\/primeiros-passos-hostinger-horizons\/","title":{"rendered":"Como dar os primeiros passos na Hostinger Horizons"},"content":{"rendered":"<p class=\"wp-block-paragraph\">A Hostinger Horizons &eacute; uma ferramenta de IA que transforma suas ideias em apps web de forma r&aacute;pida e simples &mdash; sem precisar escrever uma &uacute;nica linha de c&oacute;digo.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; tem uma ideia inovadora para um app baseado no navegador, mas n&atilde;o sabe programar ou n&atilde;o quer investir na contrata&ccedil;&atilde;o de um desenvolvedor, a Hostinger Horizons &eacute; a solu&ccedil;&atilde;o perfeita.<\/p><p class=\"wp-block-paragraph\">Neste guia, voc&ecirc; vai aprender tudo o que precisa para come&ccedil;ar a usar a Hostinger Horizons: o que &eacute; poss&iacute;vel criar, como a ferramenta funciona e como resolver eventuais erros.<\/p><p class=\"wp-block-paragraph\">Ent&atilde;o, vamos nessa?<\/p><p>\n\n\n\n\n\n\n<\/p><h1 class=\"wp-block-heading\" id=\"h-o-que-da-para-criar-com-a-hostinger-horizons-nbsp-nbsp\"><strong>O que d&aacute; para criar com a Hostinger Horizons?&nbsp;&nbsp;<\/strong><\/h1><p class=\"wp-block-paragraph\">Voc&ecirc; pode<strong> <a href=\"\/br\/horizons\" target=\"_blank\" rel=\"noreferrer noopener\">criar todos os tipos de apps web com a Hostinger Horizons<\/a><\/strong>. Trouxemos alguns exemplos, divididos em cinco categorias:<\/p><ul class=\"wp-block-list\">\n<li><strong>Produtividade e gerenciamento de tarefas <\/strong>&ndash; desde um gerenciador de tarefas para organizar sua rotina at&eacute; um quadro de brainstorming ou um arquivo para salvar notas de reuni&otilde;es.<\/li>\n\n\n\n<li><strong>Monitoramento e planejamento<\/strong> &ndash; controle seu or&ccedil;amento pessoal, acompanhe sua evolu&ccedil;&atilde;o em um novo h&aacute;bito ou use uma calculadora para definir metas de economia.<\/li>\n\n\n\n<li><strong>Pain&eacute;is<\/strong> &ndash; tenha uma vis&atilde;o clara das m&eacute;tricas mais importantes na sua vida pessoal ou no trabalho, como suas finan&ccedil;as, o desempenho das suas redes sociais ou o uptime dos seus blogs.<\/li>\n\n\n\n<li><strong>Assistente de sa&uacute;de e bem-estar<\/strong> &ndash; crie um monitor de sono, uma plataforma para gerenciar sua dieta ou at&eacute; um di&aacute;rio digital com recursos avan&ccedil;ados.<\/li>\n\n\n\n<li><strong>Plataformas de aprendizado e entretenimento<\/strong> &ndash; desenvolva uma aplica&ccedil;&atilde;o gamificada para aprender idiomas, um jogo de damas online ou vers&otilde;es de cl&aacute;ssicos como Snake, Tetris e Candy Crush para navegador.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Lembre-se de que algumas etapas extras podem ser necess&aacute;rias para adicionar recursos mais avan&ccedil;ados. Por exemplo, se a sua aplica&ccedil;&atilde;o web precisa armazenar informa&ccedil;&otilde;es do usu&aacute;rio em um banco de dados, ser&aacute; preciso conect&aacute;-la ao Supabase ou Firebase. Mas n&atilde;o se preocupe &ndash; a Hostinger Horizons tem instru&ccedil;&otilde;es que podem te ajudar com isso!<\/p><p class=\"wp-block-paragraph\">Al&eacute;m disso, a Hostinger Horizons ainda est&aacute; em fase de acesso antecipado. Isso significa que, por enquanto, ela <strong>n&atilde;o &eacute; capaz de desenvolver aplica&ccedil;&otilde;es mais avan&ccedil;adas<\/strong>, como bancos online, carteiras digitais, jogos 3D, lojas virtuais ou extens&otilde;es para o Chrome.<\/p><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dica                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Teste a Hostinger Horizons sem riscos! Se n&atilde;o atender &agrave;s suas necessidades para criar o web app que voc&ecirc; imagina, &eacute; s&oacute; aproveitar a <b>garantia de devolu&ccedil;&atilde;o do dinheiro em 30 dias<\/b>.<\/p>\n                    <\/div>\n        \n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/br\/horizons\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-48828\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<\/p><h1 class=\"wp-block-heading\" id=\"h-como-funciona-a-hostinger-horizons-nbsp\"><strong>Como funciona a Hostinger Horizons?&nbsp;<\/strong><\/h1><p class=\"wp-block-paragraph\">Como qualquer chatbot, a Hostinger Horizons funciona respondendo aos seus comandos, ent&atilde;o a qualidade da aplica&ccedil;&atilde;o web vai depender de como voc&ecirc; formula suas instru&ccedil;&otilde;es.&nbsp;<\/p><p class=\"wp-block-paragraph\">A Hostinger Horizons <strong>&eacute; compat&iacute;vel com mais de 80 idiomas<\/strong>, permitindo que voc&ecirc; escreva prompts em portugu&ecirc;s. Al&eacute;m disso, a ferramenta consegue interpretar imagens e capturas de tela.<\/p><p class=\"wp-block-paragraph\">Para mais detalhes, confira nosso guia sobre <a href=\"\/br\/tutoriais\/prompts-para-a-hostinger-horizons\/\" target=\"_blank\" rel=\"noreferrer noopener\">como escrever prompts para a Hostinger Horizons<\/a>. Ah, e vale lembrar: a quantidade de prompts que voc&ecirc; pode enviar por m&ecirc;s depende do seu plano, mas n&atilde;o h&aacute; limite di&aacute;rio!<\/p><p class=\"wp-block-paragraph\">Quando chegar a hora de lan&ccedil;ar sua aplica&ccedil;&atilde;o web, <strong>&eacute; s&oacute; clicar em Deploy<\/strong>, e ela vai ao ar automaticamente com o plano de hospedagem inclu&iacute;do. No painel do hPanel, voc&ecirc; tamb&eacute;m pode configurar um dom&iacute;nio personalizado e conectar uma conta de e-mail em poucos cliques.<\/p><p class=\"wp-block-paragraph\">Tudo pronto para come&ccedil;ar seu primeiro projeto com a Hostinger Horizons? Vamos ver de perto tudo o que ela oferece.<\/p><h2 class=\"wp-block-heading\" id=\"h-comece-a-criar-sua-aplicacao-web-nbsp\"><strong>Comece a criar sua aplica&ccedil;&atilde;o web&nbsp;<\/strong><\/h2><p class=\"wp-block-paragraph\">V&aacute; para a p&aacute;gina oficial da <a href=\"https:\/\/www.hostinger.com\/horizons\">Hostinger Horizons<\/a>. Os planos come&ccedil;am a partir de<strong> R$ 116,99\/m&ecirc;s<\/strong>, e todos incluem <strong>um m&ecirc;s de hospedagem gr&aacute;tis e largura de banda<\/strong> <strong>ilimitada.<\/strong><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXcBdB08PSIFCnpAyRn6_jwc4LyTnPPcEjbHq6PWAiWoJY8tcovKJEG9bvZDOwg3IiCwaX3Bxx0oavbq_-LrkCN8siFnbNmS5dmu1mB6mF0Jux5PQvtbqhhehAucFU6yRJ9Z-Z1r7g?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Depois que escolher um plano, fa&ccedil;a login no hPanel. Ent&atilde;o, v&aacute; para <strong>Sites<\/strong> e selecione Lista<strong> <\/strong>de sites. Clique em <strong>Adicionar site<\/strong> e escolha <strong>Hostinger Horizons<\/strong> para come&ccedil;ar a criar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXf_O8hdkrk_yaQUADxivwO0MIqE4o_CCrkNjGE7grZYd9wvT7zugQJQl8PYsGjnbUs2aLPBA6ZO2-jgnKQc9x9ihQExHEjoU-TMGoFw9OK7l7qcj3Cacw8ck_-XoygTZ0NwVyENnA?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Em instantes, voc&ecirc; estar&aacute; na p&aacute;gina inicial da Hostinger Horizons &ndash; seu espa&ccedil;o para criar aplica&ccedil;&otilde;es web.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXeE3IoD_YgnNagF8J6LA3QWzUH2w2aOFHyNG32smECjSUF7XK21ej0nQ0er-43op-OtT1nd4-MZsJpy4ld9jIb5TkUq2wtZoJpsxr3tkRaXLAHN_KDH13GBvE2KP6dTTpemmTjB?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">O primeiro passo &eacute; descrever claramente a ideia da sua <a href=\"\/br\/tutorials\/web-app-ideas\" target=\"_blank\" rel=\"noreferrer noopener\">aplica&ccedil;&atilde;o web<\/a> na caixa de prompt.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; quer criar um site de receitas, por exemplo, pode come&ccedil;ar com um prompt simples, como:<\/p><pre class=\"wp-block-preformatted\"><em>Crie uma aplica&ccedil;&atilde;o web de pesquisa de receitas<\/em><\/pre><p class=\"wp-block-paragraph\">Para um resultado mais refinado, voc&ecirc; pode descrever funcionalidades, elementos de design e recursos extras em mais detalhes:<\/p><pre class=\"wp-block-preformatted\">Crie uma aplica&ccedil;&atilde;o web de busca de receitas onde os usu&aacute;rios possam inserir uma lista de ingredientes que t&ecirc;m em casa e receber sugest&otilde;es de pratos que podem preparar.<\/pre><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdNQky6H3IraDZ2BP6IFZU0DQDUPxC48c3IqDyD3OCO9COiLanUbzyZxJDEMxJxdu4ey7EoAjHWNwlVmWDCtNcwZdVfyRpOuLFEUg8EsPaL-P-wKG8OIlq4II7Lu_tsJv8GT3GK?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Quer deixar sua ideia <em>mais clara<\/em> para o gerador de aplica&ccedil;&otilde;es de IA? Basta clicar no &iacute;cone de clipe de papel e anexar capturas de tela com os exemplos do que voc&ecirc; quer.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXc3NGKo6zjjO5VL-hV3o1EamI3Rh7iGxqCk6Wh1OjcV4Y7hYOPv5zzVoYOSnMKwnv0BvHlLldj-Nviv9WnHYPGwAriARlYZ_O4NrTh6r2Csd_dAFtVl8hKiEpjsTSGJ-Kwe_sgi?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Isso permite ampliar sua solicita&ccedil;&atilde;o para incluir detalhes como:&nbsp;<\/p><pre class=\"wp-block-preformatted\">use as mesmas cores desta captura de tela&nbsp;<\/pre><p class=\"wp-block-paragraph\">ou&nbsp;<\/p><pre class=\"wp-block-preformatted\">crie uma aplica&ccedil;&atilde;o igual a este print<\/pre><p class=\"wp-block-paragraph\">Se quiser descrever sua ideia com sua pr&oacute;pria voz, &eacute; s&oacute; tocar no &iacute;cone do microfone e explicar em voz alta.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXcU2szYNaER3w7VL321HNyAwkvwS78oxXfuzYQ_S2T0_3yxScorZow-zxN4g0If9unHpfLDq4amOswsdnmP7duGtcXABSzVMpN4o_BZhdSDQczeVyQWoyrfY3Fx9a_7Re9yhMLUCA?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Precisa adicionar uma nova linha no seu prompt? &Eacute; s&oacute; usar <strong>Shift + Enter<\/strong>.<\/p><p class=\"wp-block-paragraph\">Quando terminar e quiser enviar o prompt, basta pressionar <strong>Enter<\/strong> ou clicar no bot&atilde;o <strong>Enviar<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdI8FeSt5Thfgku6TuQg-THcdX6FXRUWc3LtqLfU1FtUfYmBmZm2YIe73hzKVtI1mO2F0bwbyHHXHNxCvxAsVXSdKliw0Yw_y4GKns5Vmxbac4MikWrx5KZlQaJXWFxmXI5g6hOaA?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">N&atilde;o sabe o que quer criar? Abaixo da caixa de prompt, voc&ecirc; encontra algumas ideias de aplica&ccedil;&otilde;es web. Clique em uma para come&ccedil;ar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfsSrSj2aQEGTexMEzDSaZ-xyYkbRDTH0fFMQdUMsuVVzXuj-5YqLdCvEU9MUQ5sHO20KS0A83f6h_sM5grluRz4e40q5bzvCjTyTYdVGEYt3JXmEX93kWvZpVTtCO_qZpkKfimKg?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">E n&atilde;o se esque&ccedil;a: na parte inferior da p&aacute;gina, voc&ecirc; encontra guias &uacute;teis com dicas extras. Al&eacute;m disso, no canto superior direito da janela, h&aacute; um link para compartilhar seu feedback com a Hostinger sobre a experi&ecirc;ncia.<\/p><p class=\"wp-block-paragraph\">Depois de enviar seu prompt, voc&ecirc; ver&aacute; um espa&ccedil;o com dois pain&eacute;is na tela. No painel &agrave; esquerda, voc&ecirc; acompanha em tempo real a atividade da Hostinger Horizons, vendo passo a passo como sua aplica&ccedil;&atilde;o web est&aacute; sendo criada.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXeWHI2B52v-jvM_PLVsPMZ5uqqZOQvkLkGbxY1QATK1YKPK4T0cpTA-NDdady53rvfGom6wkff9ff3UR0mw85YOFF0r30C0IeOAHSuOiTsR0aABKB9AhaTrtigza5ay5q5mtlRh?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">O painel direito &eacute; uma pr&eacute;-visualiza&ccedil;&atilde;o interativa, permitindo que voc&ecirc; teste e aperfei&ccedil;oe sua aplica&ccedil;&atilde;o em tempo real. Voc&ecirc; tamb&eacute;m pode alternar entre as visualiza&ccedil;&otilde;es de celular e desktop.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXcGoNpRQqViH9aKejDLT5hxib8tYgsUwpPr5sUrZ-L5LEcVcJxlttZOIIRo5fxiJuG29hOoXxE0CzR5nYZ9TuXUSPUZG3VklOhc0H2UC-2bnFn2PgU_YgYNM61Fv2G9Y1pr8DD-Ow?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Ou, pode escolher uma visualiza&ccedil;&atilde;o em tela cheia sem o painel &agrave; esquerda.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfpFi4vOpg1mirasbpYW3fzS_PSgSjZD8RtZSs9w_jbDSmD38ECtgulMX5O1goo87rYSFAObKFGgIq_7LZCV3l707D7YeHQTl2lHB9hRc_R4bWcqdfMN_JV0bCy5gUVhfaCDrfO3A?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Se as altera&ccedil;&otilde;es que voc&ecirc; fez demorarem para carregar, basta clicar no bot&atilde;o de atualizar para garantir que voc&ecirc; veja a vers&atilde;o mais recente mais rapidamente.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdxpdvJFgK_VsIb-Ep0rP1vMrHDSuNfDiJIPfY0bOlTlHNwFZcGJAu10l2VBPBScw3XfnhIkQUZUpxrJVV1IUF_LHXdx66eHBAUIfGaBuLoAWU1ibISrT6NEqW6AmLtvvVItG_9bQ?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">A caixa de prompt, localizada logo abaixo do painel de atividades ao vivo, &eacute; a chave para personalizar sua aplica&ccedil;&atilde;o. Nela, voc&ecirc; pode fornecer instru&ccedil;&otilde;es detalhadas para adicionar recursos, estilizar a interface ou ajustar comportamentos espec&iacute;ficos da sua aplica&ccedil;&atilde;o web.<\/p><p class=\"wp-block-paragraph\">Use linguagem natural e sinta-se &agrave; vontade para ser o mais descritivo poss&iacute;vel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXdFUPRKlUE4OMsj0bFuZYaB5zRka4Dn8QpATD9-GdHfUkBmIxtkcQ6eOH8jYp3UaiwgCOxnzhi5IVlkZdEJfdT3pFfPzgQLQMwD3poqBLnnfk6d6LVt65JbVL-obcL92ulE79Kmmw?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Voc&ecirc; tamb&eacute;m ver&aacute; o limite de mensagens na caixa de prompt, que &eacute; calculado com base nas mensagens restantes do seu plano. Para saber quando ele ser&aacute; atualizado, basta passar o mouse sobre o n&uacute;mero. Se quiser aumentar esse limite, clique no link <strong>Fazer Upgrade<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXexUefH1qiWTxBR2ZhM1Mph99ZmghQEqF3IfjabFeCaescZItzncjaSnDe2_Vg8rA9F6EIVgvK_8x_vMjQ3wzhdTNoB4VA6pps9qfpn9_mIZYruCRqYSkLEk22xqZoKqAnoOBlstg?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Sempre que voc&ecirc; enviar novas instru&ccedil;&otilde;es, a Hostinger Horizons far&aacute; as atualiza&ccedil;&otilde;es necess&aacute;rias. Quando isso acontecer, o painel &agrave; direita ser&aacute; atualizado para exibir as altera&ccedil;&otilde;es mais recentes.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfjdygkI7j8Mzh5PBnCqdL33gW6AlunPyfMWssx9sXlv577XA1ThMKu_0BEqzBDLnoSo6pG8ftUKjDQI8GzMKJE8fWJ9TZgjE9FTvOb8wx0QHbMWqoWuTGW0n1-lZVCMM4_4Dasjw?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Continue fazendo ajustes at&eacute; que sua aplica&ccedil;&atilde;o web esteja perfeita. Quando estiver pronto para exibi-lo, clique em <strong>Implantar<\/strong> no canto superior direito.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXeiIH9KLKoXqokS7fUWzcAi5skiVdd_8MxNMqAiBz_5QP9nWqwEAm4OjSVcaTllUbgQZNczp8jBQ5QRuWBXKj8NPAlNF1_I9Zn6mWy6TZ0kx0Vg7GZMxdxrI6Z9pNz8ZFVvrkiURA?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Quando a implanta&ccedil;&atilde;o for conclu&iacute;da com sucesso, uma URL ao vivo ser&aacute; criada para voc&ecirc; compartilhar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfhRQh11bk7z5yYYIe2A4OFx3oFn73GLGFWLRRrmRCbanXYPjkGeeFRqz1GfiSpM1Wm7gEqQWZlV95N-vSoxzDi0vhJcXiZPVsRWgYN_E0sEj_CIVVdFZWA6ns_ctUFLrvs7VtT3w?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Continue aprimorando sua aplica&ccedil;&atilde;o e veja as altera&ccedil;&otilde;es refletidas na vers&atilde;o ao vivo imediatamente.<\/p><p class=\"wp-block-paragraph\">Para um lan&ccedil;amento mais profissional, registre e configure um dom&iacute;nio personalizado diretamente do seu painel de controle.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/br\/horizons\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-48828\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-solucao-de-problemas\"><strong>Solu&ccedil;&atilde;o de problemas<\/strong><\/h2><p class=\"wp-block-paragraph\">A IA pode cometer erros ou deixar de capturar nuances da linguagem humana. Por exemplo, uma altera&ccedil;&atilde;o em uma parte do c&oacute;digo pode impactar outras &aacute;reas ou at&eacute; ignorar um detalhe importante em um prompt mais complexo.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por isso, ao usar a Hostinger Horizons, voc&ecirc; pode se deparar com mensagens de erro. Mas n&atilde;o se preocupe: caso isso aconte&ccedil;a, o painel &agrave; direita mostrar&aacute; a mensagem de erro, junto com o c&oacute;digo afetado.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-qw.googleusercontent.com\/docsz\/AD_4nXfA1EGHC6bEx9yb9fNMd4K2qArfJL3mO-IJJED3Hyswf6p1jMEsN1F0OvwUKZik0qzB4fvVKvQwGjhLmlfUHu3cpMu1AhlfJeqtR9acUAs62EH3uctz5dDNrmiAoZSc2ABw_8CU0g?key=d2xdAP_qXLgD7V7Q3Hu09lNN\" alt=\"\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Voc&ecirc; pode resolver isso facilmente usando o recurso de depura&ccedil;&atilde;o da Hostinger Horizons. Basta tirar um print da tela ou selecionar, copiar e colar a mensagem de erro completa. Em seguida, pe&ccedil;a &agrave; Hostinger Horizons para fazer a depura&ccedil;&atilde;o da seguinte forma:<\/p><pre class=\"wp-block-preformatted\">Encontrei um erro. Pode me ajudar a resolver isso? [Cole o texto da mensagem de erro ou envie a captura de tela]<\/pre><p class=\"wp-block-paragraph\">Se aparecerem novos erros, repita o processo at&eacute; que sua aplica&ccedil;&atilde;o web funcione corretamente.&nbsp;<\/p><p class=\"wp-block-paragraph\">Ou, se preferir, voc&ecirc; pode voltar para uma vers&atilde;o est&aacute;vel anterior e melhorar sua abordagem.<\/p><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dica                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Voc&ecirc; pode evitar erros comuns ao usar a Hostinger, confira o <a href=\"\/br\/tutorials\/avoid-common-mistakes-with-hostinger-horizons\">nosso tutorial<\/a> e saiba como. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">A Hostinger Horizons permite criar aplica&ccedil;&otilde;es web de forma r&aacute;pida e pr&aacute;tica. Basta dizer &agrave; ferramenta o que voc&ecirc; quer criar, e ela cuida de todo o trabalho pesado para voc&ecirc;.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; pode fazer upload de imagens ou at&eacute; registrar sua voz para facilitar as instru&ccedil;&otilde;es. Al&eacute;m disso, com suporte para mais de 80 idiomas, &eacute; poss&iacute;vel escrever seus prompts e ver os resultados no seu idioma nativo.<\/p><p class=\"wp-block-paragraph\">J&aacute; tem algumas ideias incr&iacute;veis para o seu pr&oacute;ximo projeto de aplica&ccedil;&atilde;o web?<\/p><p class=\"wp-block-paragraph\">Compre seu plano por apenas <strong>R$ 116,99 por m&ecirc;s<\/strong>, e voc&ecirc; ganha um m&ecirc;s de hospedagem gr&aacute;tis para implantar e testar sua aplica&ccedil;&atilde;o web. Se precisar conectar um dom&iacute;nio ou um endere&ccedil;o de e-mail profissional, pode fazer isso diretamente do hPanel.&nbsp;<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; perceber que a ferramenta n&atilde;o atende &agrave;s suas necessidades, pode solicitar um reembolso, e devolvemos seu dinheiro em at&eacute; 30 dias.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/br\/horizons\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-48828\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A Hostinger Horizons &eacute; uma ferramenta de IA que transforma suas ideias em apps web de forma r&aacute;pida e simples &mdash; sem precisar escrever uma &uacute;nica linha de c&oacute;digo. Se voc&ecirc; tem uma ideia inovadora para um app baseado no navegador, mas n&atilde;o sabe programar ou n&atilde;o quer investir na contrata&ccedil;&atilde;o de um desenvolvedor, a [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/primeiros-passos-hostinger-horizons\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":432,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como dar os primeiros passos na Hostinger Horizons","rank_math_description":"Neste guia, voc\u00ea vai aprender como dar os primeiros passos na Hostinger Horizons: o que \u00e9 poss\u00edvel criar, como funciona e como resolver erros.","rank_math_focus_keyword":"primeiros passos na Hostinger Horizons","footnotes":""},"categories":[],"tags":[],"class_list":["post-48819","post","type-post","status-publish","format-standard","hentry"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/hostinger-horizons-getting-started","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/primeiros-passos-hostinger-horizons","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/demarrer-avec-hostinger-horizons","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-menggunakan-hostinger-horizons","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/start-hostinger-horizons","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/iniziare-con-hostinger-horizons","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/hostinger-horizons-getting-started","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/hostinger-horizons-getting-started","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/hostinger-horizons-getting-started","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/hostinger-horizons-getting-started","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/primeiros-passos-hostinger-horizons","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/48819","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\/432"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=48819"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/48819\/revisions"}],"predecessor-version":[{"id":48998,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/48819\/revisions\/48998"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=48819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=48819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=48819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}