{"id":927,"date":"2022-08-02T11:34:02","date_gmt":"2022-08-02T11:34:02","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/02\/6435924-hostinger-website-builder-how-to-upload-files\/"},"modified":"2026-03-16T12:12:08","modified_gmt":"2026-03-16T12:12:08","slug":"6435924-hostinger-website-builder-how-to-upload-files","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6435924-hostinger-website-builder-how-to-upload-files\/","title":{"rendered":"Hostinger Website Builder: How to Upload Files"},"content":{"rendered":"<p class=\"no-margin\">If you use <b>Hostinger Website Builder<\/b>, you can upload files to the <b>media library<\/b> and make them downloadable with a single click on a <a href=\"#h_01fffded20\" target=\"_blank\" class=\"intercom-content-link\">website&rsquo;s menu link<\/a>, <a href=\"#h_f97601fb24\" target=\"_blank\" class=\"intercom-content-link\">button<\/a>, <a href=\"#h_64c780d368\" target=\"_blank\" class=\"intercom-content-link\">text<\/a>, or <a href=\"#h_a9ca7aa47d\" target=\"_blank\" class=\"intercom-content-link\">image<\/a>.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_01fffded20\">Adding a download link to the website&rsquo;s menu bar<\/h2><p class=\"no-margin\">1. Within the editor, expand the <b>Pages and navigation <\/b>panel on the left and click <b>Add link<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/73cf76a5-23a9-42c1-bb74-f5acecc68b90.jpg\" alt=\"The Add link button within the Pages and navigation panel in Hostinger Website Builder\" width=\"300\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Under the <b>Name in navigation<\/b>, insert the link name that&rsquo;ll be shown in the menu bar (e.g.,<i> Download e-book<\/i>). Under the <b>Link to<\/b>, select <b>File download<\/b> and click <b>Select file<\/b>. Pick a file from the media library or upload a new one from your device:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/df174c65-c695-487a-9471-182e7796ec6a.jpg\" alt=\"Adding a link to a file in Hostinger Website Builder\" width=\"300\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Click <b>Save <\/b>and <a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a>.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_f97601fb24\">Linking a file to a button<\/h2><p class=\"no-margin\">1. Within the editor, click on a button element that you want to link to a file, and click&nbsp;<b>Edit button<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Under the <b>Button text<\/b>, insert the name of a button (e.g., <i>Download e-book<\/i>). Under the <b>Link to<\/b>, select <b>File download<\/b> and then click on <b>Select file<\/b>. Pick a file from the media library or upload a new one from your device:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/80451a61-a3e1-4732-bfd7-758fe871a8d5.jpg\" alt=\"Adding a link to a file in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Click outside the button settings box<b> <\/b>(the changes are saved automatically)<b> <\/b>and <a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a>.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_64c780d368\">Hyperlinking a text with a file<\/h2><p class=\"no-margin\">1. Within the editor, find the preferred text element, <b>select the text<\/b> you want to hyperlink, and click the <b>link icon<\/b> (the chain symbol).<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Under the <b>Link to<\/b>, select <b>File download<\/b>, and then click on <b>Select file<\/b>. Pick a file from the media library or upload a new one from your device:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/a92112cf-a48f-4d04-9513-e1961a585081.jpg\" alt=\"Adding a link to a file in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Click <b>Save <\/b>and <a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a>.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_a9ca7aa47d\">Linking a file to an image<\/h2><p class=\"no-margin\">1. Within the editor, click on an image you want to link to a file and click on <b>Edit image<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Open the <b>Action <\/b>tab, and under the <b>On click<\/b> select <b>Open link<\/b>. Under the <b>Link to<\/b>, choose <b>File download<\/b>, and then click on <b>Select file<\/b>. Pick a file from the media library or upload a new one from your device:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/334274b6-a0c8-406b-981a-bc9acc4617d8.jpg\" alt=\"Adding a link to a file in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">5. Click outside the image settings box<b> <\/b>(the changes are saved automatically)<b> <\/b>and <a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a>. <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_c9dbc9328c\">Unsupported File Types<\/h2><p class=\"no-margin\">Due to<b> security reasons<\/b>, you won&rsquo;t be able to upload files in the following formats &#128071; <\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>1-G<\/b><\/p>\n<\/td>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>H-P<\/b><\/p>\n<\/td>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>R-Z<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">.7Z<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.A, .ACE, .AR, .ASP, .ASPX<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.BAT, .BZ2<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.CAB, .COM, .CPIO<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.DEB, .DGC, .DLL, .DMG<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.EXE<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.GCA, .GZ<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">.HTM, .HTML<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.ISO<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.J, .JAR, .JS<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.LHA, .LZH, .LZX<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.MPKG, .MSI<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.PHP, .PIF, .PKG, .PS1, .PY<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">.RAR, .REG, .RPM<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.SCR, .SEA, .SHAR, .SIT, .SWF<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.TAR<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.VBS<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.Z, .ZIP, .ZOO<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to upload files to your website created with Hostinger Website Builder<\/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":[280],"tags":[],"class_list":["post-927","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435924-hostinger-website-builder-how-to-upload-files\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435924-hostinger-creador-de-sitios-web-como-subir-archivos\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435924-hostinger-createur-de-site-web-comment-televerser-des-fichiers\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435924-hostinger-website-builder-cara-mengunggah-file\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435924-hostinger-svetainiu-kurimo-irankis-kaip-ikelti-faila\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435924-hostinger-criador-de-sites-como-fazer-upload-de-arquivos\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/927","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=927"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/927\/revisions"}],"predecessor-version":[{"id":3782,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/927\/revisions\/3782"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}