{"id":123553,"date":"2025-03-03T18:26:33","date_gmt":"2025-03-03T18:26:33","guid":{"rendered":"\/tutorials\/?p=123553"},"modified":"2025-03-04T12:42:01","modified_gmt":"2025-03-04T12:42:01","slug":"prompting-with-hostinger-horizons","status":"publish","type":"post","link":"\/my\/tutorials\/prompting-with-hostinger-horizons","title":{"rendered":"Prompting Hostinger Horizons: build your web app effectively"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Hostinger Horizons is a no-code AI tool that lets you create web applications by just writing prompts. It uses natural language processing (NLP) to interpret your inputs and generate fully functional designs and features without manual coding.<\/p><p class=\"wp-block-paragraph\">To get the best results, you need to craft clear and detailed prompts. The more specific your instructions, the better Hostinger Horizons understands your requirements and delivers accurate, high-quality outputs. On the other hand, vague or incomplete prompts can lead to irrelevant or incorrect results.<\/p><p class=\"wp-block-paragraph\">In this article, you&rsquo;ll learn how to write effective prompts for Hostinger Horizons. We&rsquo;ll share practical tips, compare good vs. bad prompts, and highlight common mistakes to avoid. By the end, you&rsquo;ll be able to create web applications that align with your vision with minimal adjustments.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-prompt-writing-tips-for-hostinger-horizons\"><strong>Prompt writing tips for Hostinger Horizons<\/strong><\/h2><p class=\"wp-block-paragraph\">From being concise to iterating and refining your inputs, here are some prompting tips to help you <a href=\"\/my\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons\/\">create a web app effectively with Hostinger Horizons<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-be-clear-and-specific\"><strong>1. Be clear and specific<\/strong><\/h3><p class=\"wp-block-paragraph\">Being clear and specific means writing your prompt in a precise and detailed way, leaving little room for ambiguity. Clearly define the task, desired outcome, and context.<\/p><p class=\"wp-block-paragraph\">By using specific and detailed prompts, you&rsquo;re helping <strong><a href=\"\/my\/horizons\">Hostinger Horizons<\/a><\/strong> understand your exact needs, reduce the number of iterations, and ensure the AI tool generates results that match your needs.<\/p><p class=\"wp-block-paragraph\"><strong>A good prompt example:<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create an AI-powered recipe suggestion tool that lets users input available ingredients and receive personalized recipe recommendations. Display recipe details, including cooking time, difficulty level, and step-by-step instructions. Use a clean and modern UI with a pastel background, soft accent colors, and high-quality food images.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>This prompt provides clear instructions about the content, structure, and design elements, so Hostinger Horizons can generate a webpage that closely matches the user&rsquo;s vision.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a67225136405\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a67225136405\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"2880\" height=\"1536\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=1024,h=1024,fit=scale-down\" alt=\"A prompt to demonstrate how to be clear and specific when using Hostinger Horizons\n\" class=\"wp-image-123559\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=2880,fit=scale-down 2880w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-be-clear-and-specific.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><figure class=\"wp-block-image size-large\"><a href=\"\/my\/horizons\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-124045\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/03\/EN_Horizons_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\"><strong>A bad prompt example:<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a recipe tool.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>This prompt is too vague and lacks key details about what kind of recipe tool you need, its purpose, features, content, and design preferences. It will give you a recipe tool, but it will be far from what you actually need and will require a lot of work.<\/p><p class=\"wp-block-paragraph\"><strong>Best practices for writing clear and specific prompts<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Outline user interaction and navigation flow<\/strong> &ndash; describe how users should navigate the app and interact with its features.<\/li>\n\n\n\n<li><strong>Specify design and aesthetic preferences<\/strong> &ndash; provide details about the visual aspects so Hostinger Horizons can align the design with your brand identity or personal style.<\/li>\n<\/ul><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                    Suggested reading                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Familiarize yourself with the <a href=\"\/my\/tutorials\/hostinger-horizons-getting-started\/\">Hostinger Horizons interface and key features<\/a> by reading our guide.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-2-break-down-complex-ideas\"><strong>2. Break down complex ideas<\/strong><\/h3><p class=\"wp-block-paragraph\">When using Hostinger Horizons, you may want to include multiple features in your web app. It might seem efficient to request everything in a single prompt to save your message limit. However, breaking down complex ideas into smaller, more manageable tasks leads to better results.<\/p><p class=\"wp-block-paragraph\">This approach, known as decomposed <a href=\"\/my\/tutorials\/ai-prompt-engineering\/\">prompting technique<\/a>, helps Hostinger Horizons focus on specific instructions without being overwhelmed by excessive details. Isolating tasks also makes it easier to identify and correct errors in specific sections.<\/p><p class=\"wp-block-paragraph\"><strong>Good prompt examples:<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a movie review submission form so that users can rate movies on a scale of 1 to 5 stars and write a text review up to 500 words.<\/pre><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Design a movie database page displaying movie titles with posters, genres, release dates, and average user ratings, sortable by rating and release date.<\/pre><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Implement a search functionality that lets users find movies by title, genre, or actor, with autocomplete suggestions.<\/pre><p class=\"wp-block-paragraph\"><strong>Why?<\/strong> By addressing each feature with a specific prompt, the development process becomes more focused, resulting in a functional and user-friendly movie review web app.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6722513c12b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6722513c12b\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"2880\" height=\"1528\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=1024,h=1024,fit=scale-down\" alt=\"A prompt to demonstrate how to break down complex ideas when using Hostinger Horizons\n\" class=\"wp-image-123560\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=2880,fit=scale-down 2880w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-break-down-complex-ideas.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><strong>A bad prompt example:<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a comprehensive movie review website with user accounts, movie listings, review submissions, and search functionality.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>This prompt is too broad and lacks detailed instructions for each feature. As a result, the AI may produce an incomplete or inconsistent outcome, increasing the risk of errors.<\/p><p class=\"wp-block-paragraph\"><strong>Best practices for breaking down complex ideas<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Prioritize tasks based on dependencies<\/strong> &ndash; identify which features rely on others and structure your development accordingly.<\/li>\n\n\n\n<li><strong>Set clear objectives for each feature<\/strong> &ndash; define specific goals and expected outcomes so that every component functions as intended.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-3-start-only-with-core-functionality\"><strong>3. Start only with core functionality<\/strong><\/h3><p class=\"wp-block-paragraph\">Expanding on the previous tip, it&rsquo;s always a good idea to focus on the core functionality before adding extra features. Doing so helps Hostinger Horizons understand your immediate needs, creating a solid foundation before integrating supplementary elements.<\/p><p class=\"wp-block-paragraph\">Taking care of the core features first also ensures that you use your time and message limits efficiently, preventing unnecessary complexity for both you and the tool in the initial stages.<\/p><p class=\"wp-block-paragraph\"><strong>A good prompt example:<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Develop a social media platform that lets users create profiles and share photos with captions. Include basic features such as user registration, profile customization, and a photo feed displaying posts from followed users.<\/pre><p class=\"wp-block-paragraph\"><strong>Why?<\/strong> This prompt focuses on the platform&rsquo;s fundamental aspects, providing a clear and manageable scope for Hostinger Horizons to execute effectively.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a67225141632\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a67225141632\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"2880\" height=\"1550\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=1024,h=1024,fit=scale-down\" alt=\"A prompt to demostrate how to start only with core functionality when using Hostinger Horizons\n\" class=\"wp-image-123562\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=2880,fit=scale-down 2880w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-start-only-with-core-functionality.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><strong>A bad prompt example:<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a social media platform with user profiles, messaging, photo sharing, live streaming, a marketplace, a blog section, virtual reality integration, and AI-driven content recommendations.<\/pre><p class=\"wp-block-paragraph\"><strong>Why?<\/strong> This prompt overwhelms Hostinger Horizons with too many features at once, lacking focus on the essential functionalities. As a result, it may generate incomplete or unfocused outputs.<\/p><p class=\"wp-block-paragraph\"><strong>Best practices for starting with core functionality<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Define your web app&rsquo;s purpose<\/strong> &ndash; Clearly state what your app is designed to do by identifying the problem it solves or the value it brings.<\/li>\n\n\n\n<li><strong>Test core features thoroughly<\/strong> &ndash; Before adding more features, <a href=\"\/my\/tutorials\/web-app-testing\/\">fully test your web app&rsquo;s main functionality<\/a> and address any issues.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-4-incorporate-constraints-and-preferences\"><strong>4. Incorporate constraints and preferences<\/strong><\/h3><p class=\"wp-block-paragraph\">Aside from describing what you expect Hostinger Horizons to do, specifying what it shouldn&rsquo;t do can also help generate a higher-quality output.<\/p><p class=\"wp-block-paragraph\">Incorporating constraints helps narrow down your prompt to be more specific and less ambiguous.<\/p><p class=\"wp-block-paragraph\"><strong>A good prompt example<\/strong>:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a simple and basic to-do-list web application. Here are the limitations to consider:\n\nDon&rsquo;t include user authentication.\n\nAvoid using fancy transitions or animations.\n\nUse HTML, CSS, and JavaScript only, don&rsquo;t incorporate any frameworks or libraries.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>Adding restrictions enables Hostinger Horizons to exclude unwanted technologies or features from your application, making the output more aligned with your desired specifications and helping save time.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6722514671d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6722514671d\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"2880\" height=\"1536\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=1024,h=1024,fit=scale-down\" alt=\"A prompt to demonstrate how to incorporate constraint and preferences\n\" class=\"wp-image-123564\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=2880,fit=scale-down 2880w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-prompt-incorporate-constraint-preferences.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><strong>A bad prompt example<\/strong>:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a simple and basic to-do-list web application.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>This prompt lacks details and clarity about the application&rsquo;s specifications. This results in a more general output that might not fit your needs.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-upload-images-to-show-exactly-what-you-want\"><strong>5. Upload images to show exactly what you want<\/strong><\/h3><p class=\"wp-block-paragraph\">Hostinger Horizons lets you upload images to guide the AI when generating your web app.<\/p><p class=\"wp-block-paragraph\">It&rsquo;s especially useful if you have a sketch, wireframe, color palette, or design reference that you want Hostinger Horizons to follow. Instead of describing everything in text, you can provide a visual reference to make the output more precise.<\/p><p class=\"wp-block-paragraph\">Simply hit the <strong>Upload file<\/strong> button in the prompt field, select the image you want to use, and write a prompt describing what you want the AI to do.<\/p><p class=\"wp-block-paragraph\">You can also upload screenshots from the generated output to refine the design. If certain elements don&rsquo;t look the way you want, try taking a screenshot from the right preview pane and highlighting the part you want to change. Hostinger Horizons will then adjust it accordingly.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6722514a9f2\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6722514a9f2\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1460\" height=\"705\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input.png\/w=1024,h=1024,fit=scale-down\" alt=\"Hostinger Horizons updates a specific part of the application based on the image input\n\" class=\"wp-image-123565\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input.png\/w=1460,fit=scale-down 1460w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Please note that although this feature lets you use existing websites as inspiration, <strong>we strongly advise against blatantly copying copyrighted designs<\/strong>, as this can lead to legal issues. Instead, ask Hostinger Horizons to create a web app with similar functionality but a unique, original layout, like this:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Hey, I want to create a web app similar to IMDb, which lets users search for movies, rate them, and read reviews. The screenshot of the platform is attached. I&rsquo;d like you to take the image as an inspiration, especially when adding the features and deciding on the button placements. However, please use a unique layout, color scheme, and design.\"<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6722514de84\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6722514de84\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1460\" height=\"714\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration.png\/w=1024,h=1024,fit=scale-down\" alt=\"Hostinger Horizons generates a web application using an image as inspiration\n\" class=\"wp-image-123567\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration.png\/w=1460,fit=scale-down 1460w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-6-ask-the-tool-to-fix-issues\"><strong>6. Ask the tool to fix issues<\/strong><\/h3><p class=\"wp-block-paragraph\">Since Hostinger Horizons is still in <strong>early access<\/strong>, you may occasionally encounter errors when generating web apps. That&rsquo;s why we offer a <strong>30-day money-back guarantee<\/strong> if you decide to change your mind after trying it.<\/p><p class=\"wp-block-paragraph\">The good news is that Hostinger Horizons includes a built-in <strong>debugging<\/strong> feature that detects and fixes issues based on your prompt. When an error occurs, instead of displaying the web app preview in the right pane, the tool will show an error message along with the affected lines of code.<\/p><p class=\"wp-block-paragraph\">What you can do is copy the error message and the highlighted code, paste them into the prompt field, and ask Hostinger Horizons to analyze and correct it, like this:<\/p><p class=\"wp-block-paragraph\"><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Hey, I encountered an error in my web app. Can you analyze this code and fix the issue?\n[Insert the affected code lines]\n<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a67225152433\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a67225152433\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1460\" height=\"707\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-fix-the-given-error-message.png\/w=1024,h=1024,fit=scale-down\" alt=\"Hostinger Horizons fix the given error message\n\" class=\"wp-image-123568\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-fix-the-given-error-message.png\/w=1460,fit=scale-down 1460w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-fix-the-given-error-message.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-fix-the-given-error-message.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-fix-the-given-error-message.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/45\/2025\/02\/hostinger-horizons-fix-the-given-error-message.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">If additional errors appear, repeat the process &ndash; copy the error, ask the tool to identify and fix it &ndash; until your web app works as expected.<\/p><h2 class=\"wp-block-heading\" id=\"h-advanced-tips-for-crafting-high-quality-prompts\"><strong>Advanced tips for crafting high-quality prompts<\/strong><\/h2><p class=\"wp-block-paragraph\">In addition to the basic tips, consider the following advanced techniques when writing prompts for Hostinger Horizons to further enhance the output quality and accuracy:<\/p><h3 class=\"wp-block-heading\" id=\"h-use-steps-in-your-prompt\"><strong>Use steps in your prompt<\/strong><\/h3><p class=\"wp-block-paragraph\">While we suggest breaking down complex ideas into multiple prompts, you may prefer to keep related tasks in a single prompt.<\/p><p class=\"wp-block-paragraph\">If that&rsquo;s the case, try formatting your prompt as a step-by-step instruction instead of a paragraph. Using steps helps Hostinger Horizons follow your instructions in chronological order, resulting in more coherent and consistent results.<\/p><p class=\"wp-block-paragraph\">Additionally, a structured prompt makes it easier to review and refine as needed.<\/p><p class=\"wp-block-paragraph\"><strong>A good prompt example<\/strong>:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a page in my application for logging in and signing up. Here&rsquo;s what you should do:\n\nMake a dedicated page for users to log in or sign up.\n\nAdd username, email address, and password forms.\n\nConnect these forms with their corresponding database tables.\n\nInsert an action button to log in or sign up.\n\nAdd a hyperlink that switches the user from the login page to the signup page if they don&rsquo;t have an account.\n\nPut an error message if the inputted data is invalid.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>This prompt has a clear flow and separation of topics, describing what Hostinger Horizons should create in chronological order.<\/p><p class=\"wp-block-paragraph\"><strong>A bad prompt example<\/strong>:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Create a page in my application for logging in and signing up. Here, add forms for username, email address, and password forms, which are connected to the corresponding database tables. Add two buttons for logging in\/sign up and redirection for users who don&rsquo;t have an account. If the inputted data is invalid, add an error.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>This prompt doesn&rsquo;t separate the tasks clearly, making it difficult to follow. Hostinger Horizons might miss some instructions and give an incomplete output.<\/p><h3 class=\"wp-block-heading\" id=\"h-include-technical-terms\"><strong>Include technical terms<\/strong><\/h3><p class=\"wp-block-paragraph\">If you are familiar with web development or design, consider including technical terms in your prompt. For example, you can use terms like <strong>flexbox<\/strong>, <strong>lazyloading<\/strong>, and <strong>minimalist design<\/strong>.<\/p><p class=\"wp-block-paragraph\">Adding technical terms makes your prompt more efficient and specific, minimizing ambiguity. This also ensures that the AI output aligns more closely with your app requirements.<\/p><p class=\"wp-block-paragraph\"><strong>Good prompt examples<\/strong>:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Change the overall design of my web application with the flat design utilizing only two-dimensional elements and a monochrome color palette.<\/pre><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Change the overall design of my web application with the flat design utilizing only two-dimensional elements and a monochrome color palette.<\/pre><p class=\"wp-block-paragraph\"><strong>Why?<\/strong> These prompts contain technical terms and a detailed description of what to add to the application. This allows Hostinger Horizons to understand your requirements more easily.<\/p><p class=\"wp-block-paragraph\"><strong>Bad prompt examples<\/strong>:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Change the design of my web application. I want it to be very simple and basic, both in terms of color and design.<\/pre><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\" data-enlighter-theme=\"atomic\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Make my web application load images only when users view them.<\/pre><p class=\"wp-block-paragraph\"><strong>Why? <\/strong>Hostinger Horizons might misinterpret these prompts because they are vague. For example,<strong> simple and basic design<\/strong> doesn&rsquo;t always mean a flat design.<\/p><h2 class=\"wp-block-heading\" id=\"h-managing-credits-and-avoiding-message-limits\"><strong>Managing credits and avoiding message limits<\/strong><\/h2><p class=\"wp-block-paragraph\">Like other <a href=\"\/my\/tutorials\/best-ai-tools-for-web-app-development\/\">web development AI tools<\/a>, Hostinger Horizons has a specific message limit, making it important to manage your credit efficiently.<\/p><p class=\"wp-block-paragraph\">One <a href=\"\/my\/tutorials\/avoid-common-mistakes-with-hostinger-horizons\/\">common mistake when using Hostinger Horizons<\/a> is spending too many credits on building the web application. You should ideally reserve some for tasks like integrating external services and troubleshooting.<\/p><p class=\"wp-block-paragraph\">While the message limit resets monthly, and you can upgrade to a higher plan to get more credits, managing your credits properly makes your development more efficient.<\/p><p class=\"wp-block-paragraph\">Here are Hostinger Horizons prompting strategies that help you get the best use of your message credits efficiently:<\/p><ul class=\"wp-block-list\">\n<li>Write a detailed and clear prompt to avoid repeating basic points in the later stage of your development.<\/li>\n\n\n\n<li>Double-check your prompt before submitting it so that you won&rsquo;t waste your credits for completing the initial instruction.<\/li>\n\n\n\n<li>Build upon the first output, and iterate one specific aspect of development at a time. For example, focus on the visual elements, then move on to features.<\/li>\n\n\n\n<li>Each time you iterate the output, follow the initial prompt structure: describe the goal of the follow-up input, the specifications, and your expectations.<\/li>\n\n\n\n<li>Structure your prompt so you consistently provide effective input.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Note that regardless of how efficient your prompts are, your web application&rsquo;s complexity remains the biggest factor determining the number of credits you will use.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p class=\"wp-block-paragraph\">As an AI-powered web development tool, Hostinger Horizons relies on high-quality prompts to give accurate results. Your prompt must be detailed and provide enough information about the task and project requirements.<\/p><p class=\"wp-block-paragraph\">Start by describing your application&rsquo;s core functionality, and move on to the details afterward. To make your instructions clearer, break down complex tasks into multiple prompts and include constraints so Hostinger Horizons better understands what to include in your project.<\/p><p class=\"wp-block-paragraph\">If you have a visual plan or inspiration for your web application, you can also upload it to Hostinger Horizons as a prompt.<\/p><p class=\"wp-block-paragraph\">We hope this article has helped you write effective prompts for a more efficient web development process. If you have questions about Hostinger Horizons, leave a comment below or read our <a href=\"\/my\/tutorials\/hostinger-horizons-faq\/\">Hostinger Horizons FAQ<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-faq-on-prompting-in-hostinger-horizons\"><strong>FAQ on Prompting in Hostinger Horizons<\/strong><\/h2><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1740576239408\"><h3 class=\"schema-faq-question\"><strong>What type of web apps can I build?<\/strong><\/h3> <p class=\"schema-faq-answer\">Hostinger Horizons lets you build almost any type of application, from an online checkers game that connects random players to a <a href=\"\/my\/tutorials\/create-time-tracking-web-app\/\">complex time-tracking platform<\/a> that logs work hours. However, you can&rsquo;t build enterprise-level applications, such as a finance or payroll tool, due to AI limitations.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1740576243499\"><h3 class=\"schema-faq-question\"><strong>How detailed should my prompts be?<\/strong><\/h3> <p class=\"schema-faq-answer\">The more detailed your prompts, the better output Hostinger Horizons will give. Ideally, you should clearly explain the task, your desired outcome, context, and application requirements. It&rsquo;s better to start with a broader prompt encompassing the basic areas of your project and refine the details step by step.&nbsp;<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1740576249115\"><h3 class=\"schema-faq-question\"><strong>What should I do if the output isn&rsquo;t what I expected?<\/strong><\/h3> <p class=\"schema-faq-answer\">It&rsquo;s normal for an AI tool to give a subpar initial output. In this case, give follow-up prompts to refine the result so it will be more aligned with your expectations. Refine one aspect of your application at a time until you get the desired outcome, then move on to the next.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hostinger Horizons is a no-code AI tool that lets you create web applications by just writing prompts. It uses natural language processing (NLP) to interpret your inputs and generate fully functional designs and features without manual coding. To get the best results, you need to craft clear and detailed prompts. The more specific your instructions, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/my\/tutorials\/prompting-with-hostinger-horizons\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":411,"featured_media":124235,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Effective web app development prompting with Hostinger Horizons","rank_math_description":"Learn how to write effective prompts for developing web apps in Hostinger Horizons: 1. Be clear and specific; 2. Break down complex ideas + more.","rank_math_focus_keyword":"prompting with hostinger horizons","footnotes":""},"categories":[],"tags":[],"class_list":["post-123553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/prompting-with-hostinger-horizons","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/prompts-para-a-hostinger-horizons","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/prompting-avec-hostinger-horizons","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/tips-prompt-untuk-hostinger-horizons","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/hostinger-horizons-prompting","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/prompting-con-hostinger-horizons","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/prompting-with-hostinger-horizons\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/prompts-para-a-hostinger-horizons","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/123553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/users\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/comments?post=123553"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/123553\/revisions"}],"predecessor-version":[{"id":124412,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/123553\/revisions\/124412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/media\/124235"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/media?parent=123553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/categories?post=123553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/tags?post=123553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}