{"id":81094,"date":"2023-03-17T16:37:36","date_gmt":"2023-03-17T16:37:36","guid":{"rendered":"\/tutorials\/?p=81094"},"modified":"2025-12-22T14:00:22","modified_gmt":"2025-12-22T14:00:22","slug":"how-to-upload-document-to-website","status":"publish","type":"post","link":"\/tutorials\/how-to-upload-document-to-website\/","title":{"rendered":"How to Upload a Document to a Website Using File Manager and WordPress"},"content":{"rendered":"

Learning how to upload a document to a website is important, especially when you want to offer exclusive content and downloadable files.<\/p>

In this article, we will explain how to upload documents to a web page using Hostinger’s File Manager or WordPress.<\/p>

Download all-in-one WordPress cheat sheet<\/a><\/p>

\n\n\n\n\n\n\n<\/p>

How to Upload a Document Using Hostinger File Manager<\/h2>

When building your site, you may need to upload files to share with your audience, such as exclusive eBooks, forms, and cheat sheets.<\/p>

If the files are smaller than 100 GB, you can add them to the site using the file manager in hPanel. This feature accepts several file types, including Microsoft Word documents, Microsoft Excel sheets, and JPEG images. Additionally, it supports compressed archives, such as .zip, .tar, and .tar.gz.<\/p>

Here’s how to upload files using it:<\/p>

    \n
  1. Log in to your hPanel<\/strong>. Go to Websites<\/strong> and click Manage<\/strong>.<\/li>\n\n\n\n
  2. On the hosting dashboard, select File manager<\/strong>.<\/li>\n<\/ol>
    \n
    \"The<\/a><\/figure>\n<\/div>
      \n
    1. Go to the directory where you want to store the file – in this example, we’ll use public_html<\/strong>. Click the Upload<\/strong> button in the upper-right corner.<\/li>\n<\/ol>
      \n
      \"hPanel's<\/a><\/figure>\n<\/div>
        \n
      1. On the Upload<\/strong> pop-up window, click File<\/strong>.<\/li>\n\n\n\n
      2. Choose a document and select Open<\/strong>. For this example, we’ll upload Microsoft Word documents.<\/li>\n\n\n\n
      3. That’s it. The Microsoft Word files <\/strong>you uploaded will be listed in the public_html<\/strong> directory.<\/li>\n<\/ol>
        \n
        \"The<\/a><\/figure>\n<\/div>

        How to Upload a Document in WordPress<\/h2>

        While WordPress accepts several file types<\/a>, the preferred file format is PDF. That’s because users can view the content without having to download the document.<\/p>

        There are two different methods to add files in WordPress – by editing a page or post or transferring it directly to the Media Library. Depending on your WordPress hosting provider, the maximum file size ranges from 5 MB to 500 MB.<\/p>

        \"\"<\/a><\/figure>

        Uploading a Document to a WordPress Page or Post<\/h3>

        Follow these instructions to upload a PDF file from your computer to a WordPress page or post:<\/p>

          \n
        1. On your WordPress dashboard, create a new page or post. Alternatively, open an existing one.<\/li>\n\n\n\n
        2. Click the Block Inserter + <\/strong>icon to open the menu.<\/li>\n<\/ol>
          \n
          \"The<\/a><\/figure>\n<\/div>
            \n
          1. Under the Media<\/strong> section, choose File<\/strong>.<\/li>\n<\/ol>
            \n
            \"The<\/a><\/figure>\n<\/div>
              \n
            1. Click the Upload<\/strong> button, choose the desired document, and click Open<\/strong>. In this example, we’re adding a PDF file<\/strong>.<\/li>\n<\/ol>
              \n
              \"The<\/a><\/figure>\n<\/div>
                \n
              1. A preview of the uploaded document will appear.<\/li>\n<\/ol>
                \n
                \"The<\/a><\/figure>\n<\/div>
                  \n
                1. To change the file’s anchor text, click the hyperlink next to the download button.<\/li>\n<\/ol>

                  Uploading a Document to the WordPress Media Library<\/h3>

                  Here are the steps to add documents to your WordPress Media Library<\/a>:<\/p>

                    \n
                  1. Open the WordPress Dashboard<\/strong>, go to Media<\/strong>, and click Add New<\/strong>.<\/li>\n<\/ol>
                    \n
                    \"The<\/a><\/figure>\n<\/div>
                      \n
                    1. Choose Select Files<\/strong>, select the documents to add, and click Open<\/strong>.<\/li>\n<\/ol>
                      \n
                      \"The<\/a><\/figure>\n<\/div>
                        \n
                      1. Go back to the WordPress Dashboard, and create a new post or page. Or open an existing one.<\/li>\n\n\n\n
                      2. Click the Block Inserter +<\/strong> icon.<\/li>\n\n\n\n
                      3. Under Media,<\/strong> click the File<\/strong> → Media Library<\/strong>.<\/li>\n<\/ol>
                        \n
                        \"The<\/a><\/figure>\n<\/div>
                          \n
                        1. Select the documents to insert and click Open<\/strong>. For this example, we’re uploading a PDF document to a WordPress post.<\/li>\n\n\n\n
                        2. On the Attachment Details<\/strong> section, fill in the Title<\/strong>, Caption<\/strong>, and Description<\/strong> and click Select<\/strong>.<\/li>\n<\/ol>
                          \n
                          \"The<\/a><\/figure>\n<\/div>
                            \n
                          1. The hyperlinks containing the uploaded files will appear. Click them to modify the anchor text.<\/li>\n<\/ol>

                            Conclusion<\/h2>

                            There are two common ways to upload documents to a post or page – using Hostinger’s File Manager or WordPress options.<\/p>

                            With the first method, you can upload files directly from your web hosting account. The second requires you to open the WordPress dashboard and use the File block or the Media Library.<\/p>

                            We hope this article has helped you learn all about uploading documents to a website. If you have any questions or suggestions, leave them in the comments section below.<\/p>

                            \n\n\n

                            \n
                            \n \n \n <\/svg>\n

                            \n Suggested Reading <\/p>\n <\/div>\n

                            How to Make a Website<\/a>
                            \n                            How to Upload Your Website<\/a>
                            \n                            How to Make a Small Business Website<\/a>
                            \n                            How to Build a Website With ChatGPT<\/a><\/p>\n <\/div>\n \n<\/p>\n","protected":false},"excerpt":{"rendered":"

                            Learning how to upload a document to a website is important, especially when you want to offer exclusive content and […]<\/p>\n

                            Read More…<\/a><\/p>\n","protected":false},"author":298,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"How to Upload a Document to a Website: 2 Easy Ways","rank_math_description":"You can upload a document to a site using File Manager and WordPress. Check out this article to learn how to upload a document to your website.","rank_math_focus_keyword":"how to upload a document to a website","footnotes":""},"categories":[22607,22601],"tags":[],"class_list":["post-81094","post","type-post","status-publish","format-standard","hentry","category-parts-of-a-website","category-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-enviar-arquivo-para-site","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-enviar-arquivo-para-site","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-upload-document-to-website","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-upload-document-to-website","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/81094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/users\/298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/comments?post=81094"}],"version-history":[{"count":11,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/81094\/revisions"}],"predecessor-version":[{"id":138207,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/81094\/revisions\/138207"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/media?parent=81094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/categories?post=81094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/tags?post=81094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}