{"id":853,"date":"2022-08-16T13:48:29","date_gmt":"2022-08-16T13:48:29","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/16\/6475500-hostinger-website-builder-how-to-add-a-pdf-document\/"},"modified":"2025-08-27T06:58:02","modified_gmt":"2025-08-27T06:58:02","slug":"6475500-hostinger-website-builder-how-to-add-a-pdf-document","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6475500-hostinger-website-builder-how-to-add-a-pdf-document\/","title":{"rendered":"Hostinger Website Builder: How to Add a PDF Document"},"content":{"rendered":"<p class=\"no-margin\">If you use <b>Hostinger Website Builder<\/b>, you can add PDF documents to your site in two ways:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>By uploading the PDF file<\/b> for user download &ndash; <b><a href=\"\/support\/6435924-website-builder-file-upload-download\" target=\"_blank\" class=\"intercom-content-link\">upload the file<\/a><\/b> to your website&rsquo;s file manager and link it to a preferred website element; your website visitors will be able to download the PDF by clicking on the hyperlinked item<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>By embedding the PDF file <\/b>&ndash; add a document via custom code to display it on your website as described below<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">You can upload your PDF file to<b> <a href=\"https:\/\/www.google.com\/drive\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Drive<\/a> <\/b>and embed it on your website using the <b><a href=\"\/support\/6463152-website-builder-how-to-embed-custom-code\" target=\"_blank\" class=\"intercom-content-link\">embed code element<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Upload your PDF file to<b> Google Drive<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Open the PDF file in<b> Google Drive<\/b>, click on the <b>ellipsis &#8942; button<\/b> in the top right, and select <b>Open in new window<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/5f7439c7-ce0e-4587-b832-8a657b032a67.jpg\" alt=\"Opening a PDF file in a new window from Google Drive\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Once the file opens in a new window, again click on the ellipsis &#8942; button in the top right, select <b>Embed item&hellip;<\/b> and copy the iFrame code.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Open your website editor at Hostinger. Add an <b><a href=\"\/support\/6463152-website-builder-how-to-embed-custom-code\" target=\"_blank\" class=\"intercom-content-link\">embed code element<\/a><\/b> to the preferred area of your page and paste the copied code into it:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/81bf1588-17e6-4bb5-ae2a-873293533059.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">You can resize the PDF document by resizing the embed element or by adjusting<b> <\/b>the <b>width=&rdquo;640&Prime; <\/b>and<b> height=&rdquo;480&Prime;<\/b> values in the code.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">5. Finally, <b><a href=\"\/support\/6435697-website-builder-how-to-update-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add PDF documents to your website using 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-853","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475500-hostinger-website-builder-how-to-add-a-pdf-document\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475500-hostinger-creador-de-sitios-web-como-agregar-un-documento-pdf\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475500-hostinger-createur-de-sites-web-comment-ajouter-un-document-pdf\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475500-hostinger-svetainiu-kurimo-irankis-kaip-prideti-pdf-faila\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475500-hostinger-criador-de-sites-como-adicionar-um-documento-em-pdf\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/853","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=853"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/853\/revisions"}],"predecessor-version":[{"id":3491,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/853\/revisions\/3491"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}