{"id":686,"date":"2023-03-21T06:58:32","date_gmt":"2023-03-21T06:58:32","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2023\/03\/21\/7171600-hostinger-website-builder-media-library\/"},"modified":"2026-09-15T10:20:42","modified_gmt":"2026-09-15T10:20:42","slug":"7171600-hostinger-ai-builder-manual-mode-media-library","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/7171600-hostinger-ai-builder-manual-mode-media-library\/","title":{"rendered":"Hostinger AI Builder: How to use the Media Library in manual mode"},"content":{"rendered":"<p class=\"no-margin\">The Media Library in Hostinger AI Builder manual mode is a centralized storage space for organizing the images and documents used on your website, helping you build and update your site efficiently without external storage. It&rsquo;s the primary way to manage content for your site, since the builder doesn&rsquo;t use a traditional File Manager.<\/p><h2 id=\"h_9f0aaf110d\">How to access the Media Library<\/h2><p>You can open the Media Library using two different methods.<\/p><ul>\n<li>In the editor side menu, click More <span style=\"font-weight: 400\">and select<\/span> <strong>Media library<\/strong>.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17290\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_19-11.png\" alt=\"\" width=\"476\" height=\"873\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_19-11.png 476w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_19-11-164x300.png 164w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/li>\n<li>Click on any image-related element (such as an image or logo) and select the option to <strong>Edit image<\/strong>.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10346\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-edit-image.png\" alt=\"Edit image button in Hostinger website builder toolbar, with a living room photo selected below\" width=\"450\" height=\"301\" data-media-id=\"10346\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-edit-image.png 627w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-edit-image-300x200.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><br>\nOr <strong>Replace image<\/strong>.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10347\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-replace-image.png\" alt=\"Hostinger website builder header settings, replace image button highlighted in logo tab\" width=\"337\" height=\"412\" data-media-id=\"10347\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-replace-image.png 444w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-website-builder-replace-image-245x300.png 245w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/li>\n<\/ul><p><strong>NOTE<\/strong><\/p><ul>\n<li>If you are using a browser translation extension and cannot see these options, try turning it off. To change the language natively, refer to this guide: <a href=\"https:\/\/www.hostinger.com\/support\/1583539-how-to-change-the-hpanel-language-at-hostinger\/\">How to change the Hostinger dashboard language at Hostinger<\/a>.<\/li>\n<\/ul><h2 id=\"h-how-to-manage-images-and-folders\">How to manage images and folders<\/h2><div class=\"intercom-container intercom-align-center\">Once inside the Media Library, you will land on the My library view. You can switch views to see only images, AI-generated images, or documents. You can perform several management tasks to keep your assets organized.<\/div><ul>\n<li class=\"intercom-container intercom-align-center\"><strong>Upload files<\/strong>: Drag and drop files from your local device or click the <strong>Upload<\/strong> button.<\/li>\n<li class=\"intercom-container intercom-align-center\"><strong>Create folders<\/strong>: Click <strong>Create folder<\/strong> to group related images or documents together.<\/li>\n<li><strong>Manage folders<\/strong>: Click on the options button (<span style=\"font-weight: 400\">&#8942;) next to a folder to rename or delete it.<\/span><\/li>\n<li class=\"intercom-container intercom-align-center\"><strong> Manage files<\/strong>: Click on the options button (<span style=\"font-weight: 400\">&#8942;) next on an image to move it to a folder, rename it or delete it.<\/span><\/li>\n<li class=\"intercom-container intercom-align-center\"><strong>Check image details<\/strong>: Hover over an image and click <strong>Details<\/strong>.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17364\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-23.png\" alt=\"\" width=\"1187\" height=\"720\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-23.png 1187w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-23-300x182.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-23-1024x621.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_11-23-768x466.png 768w\" sizes=\"(max-width: 1187px) 100vw, 1187px\" \/><br>\nThe details view contains the file name, file type, file path, dimensions, the option to add Alt text and a button to delete the item.<\/li>\n<li><span data-path-to-node=\"11,5,1,0\"><b data-path-to-node=\"11,5,1,0\" data-index-in-node=\"0\"><span class=\"citation-274\">Improve SEO<\/span><\/b><span class=\"citation-274\">: Within the <\/span><b data-path-to-node=\"11,5,1,0\" data-index-in-node=\"24\"><span class=\"citation-274\">Details<\/span><\/b><span class=\"citation-274\"> view, add <\/span><b data-path-to-node=\"11,5,1,0\" data-index-in-node=\"42\"><span class=\"citation-274\">Alt text<\/span><\/b><span class=\"citation-274\"> to describe your images for search engines and accessibility<\/span><\/span><span data-path-to-node=\"11,5,1,2\">.<\/span><\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p>Deleting an item is a permanent action and cannot be reverted.<\/p>\n<\/div><h3 data-path-to-node=\"14\">Supported file types<\/h3><p>You can upload various formats to the Media Library, including:<\/p><ul>\n<li><strong>Images<\/strong>: .JPG, .JPEG, .PNG, .GIF, .SVG, .WEBP.<\/li>\n<li><strong>Audio<\/strong>: .WAV, .MP3, .FLAC, .OGG.<\/li>\n<li><strong>Video<\/strong>: .MP4, .AVI, .MOV, .WMV, .FLV.<\/li>\n<li><strong>Documents<\/strong>: .DOC, .DOCX, .XLS, .XLSX, .PPT, .PPTX, .ODT, .ODP, .PDF, .EPUB, .TXT, .RTF.<\/li>\n<\/ul><p>For further file management options, check the <a href=\"https:\/\/www.hostinger.com\/support\/hostinger-website-builder-file-management\/#h-alternatives-for-custom-file-management\">available alternative methods<\/a>.<\/p><p>By organizing your assets into folders and using descriptive alt text, you ensure your website remains easy to manage and optimized for visitors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manage images, documents, and folders in the Hostinger AI Builder manual mode Media Library.<\/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-686","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/7171600-hostinger-website-builder-media-library\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/7171600-hostinger-creador-de-sitios-web-biblioteca-de-medios\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/7171600-hostinger-svetainiu-kurimo-irankis-medijos-failu-biblioteka\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/686","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=686"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"predecessor-version":[{"id":17365,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/686\/revisions\/17365"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}