Cómo empezar a utilizar Hostinger Horizons

Cómo empezar a utilizar Hostinger Horizons

Hostinger Horizons es una herramienta basada en IA que da vida a tus ideas de aplicaciones web de forma rápida y sencilla, sin necesidad de programación.

Si tienes una idea innovadora para una aplicación web basada en un navegador, pero no tienes conocimientos de codificación y no puedes permitirte un desarrollador, Hostinger Horizons es la solución ideal para ti.

En esta guía, repasaremos todo lo que necesitas saber para empezar a usar Hostinger Horizons. Descubrirás qué puedes construir con él, cómo funciona y cómo puedes solucionar cualquier error.

¿Qué se puede construir con Hostinger Horizons?

Puedes crear todo tipo de aplicaciones web con Hostinger Horizons. Aquí tienes varios ejemplos de casos de uso divididos en cinco categorías:

  • Productividad y gestión de tareas: un gestor de tareas diarias para organizar tu lista de tareas pendientes, un archivo de notas de reuniones o un tablón de ideas.
  • Rastreadores y planificadores: un seguidor de presupuesto personal, una calculadora de objetivos de ahorro o un monitor de progreso para ayudarte a cambiar un hábito.
  • Cuadros de mando: visualiza métricas clave de proyectos en el trabajo o en la vida, como tus finanzas personales, tus análisis de redes sociales o el tiempo de actividad en tus distintos blogs.
  • Asistente de salud y bienestar: un programador del sueño, una plataforma de gestión de dietas o una herramienta de diario con muchas funciones.
  • Plataformas de aprendizaje y entretenimiento: una aplicació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.

Ten en cuenta que pueden ser necesarios pasos adicionales para añadir funciones más avanzadas. 

Por ejemplo, si quieres que tu aplicación web almacene la información de los usuarios en una base de datos, tendrás que conectarla a Supabase o Firebase, pero Hostinger Horizons puede darte instrucciones para ayudarte con esto.

Además, Hostinger Horizons está todavía en acceso anticipado, así que no puedes crear aplicaciones muy avanzadas, como aplicaciones financieras (como banca online o monederos digitales), juegos 3D, aplicaciones de comercio electrónico o extensiones del navegador Chrome.

Consejo profesional

Prueba a crear tu aplicación web sin riesgos con Hostinger Horizons. Si no puedes utilizarlo para crear la aplicación web que imaginas, aprovecha la garantía de devolución del dinero de 30 días.

¿Cómo funciona Hostinger Horizons?

Como cualquier chatbot, Hostinger Horizons funciona respondiendo a tus indicaciones, por lo que la calidad de la aplicación web dependerá de cómo expreses tus instrucciones.

Hostinger Horizons admite más de 80 idiomas, por lo que puedes escribir avisos en tu lengua materna. Además, puede interpretar las imágenes o capturas de pantalla que subas.

Para obtener consejos más detallados, consulta nuestra guía sobre prompts con Hostinger Horizons. Ten en cuenta que el número de avisos que puedes enviar al mes varía en función del plan que contrates, pero no hay límites diarios.

Cuando estés listo para lanzar tu aplicación web, sólo tienes que hacer clic en el botón Desplegar y se pondrá en marcha utilizando el plan de alojamiento incluido. 

También puedes configurar un dominio web personalizado o conectar una cuenta de correo electrónico desde el panel de control de hPanel.

¿Estás impaciente por construir tu primer proyecto con Hostinger Horizons? Echemos un vistazo más de cerca a sus características.

Empieza a crear tu aplicación web

Ve a la página oficial de Hostinger Horizons. Los planes empiezan en €19.99/mes y todos incluyen un mes de hosting gratuito y ancho de banda ilimitado.

Planes de Hostinger Horizons

Una vez que te hayas suscrito a un plan, inicia sesión en hPanel. A continuación, ve a Sitios web y selecciona Lista de sitios web. Haz clic en Añadir sitio web y elige Hostinger Horizons para empezar a crear.

Opción de Hostinger Horizons en hPanel

Serás dirigido a la página de inicio de Hostinger Horizons: tu centro creativo para crear aplicaciones web.

Sitio web de Hostinger Horizons

Para empezar, describe claramente tu idea de aplicación web en la casilla correspondiente.

Por ejemplo, si quieres crear una aplicación web de recetas, puedes empezar con una simple consulta como ésta:

Construye una aplicación web de búsqueda de recetas.

O amplía las características, los elementos de diseño y la funcionalidad con una indicación más detallada:

Construye una aplicación web de bú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.
Ejemplo de prompt en Hostinger Horizons

¿Quieres mostrar 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.

Botón de adjuntar en Hostinger Horizons

Esto te permite ampliar tu mensaje para incluir afirmaciones como:

Utiliza los mismos colores que en esta captura de pantalla.

o

Crea una aplicación como esta captura de pantalla.

Si prefieres compartir tu idea con tu propia voz, haz clic o toca el icono del micrófono para explicarla en voz alta.

Botón de audio en Hostinger Horizons

Si necesitas una nueva línea en tu consulta, utiliza Mayús + Retorno.

Para enviar tu consulta, pulsa Volver o haz clic en el botón Enviar.

Botón de enviar en Hostinger Horizons

¿No está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.

Sugerencias de aplicaciones en Hostinger Horizons

No olvides que en la parte inferior hay guías ú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.

Una vez enviada tu solicitud, se te dirigirá a un espacio de trabajo con dos paneles. El panel izquierdo te muestra la actividad en vivo de Hostinger Horizons, donde detallará cómo está construyendo tu aplicación.

Panel izquierdo de Hostinger Horizons

El panel derecho es una vista previa interactiva, que te permite probar y perfeccionar tu aplicación en tiempo real. También puedes alternar entre las vistas previas para móvil y escritorio.

Botón de vista previa en móvil/escritorio en Hostinger Horizons

O elige una vista previa a pantalla completa sin el panel izquierdo.

Botón de vista completa en Hostinger Horizons

Si haces cambios que tardan en cargarse, el botón Actualizar puede ayudarte a ver la última versión más rápidamente.

Botón de actualizar en Hostinger Horizons

El cuadro de instrucciones, situado debajo del panel de actividad en vivo, es la clave para personalizar tu aplicación. Aquí puedes proporcionar instrucciones detalladas para añadir más funciones, dar estilo a la interfaz o ajustar los comportamientos específicos de tu aplicación web.

No dudes en utilizar un lenguaje natural. Sé lo más descriptivo posible.

Cuadro de dialogo en Hostinger Horizons

También verás que se muestra un límite de mensajes en el cuadro de mensajes, que se basa en los mensajes restantes que quedan en tu plan. Pasa el ratón por encima del número para ver cuándo se actualiza. Si quieres aumentar ese límite, puedes hacerlo haciendo clic en el enlace Actualizar plan.

Aviso de mensajes restantes en Hostinger Horizons

Cada vez que envíes nuevas instrucciones, Hostinger Horizons realizará actualizaciones. Cuando estén listas, el panel derecho se actualizará para mostrar los últimos cambios.

Ejemplo de uso de Hostinger Horizons

Sigue haciendo ajustes hasta que tu aplicación web esté perfecta. Cuando estés listo para mostrarla, pulsa Desplegar en la parte superior derecha.

Ejemplo de uso de Hostinger Horizons

Cuando el despliegue se haya completado con éxito, se generará una URL activa para compartir.

Aviso de lanzamiento de app web exitoso en Hostinger Horizons

Puedes seguir perfeccionando tu aplicación y cada uno de tus cambios se reflejarán en la versión en vivo poco después.

Para un lanzamiento más profesional, registra y configura un dominio personalizado desde tu panel de control.

Solución de problemas

La IA puede cometer errores o pasar por alto matices del lenguaje humano. Por ejemplo, un cambio en una parte del código podría afectar a otras áreas o podría ignorar un detalle importante en una indicación compleja.

Por esa razón, puedes encontrarte con mensajes de error al utilizar Hostinger Horizons. No te preocupes, si se produce un error, el panel derecho mostrará un mensaje de error junto con el código afectado.

Ejemplo de error en Hostinger Horizons

Puedes solucionarlo con la función de depuración integrada de Hostinger Horizons. Simplemente haz una captura de pantalla, o selecciona, copia y pega todo el mensaje de error. Luego, pídele a Hostinger Horizons que se depure así:

"Hola, he encontrado un error. ¿Puedes ayudarme a solucionar el problema?

[Pega el mensaje de error o sube la captura de pantalla]"

Si se producen errores adicionales, simplemente repite el proceso y continúa hasta que tu aplicación web funcione según lo esperado.

O puedes volver a una versión estable anterior y perfeccionar tu enfoque.

Conclusión

Hostinger Horizons te permite crear aplicaciones web rápidamente. Simplemente dile a la herramienta lo que quieres construir y ella hará todo el trabajo pesado por ti.

Puedes subir imágenes o grabar tu voz para facilitar las indicaciones y como admite más de 80 idiomas, también puedes escribir las instrucciones y ver los resultados en tu lengua materna.

Entonces, ¿tienes algunas ideas geniales de aplicaciones web para tu próximo proyecto?

Regístrate por tan sólo €19.99 al mes y obtendrás un mes de alojamiento gratuito para desplegar y probar tu aplicación web. 

Si necesitas conectar un nombre de dominio o una dirección de correo electrónico empresarial, puedes hacerlo directamente desde hPanel.

Si consideras que la herramienta no satisface tus necesidades, puedes solicitar el reembolso, respaldado por nuestra garantía de devolución del dinero de 30 días.

Author
El autor

Diego Boada

Diego es comunicador social, especialista en publicidad digital que trabaja constantemente en mejorar sus conocimientos de marketing digital, enfocándose en contenido y SEO. Idiomas, series, libros y cursos en internet son sus hobbies principales, además de los deportes. Este es su perfil de LinkedIn.