{"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":"<p>Learning how to upload a document to a website is important, especially when you want to offer exclusive content and downloadable files.<\/p><p>In this article, we will explain how to upload documents to a web page using Hostinger&rsquo;s File Manager or WordPress.<\/p><p class=\"has-text-align-center\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-EN.pdf\" target=\"_blank\" rel=\"noopener\">Download all-in-one WordPress cheat sheet<\/a><\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-upload-a-document-using-hostinger-file-manager\">How to Upload a Document Using Hostinger File Manager<\/h2><p>When building your site, you may need to upload files to share with your audience, such as exclusive eBooks, forms, and cheat sheets.<\/p><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><p>Here&rsquo;s how to upload files using it:<\/p><ol class=\"wp-block-list\">\n<li>Log in to your <strong>hPanel<\/strong>. Go to <strong>Websites<\/strong> and click <strong>Manage<\/strong>.<\/li>\n\n\n\n<li>On the hosting dashboard, select <strong>File manager<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\"><img decoding=\"async\" width=\"1128\" height=\"613\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\/public\" alt=\"The hPanel's hosting dashboard, highlighting the File manager option\" class=\"wp-image-81098\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\/w=1128,fit=scale-down 1128w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-hPanel_s-hosting-dashboard-highlighting-the-File-manager-option.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1128px) 100vw, 1128px\" \/><\/a><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Go to the directory where you want to store the file &ndash; in this example, we&rsquo;ll use <strong>public_html<\/strong>. Click the <strong>Upload<\/strong> button in the upper-right corner.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/hPanel_s-File-Manager-with-the-Upload-icon-highlighted.png\"><img decoding=\"async\" width=\"1024\" height=\"109\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/hPanel_s-File-Manager-with-the-Upload-icon-highlighted.png\/public\" alt=\"hPanel's File manager with the Upload icon highlighted\n\" class=\"wp-image-81099\" style=\"width:840px;height:89px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/hPanel_s-File-Manager-with-the-Upload-icon-highlighted.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/hPanel_s-File-Manager-with-the-Upload-icon-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/hPanel_s-File-Manager-with-the-Upload-icon-highlighted.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/hPanel_s-File-Manager-with-the-Upload-icon-highlighted.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>On the <strong>Upload<\/strong> pop-up window, click <strong>File<\/strong>.<\/li>\n\n\n\n<li>Choose a document and select <strong>Open<\/strong>. For this example, we&rsquo;ll upload Microsoft Word documents.<\/li>\n\n\n\n<li>That&rsquo;s it. The Microsoft Word files<strong> <\/strong>you uploaded will be listed in the <strong>public_html<\/strong> directory.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\"><img decoding=\"async\" width=\"1477\" height=\"608\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\/public\" alt=\"The public_html directory on hPanel with Example doc and Example file highlighted\n\" class=\"wp-image-81100\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\/w=1477,fit=scale-down 1477w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-public_html-directory-on-hPanel-with-Example-doc-and-Example-file-highlighted.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1477px) 100vw, 1477px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-how-to-upload-a-document-in-wordpress\">How to Upload a Document in WordPress<\/h2><p>While WordPress <a href=\"https:\/\/codex.wordpress.org\/Uploading_Files\" target=\"_blank\" rel=\"noopener\">accepts several file types<\/a>, the preferred file format is PDF. That&rsquo;s because users can view the content without having to download the document.<\/p><p>There are two different methods to add files in WordPress &ndash; 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><figure class=\"wp-block-image size-large\"><a class=\"hgr-tutorials-cta hgr-tutorials-cta-wordpress-hosting\" href=\"\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-111781\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-uploading-a-document-to-a-wordpress-page-or-post\">Uploading a Document to a WordPress Page or Post<\/h3><p>Follow these instructions to upload a PDF file from your computer to a WordPress page or post:<\/p><ol class=\"wp-block-list\">\n<li>On your WordPress dashboard, create a new page or post. Alternatively, open an existing one.<\/li>\n\n\n\n<li>Click the <strong>Block Inserter + <\/strong>icon to open the menu.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\"><img decoding=\"async\" width=\"1231\" height=\"377\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\/public\" alt=\"The WordPress Gutenberg top bar with the Block Inserter icon highlighted\" class=\"wp-image-81101\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\/w=1231,fit=scale-down 1231w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-WordPress-Gutenberg-top-bar-with-the-Block-Inserter-icon-highlighted.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1231px) 100vw, 1231px\" \/><\/a><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Under the <strong>Media<\/strong> section, choose <strong>File<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-section-in-WordPress-Gutenberg-highlighting-the-File-block.png\"><img decoding=\"async\" width=\"311\" height=\"304\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-section-in-WordPress-Gutenberg-highlighting-the-File-block.png\/public\" alt=\"The Media section in WordPress Gutenberg, highlighting the File block\n\" class=\"wp-image-81102\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-section-in-WordPress-Gutenberg-highlighting-the-File-block.png\/w=311,fit=scale-down 311w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-section-in-WordPress-Gutenberg-highlighting-the-File-block.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-section-in-WordPress-Gutenberg-highlighting-the-File-block.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/a><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Click the <strong>Upload<\/strong> button, choose the desired document, and click <strong>Open<\/strong>. In this example, we&rsquo;re adding a <strong>PDF file<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-with-the-Upload-button-highlighted.png\"><img decoding=\"async\" width=\"746\" height=\"200\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-with-the-Upload-button-highlighted.png\/public\" alt=\"The File block on WordPress Gutenberg with the Upload button highlighted\n\" class=\"wp-image-81103\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-with-the-Upload-button-highlighted.png\/w=746,fit=scale-down 746w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-with-the-Upload-button-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-with-the-Upload-button-highlighted.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/a><\/figure><ol start=\"5\" class=\"wp-block-list\">\n<li>A preview of the uploaded document will appear.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-uploaded-.PDF-file-on-WordPress-Gutenberg.png\"><img decoding=\"async\" width=\"762\" height=\"662\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-uploaded-.PDF-file-on-WordPress-Gutenberg.png\/public\" alt=\"The .PDF file on WordPress Gutenberg\n\" class=\"wp-image-81104\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-uploaded-.PDF-file-on-WordPress-Gutenberg.png\/w=762,fit=scale-down 762w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-uploaded-.PDF-file-on-WordPress-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-uploaded-.PDF-file-on-WordPress-Gutenberg.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 762px) 100vw, 762px\" \/><\/a><\/figure><ol start=\"6\" class=\"wp-block-list\">\n<li>To change the file&rsquo;s anchor text, click the hyperlink next to the download button.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-uploading-a-document-to-the-wordpress-media-library\">Uploading a Document to the WordPress Media Library<\/h3><p>Here are the steps to add documents to your <a href=\"\/tutorials\/wordpress-media-library-tutorial\">WordPress Media Library<\/a>:<\/p><ol class=\"wp-block-list\">\n<li>Open the <strong>WordPress Dashboard<\/strong>, go to <strong>Media<\/strong>, and click <strong>Add New<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-menu-on-WordPress-Dashboard-with-the-Add-New-option-highlighted.png\"><img decoding=\"async\" width=\"325\" height=\"340\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-menu-on-WordPress-Dashboard-with-the-Add-New-option-highlighted.png\/public\" alt=\"The Media menu on WordPress Dashboard with the Add New option highlighted\n\" class=\"wp-image-81105\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-menu-on-WordPress-Dashboard-with-the-Add-New-option-highlighted.png\/w=325,fit=scale-down 325w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-menu-on-WordPress-Dashboard-with-the-Add-New-option-highlighted.png\/w=287,fit=scale-down 287w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Media-menu-on-WordPress-Dashboard-with-the-Add-New-option-highlighted.png\/w=143,fit=scale-down 143w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/a><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li>Choose <strong>Select Files<\/strong>, select the documents to add, and click <strong>Open<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Upload-New-Media-page-on-the-WordPress-Dashboard-with-the-Select-Files-option-highlighted.png\"><img decoding=\"async\" width=\"328\" height=\"168\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Upload-New-Media-page-on-the-WordPress-Dashboard-with-the-Select-Files-option-highlighted.png\/public\" alt=\"The Upload New Media page on WordPress Dashboard with the Select Files option highlighted\n\" class=\"wp-image-81106\" style=\"width:328px;height:168px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Upload-New-Media-page-on-the-WordPress-Dashboard-with-the-Select-Files-option-highlighted.png\/w=328,fit=scale-down 328w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Upload-New-Media-page-on-the-WordPress-Dashboard-with-the-Select-Files-option-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Upload-New-Media-page-on-the-WordPress-Dashboard-with-the-Select-Files-option-highlighted.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 328px) 100vw, 328px\" \/><\/a><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Go back to the WordPress Dashboard, and create a new post or page. Or open an existing one.<\/li>\n\n\n\n<li>Click the <strong>Block Inserter +<\/strong> icon.<\/li>\n\n\n\n<li>Under <strong>Media,<\/strong> click the <strong>File<\/strong> &rarr; <strong>Media Library<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-highlighting-the-Media-Library-option.png\"><img decoding=\"async\" width=\"747\" height=\"200\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-highlighting-the-Media-Library-option.png\/public\" alt=\"The File block on WordPress Gutenberg, highlighting the Media Library option\n\" class=\"wp-image-81107\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-highlighting-the-Media-Library-option.png\/w=747,fit=scale-down 747w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-highlighting-the-Media-Library-option.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-File-block-on-WordPress-Gutenberg-highlighting-the-Media-Library-option.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/a><\/figure><ol start=\"6\" class=\"wp-block-list\">\n<li>Select the documents to insert and click <strong>Open<\/strong>. For this example, we&rsquo;re uploading a PDF document to a WordPress post.<\/li>\n\n\n\n<li>On the <strong>Attachment Details<\/strong> section, fill in the <strong>Title<\/strong>, <strong>Caption<\/strong>, and <strong>Description<\/strong> and click <strong>Select<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image aligncenter size-full\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Attachment-Details-on-WordPress-Gutenberg-highlighting-the-Select-button.png\"><img decoding=\"async\" width=\"266\" height=\"532\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Attachment-Details-on-WordPress-Gutenberg-highlighting-the-Select-button.png\/public\" alt=\"The Attachment Details on WordPress Gutenberg, highlighting the Select button\n\" class=\"wp-image-81108\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Attachment-Details-on-WordPress-Gutenberg-highlighting-the-Select-button.png\/w=266,fit=scale-down 266w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Attachment-Details-on-WordPress-Gutenberg-highlighting-the-Select-button.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/03\/The-Attachment-Details-on-WordPress-Gutenberg-highlighting-the-Select-button.png\/w=75,fit=scale-down 75w\" sizes=\"(max-width: 266px) 100vw, 266px\" \/><\/a><\/figure><ol start=\"8\" class=\"wp-block-list\">\n<li>The hyperlinks containing the uploaded files will appear. Click them to modify the anchor text.<\/li>\n<\/ol><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>There are two common ways to upload documents to a post or page &ndash; using Hostinger&rsquo;s File Manager or WordPress options.<\/p><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><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><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Suggested Reading<\/h4>\n                    <p><a href=\"\/tutorials\/how-to-make-a-website\">How to Make a Website<\/a><br>\n<a href=\"\/tutorials\/website\/how-to-upload-your-website\">How to Upload Your Website<\/a><br>\n<a href=\"\/tutorials\/how-to-make-a-small-business-website\">How to Make a Small Business Website<\/a><br>\n<a href=\"\/tutorials\/build-website-with-chatgpt\/\">How to Build a Website With ChatGPT<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learning how to upload a document to a website is important, especially when you want to offer exclusive content and [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/tutorials\/how-to-upload-document-to-website\">Read More&#8230;<\/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-UK","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}]}}