{"id":10261,"date":"2026-05-04T13:39:23","date_gmt":"2026-05-04T13:39:23","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10261"},"modified":"2026-11-12T07:37:21","modified_gmt":"2026-11-12T07:37:21","slug":"hostinger-ai-builder-agentic-mode-product-overview","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-ai-builder-agentic-mode-product-overview\/","title":{"rendered":"Hostinger AI Builder: Overview and features in agentic mode"},"content":{"rendered":"<p><a data-click-id=\"hgr-post-content-link-hostinger-ai-builder\" href=\"\/ai-builder\">Hostinger AI Builder<\/a> agentic mode is an AI-powered development tool that lets you create custom web applications and websites in minutes without writing code. Hostinger AI Builder agentic mode suits solopreneurs or beginners building functional browser-based apps, such as fitness trackers or management tools, as well as full websites using natural language prompts. It also serves web developers who want to build complex software with less effort through advanced prompting and manual debugging.<\/p><h2 id=\"h-how-hostinger-ai-builder-agentic-mode-works\">How Hostinger AI Builder agentic mode works<\/h2><p>Hostinger AI Builder agentic mode functions as an <a data-click-id=\"hgr-post-content-link-ai-collaborator\" href=\"https:\/\/www.youtube.com\/watch?v=5q00BpAocwU\" target=\"_blank\" rel=\"noopener\">AI collaborator<\/a>. You provide instructions through chat or voice, and the AI generates the code, file structure, and backend for your website or application.<\/p><ul>\n<li><strong>Multilingual support<\/strong>: Enter your prompts in your preferred language; more than 80 languages are supported.<\/li>\n<li><strong>Visual inputs<\/strong>: You can upload images or screenshots for the AI to interpret and recreate.<\/li>\n<li><strong>eCommerce<\/strong>: Connect your project to <a data-click-id=\"hgr-post-content-link-hostinger-ecommerce\" href=\"\/ecommerce\">Hostinger Ecommerce<\/a>, a standalone subscription, to manage your online store directly within Hostinger.<\/li>\n<li><strong>Realtime features<\/strong>: Add live features that update instantly for every visitor, such as room chat, live polls, and multiplayer games. See <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder-how-to-add-realtime-features-in-agentic\" href=\"https:\/\/www.hostinger.com\/support\/hostinger-ai-builder-how-to-add-realtime-features-in-agentic-mode\/\">Hostinger AI Builder: How to add realtime features in agentic mode<\/a>.<\/li>\n<li><span data-path-to-node=\"6,3,1,0\"><span data-path-to-node=\"6,3,1,0\"><b data-path-to-node=\"6,3,1,0\" data-index-in-node=\"0\"><span class=\"citation-900\">Technical flexibility<\/span><\/b><span class=\"citation-900\">: Hostinger AI Builder agentic mode automatically selects a tech stack for your app, typically Node.js for the backend and React and Vite for the front end.<\/span><\/span><\/span>&nbsp;However, y<span data-path-to-node=\"6,3,1,0\"><span class=\"citation-900\">ou can request specific technologies or tools<\/span><\/span><span data-path-to-node=\"6,3,1,2\">.<\/span><\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">Changing the default tech stack may cause compatibility issues.<\/div><h2 id=\"h-create-websites-and-apps-with-hostinger-ai-builder-agentic-mode\">Create websites and apps with Hostinger AI Builder agentic mode<\/h2><p>Hostinger AI Builder agentic mode&nbsp;is designed for vibe coding, allowing you to build a wide variety of digital projects across several categories. Here are a few examples:<\/p><ul>\n<li><strong>Professional websites<\/strong>: Build landing pages, personal portfolios, business sites, online shops, and event websites.<\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">See it in action: Watch how to build a professional portfolio website using Hostinger AI Builder agentic mode &mdash; no coding needed:<\/div><div class=\"intercom-h2b-video\">\n<p><iframe title=\"AI Built me a Portfolio in MINUTES ! AI Portfolio Tutorial (2026)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/s1VI2TjcLYc?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><\/p>\n<\/div><ul>\n<li><strong>Productivity and task management<\/strong>: Create <a data-click-id=\"hgr-post-content-link-habit-trackers\" href=\"\/tutorials\/create-habit-tracking-web-app\/\">habit trackers<\/a>,&nbsp;<a data-click-id=\"hgr-post-content-link-fitness-platforms\" href=\"\/tutorials\/create-fitness-web-app\/\" rel=\"follow\" data-wpel-link=\"internal\">fitness platforms<\/a>, interactive to-do lists, <a data-click-id=\"hgr-post-content-link-time-tracking\" href=\"\/tutorials\/create-habit-tracking-web-app\/\">time-tracking<\/a> tools, or brainstorming boards, personal budget calculators, savings goal monitors, and more.<\/li>\n<li><strong>Dashboards<\/strong>: Visualize key metrics such as personal finance overviews or project status monitors.<\/li>\n<li><strong>Learning and entertainment<\/strong>: Create gamified <a data-click-id=\"hgr-post-content-link-learning-apps\" href=\"\/tutorials\/how-to-make-web-app\/\">learning apps<\/a>, interactive quizzes, or <a data-click-id=\"hgr-post-content-link-web-based-versions-of-classic-2d-and-3d-games\" href=\"\/support\/hostinger-ai-builder-how-to-create-a-game-in-agentic-mode\/\">web-based versions of classic 2D and 3D games<\/a> like Snake or Tetris.<\/li>\n<\/ul><h2 id=\"h-how-to-access-hostinger-ai-builder-agentic-mode\">How to access Hostinger AI Builder agentic mode<\/h2><p>To <a data-click-id=\"hgr-post-content-link-create-your-first-website-with-hostinger-ai-builder-agentic\" href=\"\/support\/how-to-create-a-web-app-using-hostinger-ai-builder-agentic-mode\/\">create your first website with Hostinger AI Builder agentic mode<\/a>, follow these steps.<\/p><ol>\n<li>Go to Hostinger dashboard <span style=\"font-weight: 400\">&rarr; <\/span><a data-click-id=\"hgr-post-content-link-websites\" href=\"https:\/\/hpanel.hostinger.com\/websites\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Websites<\/span><\/a>.<\/li>\n<li>Click on <strong>Create site<\/strong> and select <strong>AI Builder<\/strong><br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-22016\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-23.png\/public\" alt=\"\" width=\"1115\" height=\"534\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-23.png\/w=1115,fit=scale-down 1115w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-23.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-23.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-23.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1115px) 100vw, 1115px\" \/><\/li>\n<li>Answer the setup questions, then select <strong>Build it by chatting<\/strong> on the <strong>How do you want to build?<\/strong> card and click <strong>Continue<\/strong>.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-25314\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-12.png\" alt=\"\" width=\"1910\" height=\"861\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-12.png 1910w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-12-300x135.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-12-1024x462.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-12-768x346.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-12-1536x692.png 1536w\" sizes=\"(max-width: 1910px) 100vw, 1910px\" \/><\/li>\n<\/ol><p>Choose a domain for your website and click <strong>Next<\/strong>, or click <strong>Continue without domain<\/strong> to set one up later.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-25316\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-13.png\" alt=\"\" width=\"1908\" height=\"866\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-13.png 1908w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-13-300x136.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-13-1024x465.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-13-768x349.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_13-13-1536x697.png 1536w\" sizes=\"(max-width: 1908px) 100vw, 1908px\" \/><\/p><p>If you use a temporary domain, Hostinger AI Builder generates a project name based on your initial prompt, such as calendar-app-802980.hostingersite.com, making it easier to identify your project later if you have several.<\/p><p>To edit an existing website:<\/p><ol>\n<li>Go to Hostinger dashboard <span style=\"font-weight: 400\">&rarr; <\/span><a data-click-id=\"hgr-post-content-link-websites-2\" href=\"https:\/\/hpanel.hostinger.com\/websites?websiteType=horizons\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Websites<\/span><\/a>.<\/li>\n<li>Hover to your website and click on <strong>Edit site<\/strong>.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-22022\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png\/public\" alt=\"\" width=\"1160\" height=\"336\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png\/w=1160,fit=scale-down 1160w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1160px) 100vw, 1160px\" \/><\/li>\n<\/ol><h2 id=\"h-hostinger-ai-builder-agentic-mode-interface-features\">Hostinger AI Builder agentic mode interface features<\/h2><p>The Hostinger AI Builder agentic mode editor is divided into a few functional areas to help you manage and refine your project.<\/p><h3>Sidebar menu<\/h3><p>Click on the &equiv; icon to access your website management tools.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-16110\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-19_16-02.png\/public\" alt=\"\" width=\"491\" height=\"846\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-19_16-02.png\/w=491,fit=scale-down 491w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-19_16-02.png\/w=174,fit=scale-down 174w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><\/p><ul>\n<li><a data-click-id=\"hgr-post-content-link-ai-credits\" href=\"\/support\/11136677-hostinger-ai-builder-agentic-mode-ai-credits\/\"><strong>AI credits<\/strong><\/a>: Displays your remaining and total credits for the current cycle.<\/li>\n<li><strong>AI credits usage<\/strong>: Provides a detailed graph of credit consumption over the last 24 hours, 7 days, or 30 days.<\/li>\n<li><strong>Get AI credits<\/strong>: Options to <a data-click-id=\"hgr-post-content-link-upgrade\" href=\"\/support\/10771095-hostinger-ai-builder-how-to-upgrade-a-plan\/\">upgrade<\/a> your plan or <a data-click-id=\"hgr-post-content-link-top-up\" href=\"\/support\/11136677-hostinger-ai-builder-agentic-mode-ai-credits\/#h-top-ups\">top up<\/a> your current balance.<\/li>\n<li><strong>Hostinger dashboard<\/strong>: Redirects you to the main <a data-click-id=\"hgr-post-content-link-hostinger-dashboard\" href=\"\/support\/1583483-comprehensive-guide-to-hostinger-dashboard-at-hostinger\/\">Hostinger dashboard<\/a>.<\/li>\n<li><strong>Create new website<\/strong>: Start a fresh project from scratch.<\/li>\n<li><strong>Duplicate this website<\/strong>: Create a copy of your current project.<\/li>\n<li><strong>Account sharing<\/strong>: Securely <a data-click-id=\"hgr-post-content-link-grant-access\" href=\"\/support\/1583777-how-to-share-access-to-your-account-at-hostinger\/\">grant access<\/a> to your hosting plan to other users or collaborators.<\/li>\n<li><strong>Earn money with Hostinger AI Builder<\/strong>: Access the <a data-click-id=\"hgr-post-content-link-referral-program\" href=\"\/support\/6080777-how-to-use-the-referral-program-at-hostinger\/\">referral program<\/a> or allow others to use your website as a template for commissions.<\/li>\n<li><strong>Completion sound<\/strong>: Toggle audio notifications for when the AI finishes a task.<\/li>\n<\/ul><h3>Chat area<\/h3><p>Review your previous prompts and responses. After each AI output, you can find the following options.<\/p><ul>\n<li><strong>Reply to specific text<\/strong>: Select any text within an AI response and click <strong>Reply<\/strong> to attach it to your next message. The AI then knows exactly which part you&rsquo;re referring to, without needing to copy, paste, or describe it.<br>\n<img decoding=\"async\" class=\"alignnone wp-image-14793 size-full\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-07_10-29-e1787130127536.png\/public\" alt=\"\" width=\"470\" height=\"590\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-07_10-29-e1787130127536.png\/w=470,fit=scale-down 470w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-07_10-29-e1787130127536.png\/w=239,fit=scale-down 239w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><\/li>\n<li><strong>Quick-select answers<\/strong>: When Hostinger AI Builder asks a clarifying question, you may see clickable answer options instead of typing a full response. Depending on the question, you can select a single option, select multiple options, or write your own answer.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-14900\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-10_09-06.png\/public\" alt=\"\" width=\"563\" height=\"447\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-10_09-06.png\/w=563,fit=scale-down 563w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-10_09-06.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/li>\n<li><strong>Provide feedback<\/strong>: Rate the message to improve future responses.<\/li>\n<li><strong>Credit usage<\/strong>: This icon shows whether AI credits were used for a specific response. Hover on it for details.<br>\n<img decoding=\"async\" class=\"alignnone wp-image-11722 size-full\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/06\/Screenshot-2026-06-17-at-11.06.36.png\" alt=\"\" width=\"564\" height=\"283\" data-media-id=\"10265\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/06\/Screenshot-2026-06-17-at-11.06.36.png\/w=564,fit=scale-down 564w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/06\/Screenshot-2026-06-17-at-11.06.36.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/li>\n<li><strong>Undo\/Restore<\/strong>: Reverts the code changes from a specific message. If no actions were taken, the restore button will not be displayed.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-8700\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/03\/hostinger-horizons-restore.png\/public\" alt=\"Hostinger AI Builder interface showing the Restore button highlighted by an orange arrow\" width=\"332\" height=\"104\" data-media-id=\"8700\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/03\/hostinger-horizons-restore.png\/w=466,fit=scale-down 466w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/03\/hostinger-horizons-restore.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 332px) 100vw, 332px\" \/><\/li>\n<li>When a response modifies multiple files, each file appears as a separate <strong>Code changes<\/strong> entry with its own <strong>Restore<\/strong> button, so you can revert an individual file&rsquo;s changes without reverting the entire message.<br>\n<img decoding=\"async\" class=\"alignnone wp-image-17332 size-full\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_10-16-e1787887141256.png\/public\" alt=\"\" width=\"580\" height=\"305\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_10-16-e1787887141256.png\/w=580,fit=scale-down 580w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_10-16-e1787887141256.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/li>\n<li><strong>On desktop<\/strong>, you can <strong>resize the chat<\/strong> panel by dragging its edge. Your preferred width is saved and stays the same after a reload. Drag the handle all the way to one side to hide the panel, or double-click it to reset to the default size.<\/li>\n<\/ul><h3>Prompt area<\/h3><p>This is where you communicate with the AI. Enter text or use voice-to-text via the microphone icon. You can also upload a reference image using the image icon.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-19231\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-52.png\/public\" alt=\"\" width=\"480\" height=\"143\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-52.png\/w=480,fit=scale-down 480w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-52.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/p><h3>Top navigation bar<\/h3><p>Manage the technical aspects of your site.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-19233\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-53.png\/public\" alt=\"\" width=\"1425\" height=\"177\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-53.png\/w=1425,fit=scale-down 1425w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-53.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-53.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-30_14-53.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1425px) 100vw, 1425px\" \/><\/p><ul>\n<li><strong>Agent<\/strong>: Get instant assistance with product questions.<\/li>\n<li><strong>Publish<\/strong>: Pushes your latest saved changes to the <a data-click-id=\"hgr-post-content-link-live-version\" href=\"\/support\/10506149-hostinger-ai-builder-agentic-mode-how-to-publish-your-app\/\">live version<\/a> of your website.<\/li>\n<\/ul><p>On the preview area, you will find the following editor modes:<\/p><ul>\n<li><strong>Refresh preview<\/strong>: update the current view.<\/li>\n<li><strong>Open main page<\/strong> (home icon): load your home page in preview mode.<\/li>\n<li><strong>Editor modes<\/strong>: Switch between the following:\n<ul>\n<li><strong>Preview<\/strong>: Default mode, displays the latest updates on your website.<\/li>\n<li><strong><a data-click-id=\"hgr-post-content-link-select-and-edit\" href=\"\/support\/11695969-hostinger-ai-builder-agentic-mode-visual-editor-changes\/\">Select and edit<\/a><\/strong>: Use this tool to click one or more elements on your website &mdash; drag or Shift+click to select multiple &mdash; then either edit them manually (text formatting, images) or type instructions for AI to apply changes only to the selected elements. You can also attach reference images to your annotation for AI to use, such as a photo you want applied as a background. Supported formats are JPEG, PNG, GIF, WebP, AVIF, and ICO, with a maximum of 10 images per session and 15 MB per image. This uses AI credits, the same as other <strong>Select and edit<\/strong> changes.<\/li>\n<li><strong>Code<\/strong>: View the file structure and use the <a data-click-id=\"hgr-post-content-link-code-editor\" href=\"\/support\/11987074-hostinger-ai-builder-agentic-mode-code-editor\/\">code editor<\/a>.<\/li>\n<li><strong>Data <\/strong>(optional): Access the <a data-click-id=\"hgr-post-content-link-integrated-backend\" href=\"\/support\/how-to-access-and-modify-your-hostinger-ai-builder-agentic-mode-project-data\/\">integrated backend<\/a>. Available if you have added backend functionality to your website.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Device toggle<\/strong>: Switch to mobile view to check your app&rsquo;s responsiveness.<\/li>\n<li>Button to open your website preview on a new tab.<\/li>\n<li>Fullscreen view (hide the chat and prompt areas)<\/li>\n<\/ul><h3>Live preview during follow-up requests in Hostinger AI Builder agentic mode<\/h3><p>The Hostinger AI Builder agentic mode preview stays live while AI applies a follow-up request. You can scroll, click, and open other pages of your website while AI works. Pages you open already include the latest applied changes. A page that is still being updated is never shown.<\/p><p>A status label shows what AI is doing, such as <b>Creating plan<\/b>, <b>Working<\/b>, <b>Reloading preview<\/b>, or <b>Checking code quality<\/b>. The label appears at the top of the preview and in the chat panel below your latest prompt.<\/p><p>Using <b>Stop<\/b>, <b>Undo<\/b>, or <b>Restore<\/b> doesn&rsquo;t clear the preview. The preview stays visible after you use them.<\/p><p>The live preview applies to follow-up requests, not to the first build of a new website.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-25284\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_09-33.png\" alt=\"\" width=\"1351\" height=\"664\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_09-33.png 1351w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_09-33-300x147.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_09-33-1024x503.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/11\/2026-11-12_09-33-768x377.png 768w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/p><div class=\"intercom-container intercom-align-center\">With <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder-2\" href=\"\/support\/7266945-how-to-use-hostinger-ai-builder\/\">Hostinger AI Builder<\/a>&nbsp;agentic mode, describing what you want to build is enough for the AI to generate the code, design, and backend for your project.<\/div><p><strong>NOTES<\/strong><\/p><ul>\n<li><span data-path-to-node=\"6,1,1,0\"><span class=\"citation-902\">Currently, Hostinger AI Builder agentic mode cannot create browser extensions, trading or banking applications, as well as native mobile applications for the App Store (iOS) or Google Play (Android)<\/span><\/span><span data-path-to-node=\"6,1,1,2\">.<\/span><\/li>\n<li>Using the Undo\/Restore function to revert your website to a previous state does not reinstate used credits.<\/li>\n<\/ul><h2 id=\"h-follow-the-recommended-steps-guide-in-hostinger-ai-builder-agentic-mode\">Follow the Recommended steps guide in Hostinger AI Builder agentic mode<\/h2><p>The <strong>Recommended steps<\/strong> guide in Hostinger AI Builder agentic mode is a card in the chat panel that lists eight setup steps for a newly built website. The card appears below the latest AI reply and above the <strong>Ask for changes<\/strong> box. It only appears for websites that are not yet published.<\/p><h3>The eight Recommended steps<\/h3><ol>\n<li><strong>Replace example content<\/strong> &ndash; Click <strong>Get prompt<\/strong> to add a ready-made prompt to the <strong>Ask for changes<\/strong> box. The prompt asks AI to find placeholder content, such as phone numbers, email addresses, opening hours, and social links, and to request your real details. Send the prompt to run it.<\/li>\n<li><strong>Set up your store<\/strong> &ndash; Click <strong>Open Ecommerce<\/strong> to open the Ecommerce dashboard, where you add products, connect payments, and set up shipping.<\/li>\n<li><strong>Place a test order<\/strong> &ndash; Go through your checkout from start to finish as a customer would. New orders appear in the Ecommerce dashboard.<\/li>\n<li><strong>Try Select &amp; edit for precise edits<\/strong> &ndash; Click <strong>Try it<\/strong> to turn on <a data-click-id=\"hgr-post-content-link-select-edit\" href=\"\/support\/11695969-hostinger-ai-builder-agentic-mode-visual-editor-changes\/\"><strong>Select &amp; edit<\/strong><\/a>. Then click text or images in the preview to edit them directly, or click any other element to leave a comment for AI to apply.<\/li>\n<li><strong>Review your website<\/strong> &ndash; Check your website as a visitor would and confirm that everything works. Ask AI in the chat to change anything you want to adjust.<\/li>\n<li><strong>Get ideas from AI<\/strong> &ndash; Click <strong>Get prompt<\/strong> to add a prompt that asks AI to suggest improvements or new sections. Send the prompt, then pick the ideas you like.<\/li>\n<li><strong>Publish your website<\/strong> &ndash; Click <strong>Publish<\/strong> to publish your website and keep updating it afterward.<\/li>\n<li><strong>Connect domain<\/strong> &ndash; Click <strong>Connect domain<\/strong> to connect a custom domain to your website.<\/li>\n<\/ol><h3>Complete, skip, or finish the steps<\/h3><p>Steps 1 to 6 include a <strong>Skip<\/strong> button. Steps 2, 3, and 5 also include a <strong>Mark as done<\/strong> button. The <strong>Publish your website<\/strong> and <strong>Connect domain<\/strong> steps show only their own action button.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-20218\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-06.png\/public\" alt=\"\" width=\"1281\" height=\"695\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-06.png\/w=1281,fit=scale-down 1281w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-06.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-06.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-06.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1281px) 100vw, 1281px\" \/><\/p><p>Completed or skipped steps move into a collapsed <strong>Done or skipped<\/strong> list that shows how many steps are in it. The expand and collapse icon in the top-right corner of the card opens and closes the card.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-20217\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-05.png\/public\" alt=\"\" width=\"1293\" height=\"711\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-05.png\/w=1293,fit=scale-down 1293w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-05.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-05.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-05.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1293px) 100vw, 1293px\" \/><\/p><p>After you complete or skip all eight steps, the card shows <strong>You&rsquo;ve gone through all recommended steps<\/strong>, along with a <strong>Was this guide useful?<\/strong> rating and a <strong>Hide this guide<\/strong> button. Rating the guide opens a <strong>Tell us more about what you think of this guide<\/strong> form with a <strong>Send feedback <\/strong>button.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-20216\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-04.png\/public\" alt=\"\" width=\"1288\" height=\"644\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-04.png\/w=1288,fit=scale-down 1288w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-04.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-04.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-12_09-04.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1288px) 100vw, 1288px\" \/><\/p><p><strong>NOTES<\/strong><\/p><ul>\n<li>The Recommended steps guide is available only in Hostinger AI Builder agentic mode, not in manual mode.<\/li>\n<li>The guide does not appear on websites that were already published it was introduced.<\/li>\n<\/ul><h2 id=\"h-frequently-asked-questions\">Frequently asked questions<\/h2><p><strong>Can Hostinger AI Builder agentic mode build a website in a language other than English?<\/strong><br>\nYes. You can enter prompts in your preferred language, and Hostinger AI Builder agentic mode supports more than 80 languages.<\/p><p><strong>Can I choose a specific tech stack instead of the default one?<\/strong><br>\nYes. Hostinger AI Builder agentic mode automatically selects Node.js, React, and Vite by default, but you can request specific technologies or tools.<\/p><p><strong>Can Hostinger AI Builder agentic mode build a mobile app?<\/strong><br>\nNo. It currently cannot build native mobile applications for the App Store (iOS) or Google Play (Android).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build web software and websites through natural language prompts in Hostinger AI Builder agentic mode.<\/p>\n","protected":false},"author":599,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_content_updated_date":"","include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-10261","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/hostinger-ai-builder-agentic-mode-product-overview","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/599"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=10261"}],"version-history":[{"count":44,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10261\/revisions"}],"predecessor-version":[{"id":25353,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10261\/revisions\/25353"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}