{"id":45719,"date":"2025-12-02T17:52:18","date_gmt":"2025-12-02T16:52:18","guid":{"rendered":"\/co\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons"},"modified":"2026-03-10T16:42:26","modified_gmt":"2026-03-10T15:42:26","slug":"como-empezar-a-utilizar-hostinger-horizons","status":"publish","type":"post","link":"\/co\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons\/","title":{"rendered":"C\u00f3mo empezar a utilizar Hostinger Horizons"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p class=\"wp-block-paragraph\">Hostinger Horizons es una herramienta basada en IA que da vida a tus ideas de aplicaciones web de forma r&aacute;pida y sencilla, sin necesidad de programaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">Si tienes una idea innovadora para una aplicaci&oacute;n web basada en un navegador, pero no tienes conocimientos de codificaci&oacute;n y no puedes permitirte un desarrollador, Hostinger Horizons es la soluci&oacute;n ideal para ti.<\/p><p class=\"wp-block-paragraph\">En esta gu&iacute;a, repasaremos todo lo que necesitas saber para empezar a usar Hostinger Horizons. Descubrir&aacute;s qu&eacute; puedes construir con &eacute;l, c&oacute;mo funciona y c&oacute;mo puedes solucionar cualquier error.<\/p><h2 class=\"wp-block-heading\" id=\"h-que-se-puede-construir-con-hostinger-horizons\">&iquest;Qu&eacute; se puede construir con Hostinger Horizons?<\/h2><p class=\"wp-block-paragraph\">Puedes <a href=\"\/co\/tutoriales\/como-crear-una-aplicacion-web-con-hostinger-horizons\/\">crear todo tipo de <\/a><a href=\"\/co\/horizons\">aplicaciones<\/a><a href=\"\/co\/tutoriales\/como-crear-una-aplicacion-web-con-hostinger-horizons\/\"> web con Hostinger Horizons<\/a>. Aqu&iacute; tienes varios ejemplos de casos de uso divididos en cinco categor&iacute;as:<\/p><ul class=\"wp-block-list\">\n<li><strong>Productividad y gesti&oacute;n de tareas<\/strong>: un gestor de tareas diarias para organizar tu lista de tareas pendientes, un archivo de notas de reuniones o un tabl&oacute;n de ideas.<\/li>\n\n\n\n<li><strong>Rastreadores y planificadores<\/strong>: un seguidor de presupuesto personal, una calculadora de objetivos de ahorro o un monitor de progreso para ayudarte a cambiar un h&aacute;bito.<\/li>\n\n\n\n<li><strong>Cuadros de mando<\/strong>: visualiza m&eacute;tricas clave de proyectos en el trabajo o en la vida, como tus finanzas personales, tus an&aacute;lisis de redes sociales o el tiempo de actividad en tus distintos blogs.<\/li>\n\n\n\n<li><strong>Asistente de salud y bienestar<\/strong>: un programador del sue&ntilde;o, una plataforma de gesti&oacute;n de dietas o una herramienta de diario con muchas funciones.<\/li>\n\n\n\n<li><strong>Plataformas de aprendizaje y entretenimiento<\/strong>: una aplicaci&oacute;n de aprendizaje de idiomas gamificada, un juego de damas online para dos jugadores o variaciones basadas en la web de juegos 2D populares como Snake, Tetris o Candy Crush.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Ten en cuenta que pueden ser necesarios pasos adicionales para a&ntilde;adir funciones m&aacute;s avanzadas.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por ejemplo, si quieres que tu aplicaci&oacute;n web almacene la informaci&oacute;n de los usuarios en una base de datos, tendr&aacute;s que conectarla a Supabase o Firebase, pero Hostinger Horizons puede darte instrucciones para ayudarte con esto.<\/p><p class=\"wp-block-paragraph\">Adem&aacute;s, Hostinger Horizons est&aacute; todav&iacute;a en acceso anticipado, as&iacute; que <strong>no puedes crear aplicaciones muy avanzadas<\/strong>, como aplicaciones financieras (como banca online o monederos digitales), juegos 3D, aplicaciones de comercio electr&oacute;nico o extensiones del navegador Chrome.<\/p><p class=\"wp-block-paragraph\">        <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                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Prueba a crear tu aplicaci&oacute;n web sin riesgos con Hostinger Horizons. Si no puedes utilizarlo para crear la aplicaci&oacute;n web que imaginas, aprovecha la <strong>garant&iacute;a de devoluci&oacute;n del dinero de 30 d&iacute;as<\/strong>.<\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-como-funciona-hostinger-horizons\">&iquest;C&oacute;mo funciona Hostinger Horizons?<\/h2><p class=\"wp-block-paragraph\">Como cualquier chatbot, Hostinger Horizons funciona respondiendo a tus indicaciones, por lo que la calidad de la aplicaci&oacute;n web depender&aacute; de c&oacute;mo expreses tus instrucciones.<\/p><p class=\"wp-block-paragraph\">Hostinger Horizons <strong>admite m&aacute;s de 80 idiomas<\/strong>, por lo que puedes escribir avisos en tu lengua materna. Adem&aacute;s, puede interpretar las im&aacute;genes o capturas de pantalla que subas.<\/p><p class=\"wp-block-paragraph\">Para obtener consejos m&aacute;s detallados, consulta nuestra gu&iacute;a sobre <a href=\"\/co\/tutoriales\/prompts-para-hostinger-horizons\/\">prompts con Hostinger Horizons<\/a>. Ten en cuenta que el n&uacute;mero de avisos que puedes enviar al mes var&iacute;a en funci&oacute;n del plan que contrates, pero no hay l&iacute;mites diarios.<\/p><p class=\"wp-block-paragraph\">Cuando est&eacute;s listo para lanzar tu aplicaci&oacute;n web, <strong>s&oacute;lo tienes que hacer clic en el bot&oacute;n Desplegar y se pondr&aacute; en marcha <\/strong>utilizando el plan de alojamiento incluido.&nbsp;<\/p><p class=\"wp-block-paragraph\">Tambi&eacute;n puedes configurar un dominio web personalizado o conectar una cuenta de correo electr&oacute;nico desde el panel de control de hPanel.<\/p><p class=\"wp-block-paragraph\">&iquest;Est&aacute;s impaciente por construir tu primer proyecto con Hostinger Horizons? Echemos un vistazo m&aacute;s de cerca a sus caracter&iacute;sticas.<\/p><h2 class=\"wp-block-heading\" id=\"h-empieza-a-crear-tu-aplicacion-web\">Empieza a crear tu aplicaci&oacute;n web<\/h2><p class=\"wp-block-paragraph\">Ve a la p&aacute;gina oficial de <a href=\"\/co\/horizons\">Hostinger Horizons<\/a>. Los planes empiezan en <strong>CO$ 65900.00\/mes<\/strong> y todos incluyen <strong>un mes de hosting gratuito <\/strong>y <strong>ancho de banda ilimitado<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/planes-hostinger-horizons.png\/public\" alt=\"Planes de Hostinger Horizons \" class=\"wp-image-45674\"><\/figure><p class=\"wp-block-paragraph\">Una vez que te hayas suscrito a un plan, inicia sesi&oacute;n en hPanel. A continuaci&oacute;n, ve a <strong>Sitios web <\/strong>y selecciona <strong>Lista de sitios web<\/strong>. Haz clic en <strong>A&ntilde;adir sitio web <\/strong>y elige <strong>Hostinger Horizons <\/strong>para empezar a crear.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/opcion-hostinger-horizons-hpanel.png\/public\" alt=\"Opci&oacute;n de Hostinger Horizons en hPanel\" class=\"wp-image-45675\"><\/figure><p class=\"wp-block-paragraph\">Ser&aacute;s dirigido a la p&aacute;gina de inicio de Hostinger Horizons: tu centro creativo para crear aplicaciones web.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/sitio-web-hostinger-horizons.png\/public\" alt=\"Sitio web de Hostinger Horizons\" class=\"wp-image-45676\"><\/figure><p class=\"wp-block-paragraph\">Para empezar, describe claramente tu <a href=\"\/co\/tutoriales\/ideas-de-aplicaciones-web\/\">idea de aplicaci&oacute;n web<\/a> en la casilla correspondiente.<\/p><p class=\"wp-block-paragraph\">Por ejemplo, si quieres crear una aplicaci&oacute;n web de recetas, puedes empezar con una simple consulta como &eacute;sta:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Construye una aplicaci&oacute;n web de b&uacute;squeda de recetas.<\/pre><p class=\"wp-block-paragraph\">O ampl&iacute;a las caracter&iacute;sticas, los elementos de dise&ntilde;o y la funcionalidad con una indicaci&oacute;n m&aacute;s detallada:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Construye una aplicaci&oacute;n web de b&uacute;squeda de recetas en la que los usuarios puedan introducir una lista de ingredientes que tengan a mano y recibir una lista de recetas que utilicen esos ingredientes.<\/pre><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-prompt-hostinger-horizons.png\/public\" alt=\"Ejemplo de prompt en Hostinger Horizons\" class=\"wp-image-45677\"><\/figure><p class=\"wp-block-paragraph\">&iquest;Quieres mostrar<em> <\/em>al generador de aplicaciones de inteligencia artificial exactamente lo que quieres decir? Haz clic en el icono del clip y adjunta capturas de pantalla para dar ejemplos de lo que quieres.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/boton-adjuntar-horizons.png\/public\" alt=\"Bot&oacute;n de adjuntar en Hostinger Horizons\" class=\"wp-image-45678\"><\/figure><p class=\"wp-block-paragraph\">Esto te permite ampliar tu mensaje para incluir afirmaciones como:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Utiliza los mismos colores que en esta captura de pantalla.<\/pre><p class=\"wp-block-paragraph\">o<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Crea una aplicaci&oacute;n como esta captura de pantalla.<\/pre><p class=\"wp-block-paragraph\">Si prefieres compartir tu idea con tu propia voz, haz clic o toca el icono del micr&oacute;fono para explicarla en voz alta.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/boton-audio-horizons.png\/public\" alt=\"Bot&oacute;n de audio en Hostinger Horizons\" class=\"wp-image-45679\"><\/figure><p class=\"wp-block-paragraph\">Si necesitas una nueva l&iacute;nea en tu consulta, utiliza <strong>May&uacute;s + Retorno<\/strong>.<\/p><p class=\"wp-block-paragraph\">Para enviar tu consulta, pulsa <strong>Volver <\/strong>o haz clic en el bot&oacute;n <strong>Enviar<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/boton-enviar-horizons.png\/public\" alt=\"Bot&oacute;n de enviar en Hostinger Horizons\" class=\"wp-image-45680\"><\/figure><p class=\"wp-block-paragraph\">&iquest;No est&aacute;s seguro de lo que quieres crear? Debajo del cuadro de sugerencias, hemos incluido algunas ideas de aplicaciones web. Haz clic en una para empezar.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/sugerencias-horizons.png\/public\" alt=\"Sugerencias de aplicaciones en Hostinger Horizons\" class=\"wp-image-45681\"><\/figure><p class=\"wp-block-paragraph\">No olvides que en la parte inferior hay gu&iacute;as &uacute;tiles de usuario con consejos adicionales y un enlace en la parte superior derecha de la ventana para proporcionar a Hostinger comentarios sobre tu experiencia.<\/p><p class=\"wp-block-paragraph\">Una vez enviada tu solicitud, se te dirigir&aacute; a un espacio de trabajo con dos paneles. El panel izquierdo te muestra la actividad en vivo de Hostinger Horizons, donde detallar&aacute; c&oacute;mo est&aacute; construyendo tu aplicaci&oacute;n.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/panel-izquierdo-horizons.png\/public\" alt=\"Panel izquierdo de Hostinger Horizons\" class=\"wp-image-45682\"><\/figure><p class=\"wp-block-paragraph\">El panel derecho es una vista previa interactiva, que te permite probar y perfeccionar tu aplicaci&oacute;n en tiempo real. Tambi&eacute;n puedes alternar entre las vistas previas para m&oacute;vil y escritorio.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/boton-vista-movil-horizons.png\/public\" alt=\"Bot&oacute;n de vista previa en m&oacute;vil\/escritorio en Hostinger Horizons\" class=\"wp-image-45683\"><\/figure><p class=\"wp-block-paragraph\">O elige una vista previa a pantalla completa sin el panel izquierdo.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/boton-pantalla-completa-horizons.png\/public\" alt=\"Bot&oacute;n de vista completa en Hostinger Horizons\" class=\"wp-image-45684\"><\/figure><p class=\"wp-block-paragraph\">Si haces cambios que tardan en cargarse, el bot&oacute;n Actualizar puede ayudarte a ver la &uacute;ltima versi&oacute;n m&aacute;s r&aacute;pidamente.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/boton-actualizar-horizons.png\/public\" alt=\"Bot&oacute;n de actualizar en Hostinger Horizons\" class=\"wp-image-45685\"><\/figure><p class=\"wp-block-paragraph\">El cuadro de instrucciones, situado debajo del panel de actividad en vivo, es la clave para personalizar tu aplicaci&oacute;n. Aqu&iacute; puedes proporcionar instrucciones detalladas para a&ntilde;adir m&aacute;s funciones, dar estilo a la interfaz o ajustar los comportamientos espec&iacute;ficos de tu aplicaci&oacute;n web.<\/p><p class=\"wp-block-paragraph\">No dudes en utilizar un lenguaje natural. S&eacute; lo m&aacute;s descriptivo posible.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/seccion-escribir-horizons.png\/public\" alt=\"Cuadro de dialogo en Hostinger Horizons\" class=\"wp-image-45686\"><\/figure><p class=\"wp-block-paragraph\">Tambi&eacute;n ver&aacute;s que se muestra un l&iacute;mite de mensajes en el cuadro de mensajes, que se basa en los mensajes restantes que quedan en tu plan. Pasa el rat&oacute;n por encima del n&uacute;mero para ver cu&aacute;ndo se actualiza. Si quieres aumentar ese l&iacute;mite, puedes hacerlo haciendo clic en el enlace <strong>Actualizar plan<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/limite-mensajes-horizons.png\/public\" alt=\"Aviso de mensajes restantes en Hostinger Horizons\" class=\"wp-image-45687\"><\/figure><p class=\"wp-block-paragraph\">Cada vez que env&iacute;es nuevas instrucciones, Hostinger Horizons realizar&aacute; actualizaciones. Cuando est&eacute;n listas, el panel derecho se actualizar&aacute; para mostrar los &uacute;ltimos cambios.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-aplicacion-web-horizons.png\/public\" alt=\"Ejemplo de uso de Hostinger Horizons\" class=\"wp-image-45688\"><\/figure><p class=\"wp-block-paragraph\">Sigue haciendo ajustes hasta que tu aplicaci&oacute;n web est&eacute; perfecta. Cuando est&eacute;s listo para mostrarla, pulsa <strong>Publicar <\/strong>en la parte superior derecha.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"719\" height=\"311\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2025\/12\/que-es-un-subdominio.jpg\/public\" alt=\"Ejemplo de uso de Hostinger Horizons\" class=\"wp-image-46672\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2025\/12\/que-es-un-subdominio.jpg\/w=719,fit=scale-down 719w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2025\/12\/que-es-un-subdominio.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2025\/12\/que-es-un-subdominio.jpg\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/figure><p class=\"wp-block-paragraph\">Cuando el despliegue se haya completado con &eacute;xito, se generar&aacute; una URL activa para compartir.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/publicacion-exitosa-horizons.png\/public\" alt=\"Aviso de lanzamiento de app web exitoso en Hostinger Horizons\" class=\"wp-image-46673\"><\/figure><p class=\"wp-block-paragraph\">Puedes seguir perfeccionando tu aplicaci&oacute;n y cada uno de tus cambios se reflejar&aacute;n en la versi&oacute;n en vivo poco despu&eacute;s.<\/p><p class=\"wp-block-paragraph\">Para un lanzamiento m&aacute;s profesional, registra y configura un dominio personalizado desde tu panel de control.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-empezar-en-horizons-video\">C&oacute;mo empezar en Horizons &ndash; Video<\/h2><p class=\"wp-block-paragraph\">Para complementar esta gu&iacute;a, observa el videotutorial de la Academia de Hostinger.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"C&oacute;mo Empezar en Hostinger Horizons | F&aacute;cil Y R&aacute;pido\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/1Y0_wuhlmA4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-spain.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Suscribirse \u00a1Para m\u00e1s videos educativos!<\/span>\n          <span class=\"channel-name\">Academia de Hostinger<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n        <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCYmKCu1yo_L0fqKe3U_oMnw?sub_confirmation=1\">\n          <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n          <span>Suscribirse<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n<\/p><h2 class=\"wp-block-heading\" id=\"h-solucion-de-problemas\">Soluci&oacute;n de problemas<\/h2><p class=\"wp-block-paragraph\">La IA puede cometer errores o pasar por alto matices del lenguaje humano. Por ejemplo, un cambio en una parte del c&oacute;digo podr&iacute;a afectar a otras &aacute;reas o podr&iacute;a ignorar un detalle importante en una indicaci&oacute;n compleja.<\/p><p class=\"wp-block-paragraph\">Por esa raz&oacute;n, puedes encontrarte con mensajes de error al utilizar Hostinger Horizons. No te preocupes, si se produce un error, el panel derecho mostrar&aacute; un mensaje de error junto con el c&oacute;digo afectado.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/error-horizons.png\/public\" alt=\"Ejemplo de error en Hostinger Horizons\" class=\"wp-image-45691\"><\/figure><p class=\"wp-block-paragraph\">Puedes solucionarlo con la funci&oacute;n de depuraci&oacute;n integrada de Hostinger Horizons. Simplemente haz una captura de pantalla, o selecciona, copia y pega todo el mensaje de error. Luego, p&iacute;dele a Hostinger Horizons que se depure as&iacute;:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\"Hola, he encontrado un error. &iquest;Puedes ayudarme a solucionar el problema?\n\n[Pega el mensaje de error o sube la captura de pantalla]\"<\/pre><p class=\"wp-block-paragraph\">Si se producen errores adicionales, simplemente repite el proceso y contin&uacute;a hasta que tu aplicaci&oacute;n web funcione seg&uacute;n lo esperado.<\/p><p class=\"wp-block-paragraph\">O puedes volver a una versi&oacute;n estable anterior y perfeccionar tu enfoque.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p class=\"wp-block-paragraph\">Hostinger Horizons te permite crear aplicaciones web r&aacute;pidamente. Simplemente dile a la herramienta lo que quieres construir y ella har&aacute; todo el trabajo pesado por ti.<\/p><p class=\"wp-block-paragraph\">Puedes subir im&aacute;genes o grabar tu voz para facilitar las indicaciones y como admite m&aacute;s de 80 idiomas, tambi&eacute;n puedes escribir las instrucciones y ver los resultados en tu lengua materna.<\/p><p class=\"wp-block-paragraph\">Entonces, &iquest;tienes algunas ideas geniales de aplicaciones web para tu pr&oacute;ximo proyecto?<\/p><p class=\"wp-block-paragraph\">Reg&iacute;strate por tan s&oacute;lo <strong>CO$ 65900.00 al mes<\/strong> y obtendr&aacute;s un mes de alojamiento gratuito para desplegar y probar tu aplicaci&oacute;n web.&nbsp;<\/p><p class=\"wp-block-paragraph\">Si necesitas conectar un nombre de dominio o una direcci&oacute;n de correo electr&oacute;nico empresarial, puedes hacerlo directamente desde hPanel.<\/p><p class=\"wp-block-paragraph\">Si consideras que la herramienta no satisface tus necesidades, puedes solicitar el reembolso, respaldado por nuestra garant&iacute;a de devoluci&oacute;n del dinero de 30 d&iacute;as.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hostinger Horizons es una herramienta basada en IA que da vida a tus ideas de aplicaciones web de forma r&aacute;pida y sencilla, sin necesidad de programaci&oacute;n. Si tienes una idea innovadora para una aplicaci&oacute;n web basada en un navegador, pero no tienes conocimientos de codificaci&oacute;n y no puedes permitirte un desarrollador, Hostinger Horizons es la [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/como-empezar-a-utilizar-hostinger-horizons\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":353,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-45719","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"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\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/45719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=45719"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/45719\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=45719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=45719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=45719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}