{"id":761,"date":"2022-10-04T09:58:09","date_gmt":"2022-10-04T09:58:09","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/10\/04\/6611782-how-to-use-hostinger-website-builder\/"},"modified":"2026-09-15T10:20:46","modified_gmt":"2026-09-15T10:20:46","slug":"6611782-how-to-use-hostinger-ai-builder-manual-mode","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6611782-how-to-use-hostinger-ai-builder-manual-mode\/","title":{"rendered":"How to use Hostinger AI Builder manual mode"},"content":{"rendered":"<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"https:\/\/www.hostinger.com\/ai-builder\" target=\"_blank\" rel=\"noopener\">Hostinger AI Builder<\/a><\/b> manual mode is a perfect tool that allows creating a website or an online store without any experience in coding or design. The whole process is based on customizing a <b><a class=\"intercom-content-link\" href=\"\/support\/6494671-website-builder-how-to-choose-a-website-template\/\" target=\"_blank\" rel=\"noopener\">website template<\/a><\/b>.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Learn more: <b><a class=\"intercom-content-link\" href=\"\/support\/6618476-what-s-the-difference-between-hostinger-website-builder-and-other-content-management-systems\/\" target=\"_blank\" rel=\"noopener\">What&rsquo;s the Difference Between Hostinger AI Builder and Other Content Management Systems?<\/a>&nbsp;<\/b><\/p>\n<\/div><h2 id=\"h-dark-theme\">Dark theme<\/h2><p>Click the <strong>Builder dropdown<\/strong> in the top-left corner of the editor, then <strong>turn on the Dark theme toggle<\/strong> to switch the editor&rsquo;s interface to a dark background.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-15337\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-12_10-09.png\" alt=\"\" width=\"613\" height=\"449\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-12_10-09.png 613w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-12_10-09-300x220.png 300w\" sizes=\"(max-width: 613px) 100vw, 613px\" \/><\/p><p><strong>NOTES<\/strong><\/p><ul>\n<li>Dark theme is off by default and does not follow your Hostinger dashboard theme setting.<\/li>\n<li>The canvas and content editing controls, such as section and element settings panels, stay in light theme for better contrast, even when Dark theme is turned on.<\/li>\n<\/ul><p class=\"no-margin\">Within the builder, there are two main toolbars &ndash; the left-side toolbar and the upper toolbar &ndash; that include everything you need to run a successful website. Let&rsquo;s overview the main areas of the builder<\/p><h2 id=\"h_f5df35c88f\">Website Editor<\/h2><p class=\"no-margin\">Access the builder, and you&rsquo;ll see the main tools on the left:<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-17386\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-59.png\" alt=\"\" width=\"990\" height=\"854\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-59.png 990w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-59-300x259.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-59-768x662.png 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/p><p class=\"no-margin\">Here&rsquo;s what you&rsquo;ll find there:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>Elements<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>Elements<\/b>&nbsp;panel on the left, you can find a variety of elements that you can use to populate your website<\/p>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6435894-website-builder-how-to-add-and-customize-website-elements\/\" target=\"_blank\" rel=\"noopener\">add and customize website elements<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>Pages<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>Pages<\/b>&nbsp;panel on the left, you can find and manage all your website pages:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6456705-website-builder-how-to-add-more-pages-to-a-website\/\" target=\"_blank\" rel=\"noopener\">Add pages<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466199-website-builder-how-to-rename-a-website-page\/\" target=\"_blank\" rel=\"noopener\">Rename pages<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6498490-website-builder-how-to-duplicate-a-website-page\/\" target=\"_blank\" rel=\"noopener\">Duplicate pages<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466176-website-builder-how-to-delete-a-website-page\/\" target=\"_blank\" rel=\"noopener\">Delete pages<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6456821-website-builder-how-to-hide-a-page-from-the-website-s-navigation-menu\/\" target=\"_blank\" rel=\"noopener\">Hide pages from the navigation menu<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466482-website-builder-how-to-edit-page-urls\/\" target=\"_blank\" rel=\"noopener\">Edit the page URL<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466225-website-builder-learn-more-about-the-homepage\/\" target=\"_blank\" rel=\"noopener\">Make any page the homepage<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6454367-website-builder-how-to-add-links\/\" target=\"_blank\" rel=\"noopener\">Add links to the navigation menu<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6456916-website-builder-how-to-add-a-dropdown-menu\/\" target=\"_blank\" rel=\"noopener\">Create a dropdown menu<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6614617-website-builder-how-to-change-the-display-order-of-the-website-pages-in-the-navigation-menu\/\" target=\"_blank\" rel=\"noopener\">Change the page display order in the navigation menu<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<p class=\"no-margin\">The navigation menu is always visible in the <b><a class=\"intercom-content-link\" href=\"\/support\/6463972-website-builder-how-to-customize-the-style-of-the-navigation-menu\/\" target=\"_blank\" rel=\"noopener\">header section<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>Styles<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>Styles<\/b> panel on the left, you can find the <b>global style settings<\/b>:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6463582-website-builder-how-to-customize-website-colors\/\" target=\"_blank\" rel=\"noopener\">Colors<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6463286-website-builder-how-to-change-text-style\/\" target=\"_blank\" rel=\"noopener\">Text<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6614604-website-builder-how-to-change-the-button-shape\/\" target=\"_blank\" rel=\"noopener\">Buttons<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6463358-website-builder-how-to-add-animations\/\" target=\"_blank\" rel=\"noopener\">Animations<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<p class=\"no-margin\">In addition to the global style settings, you can customize all website elements <b>locally<\/b> &ndash; click on any element and explore its individual settings<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>Blog<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>Blog <\/b>management panel on the left, you can:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6462842-website-builder-how-to-create-a-blog\/#h_6164867e8d\" target=\"_blank\" rel=\"noopener\">Create a new blog post<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6491349-website-builder-how-to-edit-a-blog-post\/\" target=\"_blank\" rel=\"noopener\">Edit your blog posts<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6491379-website-builder-how-to-manage-blog-settings\/\" target=\"_blank\" rel=\"noopener\">Access the blog post settings<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6491536-website-builder-how-to-categorize-blog-posts\/\" target=\"_blank\" rel=\"noopener\">Create categories for your blog posts<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">View all your blog posts by status (all, drafts, scheduled, published)<\/p>\n<\/li>\n<\/ul>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6462842-website-builder-how-to-create-a-blog\/\" target=\"_blank\" rel=\"noopener\">start creating a blog<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>Store<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>Store <\/b>panel on the left, you can enable the eCommerce platform on your website<\/p>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6538310-website-builder-how-to-create-an-online-store\/\" target=\"_blank\" rel=\"noopener\">start creating an online store<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>AI tools<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>AI tools<\/b> panel on the left, you can access the following:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">AI Logo Maker<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">AI Writer<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">AI Bog Generator<\/p>\n<\/li>\n<li>AI assistant (Ask the AI assistant directly in the builder editor to update your page SEO metadata, or ask questions about your website&rsquo;s traffic and performance to get insights right in the chat. The assistant can also render navigation buttons in the chat, giving you quick access to areas like SEO settings, pages, analytics, blog, media library, and version history.)<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>SEO<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">SEO is a really wide topic, but here are the main tools and features that we offer:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466356-website-builder-how-to-update-meta-titles-and-descriptions-of-pages\/\" target=\"_blank\" rel=\"noopener\">Meta titles and descriptions<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466412-website-builder-how-to-add-link-preview-images\/\" target=\"_blank\" rel=\"noopener\">Preview images<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466460-website-builder-how-to-add-alt-text-to-images\/\" target=\"_blank\" rel=\"noopener\">Alt text<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466509-website-builder-how-to-use-header-tags-for-seo%5D\/\" target=\"_blank\" rel=\"noopener\">Header tags<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6456836-website-builder-how-to-hide-a-page-from-search-engines\/\" target=\"_blank\" rel=\"noopener\">Hide page from search engines (&ldquo;noindex&rdquo; tag)<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6615140-website-builder-dofollow-and-nofollow-links\/\" target=\"_blank\" rel=\"noopener\">&ldquo;dofollow&rdquo; and &ldquo;nofollow&rdquo; links<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6491673-website-builder-learn-about-your-website-s-sitemap\/\" target=\"_blank\" rel=\"noopener\">Website&rsquo;s sitemap<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6618609-website-builder-how-to-add-a-language-attribute-to-a-website\/\" target=\"_blank\" rel=\"noopener\">Website&rsquo;s language (&ldquo;lang&rdquo; tag)<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6448761-website-builder-how-to-make-my-website-appear-on-google\/\" target=\"_blank\" rel=\"noopener\">make your website appear on Google<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 128px\">\n<p class=\"no-margin\"><b>More&hellip;<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the <b>More&hellip; <\/b>panel on the left, you can find more options, such as <b><a class=\"intercom-content-link\" href=\"\/support\/6435770-website-builder-how-to-add-more-languages\/\" target=\"_blank\" rel=\"noopener\">additional languages<\/a><\/b>, <strong><a href=\"https:\/\/www.hostinger.com\/support\/6463270-hostinger-website-builder-how-to-add-integrations\/\">integrations<\/a><\/strong>, <strong><a href=\"https:\/\/www.hostinger.com\/support\/6474695-hostinger-website-builder-how-to-add-a-subscribe-form\/\">form submissions<\/a><\/strong>, <strong><a href=\"https:\/\/www.hostinger.com\/support\/7171600-hostinger-website-builder-media-library\/\">media library<\/a><\/strong> and others<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Even though there&rsquo;s no dedicated tab for<b> sections<\/b> on the left-side toolbar, you can easily <b><a class=\"intercom-content-link\" href=\"\/support\/6475040-website-builder-how-to-add-and-manage-website-sections\/\" target=\"_blank\" rel=\"noopener\">add custom sections<\/a><\/b> to any of your website pages<\/p>\n<\/div><h2 id=\"h_d9278a8cf6\">Website Settings<\/h2><p class=\"no-margin\">Within the builder, find the website settings in the bottom-left corner:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-17387\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-00.png\" alt=\"\" width=\"359\" height=\"860\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-00.png 359w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-00-125x300.png 125w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/div><p class=\"no-margin\">Here&rsquo;s what you&rsquo;ll find there:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 141px\">\n<p class=\"no-margin\"><b>General settings<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">In the general website settings, you can:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466373-website-builder-how-to-add-a-favicon\/\" target=\"_blank\" rel=\"noopener\">Add a favicon<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6466412-website-builder-how-to-add-link-preview-images\/\" target=\"_blank\" rel=\"noopener\">Upload a preview image for your website<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"https:\/\/www.hostinger.com\/support\/6491116-hostinger-website-builder-how-to-add-a-cookie-banner\/\" target=\"_blank\" rel=\"noopener\">Enable a cookie banner<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6502325-website-builder-how-to-enable-or-disable-the-www-prefix\/\" target=\"_blank\" rel=\"noopener\">Enable or disable the WWW prefix<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 141px\">\n<p class=\"no-margin\"><b>Integrations<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6463270-website-builder-how-to-add-integrations\/\" target=\"_blank\" rel=\"noopener\">Built-in integrations<\/a><\/b> include Google Analytics, Hotjar, WhatsApp, and more<\/p>\n<p class=\"no-margin\"><b>Custom integrations<\/b> can be added in two ways:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Use the <b><a class=\"intercom-content-link\" href=\"\/support\/6445594-website-builder-how-to-add-a-custom-code-to-the-head-part-of-a-website-s-code\/\" target=\"_blank\" rel=\"noopener\">Custom code field<\/a><\/b> to insert custom scripts into the &lt;head&gt;&lt;\/head&gt; part of a website&rsquo;s code<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Use <b><a class=\"intercom-content-link\" href=\"\/support\/6463152-website-builder-how-to-embed-a-custom-code\/\" target=\"_blank\" rel=\"noopener\">embed code elements<\/a><\/b> to insert custom scripts into the &lt;body&gt;&lt;\/body&gt; part of a website&rsquo;s code<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 141px\">\n<p class=\"no-margin\"><b>Form submissions<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">This section of your website settings is dedicated to forms that your clients submit via the <b><a class=\"intercom-content-link\" href=\"\/support\/6463265-website-builder-how-to-add-and-manage-contact-forms\/\" target=\"_blank\" rel=\"noopener\">contact form<\/a><\/b> and <b><a class=\"intercom-content-link\" href=\"\/support\/6474695-website-builder-how-to-add-a-subscription-form\/\" target=\"_blank\" rel=\"noopener\">subscription form<\/a><\/b> elements on your website<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 141px\">\n<p class=\"no-margin\"><b>Media library<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Locate necessary files and manage them more quickly using the <b><a class=\"intercom-content-link\" href=\"\/support\/7171600-website-builder-media-library\/\" target=\"_blank\" rel=\"noopener\">media library<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><h2 id=\"h_e940c9b9da\">Mobile Editor<\/h2><p class=\"no-margin\">To view the mobile version of your website, click on the mobile phone icon in the top toolbar:<\/p><div class=\"intercom-container\"><img decoding=\"async\" class=\"alignnone size-full wp-image-17029\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_16-48_1.png\" alt=\"\" width=\"1907\" height=\"152\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_16-48_1.png 1907w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_16-48_1-300x24.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_16-48_1-1024x82.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_16-48_1-768x61.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_16-48_1-1536x122.png 1536w\" sizes=\"(max-width: 1907px) 100vw, 1907px\" \/><\/div><p class=\"no-margin\">By default, <b>website elements are displayed on the mobile view in the order they&rsquo;ve been added to the desktop view<\/b>. Even if you later reorder elements on the desktop view, these changes are not automatically applied to the mobile version. You can sort the elements on the mobile view manually. This way, you can lay out elements differently on desktop and mobile views.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Learn more: <b><a class=\"intercom-content-link\" href=\"\/support\/6475658-website-builder-how-to-edit-the-mobile-version-of-a-website\/\" target=\"_blank\" rel=\"noopener\">How to Edit the Mobile Version of a Website<\/a>&nbsp;<\/b><\/p>\n<\/div><h2 id=\"h_5b6ae3ffd9\">Other Options<\/h2><p class=\"no-margin\">In the upper toolbar, you can see the following options:<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-17388\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-04.png\" alt=\"\" width=\"965\" height=\"185\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-04.png 965w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-04-300x58.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_12-04-768x147.png 768w\" sizes=\"(max-width: 965px) 100vw, 965px\" \/><\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 142px\">\n<p class=\"no-margin\"><b>Redo\/Undo<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">If you accidentally delete an element or a section, you can easily restore it using the undo\/redo buttons in the upper toolbar<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 142px\">\n<p class=\"no-margin\"><b>Save<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Most changes made within the builder are <b><a class=\"intercom-content-link\" href=\"\/support\/6475375-website-builder-how-to-save-changes\/\" target=\"_blank\" rel=\"noopener\">saved automatically<\/a><\/b><br>\n&#8203;<br>\nIf any changes are not auto-saved, you&rsquo;ll always see the <b>Save <\/b>button to save changes manually<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 142px\">\n<p class=\"no-margin\"><b>Preview<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">It doesn&rsquo;t matter if your website has already been published or is still a draft &ndash; you can easily <b><a class=\"intercom-content-link\" href=\"\/support\/6475345-website-builder-how-to-preview-a-website\/\" target=\"_blank\" rel=\"noopener\">preview it<\/a><\/b> from your editor<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 142px\">\n<p class=\"no-margin\"><b>Publish<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6475340-website-builder-how-to-publish-a-website\/\" target=\"_blank\" rel=\"noopener\">publish a website<\/a><\/b><\/p>\n<p class=\"no-margin\">If you are eager to launch your website but still have some unfinished pages, you can <b><a class=\"intercom-content-link\" href=\"\/support\/6466225-website-builder-homepage\/\" target=\"_blank\" rel=\"noopener\">publish the homepage<\/a> <\/b>only and hide the rest of your pages while you&rsquo;re working on them<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><div class=\"intercom-container intercom-align-center\">\n<p><iframe title=\"Hostinger Website Builder 2024 Overview: Key Features And Upcoming Updates\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/OIZT-I1X8q8?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>\n","protected":false},"excerpt":{"rendered":"<p>Learn the main tools and features available in Hostinger AI Builder manual mode.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-761","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6611782-how-to-use-hostinger-website-builder\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6611782-como-usar-el-creador-de-sitios-web-de-hostinger\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6611782-comment-utiliser-le-createur-de-sites-web-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6611782-cara-menggunakan-website-builder-hostinger\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6611782-kaip-naudoti-hostinger-svetainiu-kurimo-iranki\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6611782-como-usar-o-criador-de-sites-da-hostinger\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/761","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\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=761"}],"version-history":[{"count":12,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/761\/revisions"}],"predecessor-version":[{"id":17390,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/761\/revisions\/17390"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}