{"id":7942,"date":"2020-06-01T15:00:37","date_gmt":"2020-06-01T13:00:37","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=7942"},"modified":"2021-05-27T14:01:23","modified_gmt":"2021-05-27T12:01:23","slug":"embed-pdf-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/embed-pdf-in-wordpress\/","title":{"rendered":"How to Embed a PDF in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]WordPress allows us to embed numerous types of content into our posts and pages, including audio and video files, tweets, content from Reddit, Amazon Kindle, and much more. But, one thing we cannot do in WordPress, at least not out of the box, is embed a PDF file.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]PDF is one of the most popular file types and a universally accepted format. It\u2019s used for various types of content, most notably for eBooks, travel brochures, restaurant menus, and course materials. So when you want to embed this content in a PDF format in your WordPress website, how do you do that? [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Sure, you can embed PDF in WordPress by selecting the <em><strong>Add Media<\/strong><\/em> option in Classic Editor, or by adding the <em><strong>File<\/strong><\/em> block in Gutenberg and then uploading the file to it. But, in that case, users can only download the file or view it in a separate tab, away from your website. And that\u2019s not what embedding is about. The goal is to keep the visitors on your page.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this article, we\u2019ll dive further into this subject and we\u2019ll show you:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-a-plugin\">How to Embed a PDF in WordPress Using a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-google-drive\">How to Embed a PDF in WordPress Using Google Drive<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-a-plugin\"><\/a>How to Embed a PDF to WordPress Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>The fastest and easiest way to embed a PDF to a page or a post is by using a plugin<\/strong>. The one we\u2019d recommend using is <a href=\"https:\/\/wordpress.org\/plugins\/pdf-embedder\/\" target=\"_blank\" rel=\"noopener noreferrer\">PDF Embedder<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder.jpg\" class=\"attachment-full size-full\" alt=\"PDF Embedder\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]It currently has over 200,000 active installs, an average rating of 4.6 stars on the official WordPress plugin repository, and it\u2019s regularly updated. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This plugin makes embedding PDFs to your pages and posts very simple. It <strong>displays files in their original size<\/strong>, but you also have the option to modify the width and the height of the file (more on that a bit later).[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]What we particularly liked about PDF Embedder is that it\u2019s <strong>using JavaScript to embed the files<\/strong>, and not iframes. This means you can modify the plugin as you like, even add some new features to it that the plugin doesn\u2019t include by default. While this may not mean much to you if you\u2019re not a developer, for anyone into coding, this info could be of great use. Remember, WordPress.org plugins are open-source, and as such can be altered to the user&#8217;s liking.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now let\u2019s see how to embed a PDF in WordPress using PDF Embedder.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Activate PDF Embedder<\/h3>\n<p>[\/vc_column_text][vc_column_text]First up, let\u2019s install and activate the plugin. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To do that, select <em><strong>Plugins &gt; Add New<\/strong><\/em> and type PDF Embedder in the search box at the left-hand side of the screen.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Activate-PDF-Embedder.jpg\" class=\"attachment-full size-full\" alt=\"Activate PDF Embedder\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Activate-PDF-Embedder.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Activate-PDF-Embedder-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Activate-PDF-Embedder-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once the plugin appears in the search results, first click on <em>Install<\/em> and then <em>Activate<\/em>. And that\u2019s it, the plugin is now active on your WordPress website.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Plugin Setup<\/h3>\n<p>[\/vc_column_text][vc_column_text]Next comes the plugin configuration. Go to <em>Settings &gt; PDF Embedder<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Plugin-Settings.jpg\" class=\"attachment-full size-full\" alt=\"PDF Embedder Plugin Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Plugin-Settings.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Plugin-Settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Plugin-Settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>The free version of the plugin allows you to:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">modify the width and the height of the file<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">choose the toolbar location<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">select if the toolbar will appear only on hover or if it\u2019ll be always visible<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">add the link to the plugin author\u2019s website (if you wish to promote and support them)<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;12px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Main-Settings.jpg\" class=\"attachment-full size-full\" alt=\"PDF Embedder Main Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Main-Settings.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Main-Settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Main-Settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <em><strong>Mobile<\/strong> <\/em>and <em><strong>Secure<\/strong><\/em> options are for premium users only. You can purchase the premium version of the plugin on the <a href=\"https:\/\/wp-pdf.com\/premium\/\" target=\"_blank\" rel=\"noopener noreferrer\">wp-pdf official website<\/a>, with the prices starting at $20 for a single site license.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But <strong>the free version of PDF Embedder already comes with the features you need to embed a PDF in WordPress<\/strong>, so if you\u2019re cash-strapped, there\u2019s no need to spend money on premium plans.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Embed a PDF File<\/h3>\n<p>[\/vc_column_text][vc_column_text]Upon altering the plugin settings to your liking, it\u2019s time to upload a PDF file to your page. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Go to <em><strong>Pages &gt; Add New<\/strong><\/em>. If you\u2019re using Classic Editor, click on <em><strong>Add Media<\/strong>.<\/em>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-Media-in-Classic-Editor.png\" class=\"attachment-full size-full\" alt=\"Add Media in Classic Editor\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-Media-in-Classic-Editor.png 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-Media-in-Classic-Editor-300x160.png 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-Media-in-Classic-Editor-620x331.png 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, select the PDF file and press the <em><strong>Insert Into Page<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Insert-Into-Page-button.jpg\" class=\"attachment-full size-full\" alt=\"Insert Into Page button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Insert-Into-Page-button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Insert-Into-Page-button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Insert-Into-Page-button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The PDF shortcode will now appear in your text editor. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-shortcode.jpg\" class=\"attachment-full size-full\" alt=\"PDF shortcode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-shortcode.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-shortcode-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-shortcode-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you\u2019re using <strong>Gutenberg<\/strong>, upon installing the plugin go to <em><strong>Pages &gt; Add New<\/strong><\/em>. Then, click on the <em>\u201c+\u201d<\/em> symbol to add a new block and look for <em><strong>PDF Embedder<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Gutenberg-block.jpg\" class=\"attachment-full size-full\" alt=\"PDF Embedder Gutenberg block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Gutenberg-block.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Gutenberg-block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/PDF-Embedder-Gutenberg-block-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019ve added the block, all that\u2019s left to do is upload the PDF file to the page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-the-PDF-file-to-the-page.png\" class=\"attachment-full size-full\" alt=\"Upload the PDF file to the page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-the-PDF-file-to-the-page.png 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-the-PDF-file-to-the-page-300x160.png 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-the-PDF-file-to-the-page-620x331.png 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Et voil\u00e0, that\u2019s all you have to do to embed a PDF in WordPress with PDF Embedder. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are other free plugins you can try, for example <a href=\"https:\/\/wordpress.org\/plugins\/google-drive-embedder\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Drive Embedder<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/embed-pdf-viewer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Embed PDF Viewer<\/a>, and <a href=\"https:\/\/wordpress.org\/plugins\/algori-pdf-viewer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Algori PDF Viewer<\/a>, but as far as we\u2019re concerned, PDF Embedder definitely takes the crown.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;81px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-google-drive\"><\/a>How to Embed a PDF in WordPress Using Google Drive<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you don\u2019t feel like dealing with plugins, no matter how simple they may be, you can still embed a PDF file in your posts and pages using Google Drive (you can also use it to <a href=\"https:\/\/qodeinteractive.com\/magazine\/embed-word-document-in-wordpress\/\">embed Word documents<\/a> and <a href=\"https:\/\/qodeinteractive.com\/magazine\/embed-google-sheets-in-wordpress\/\">Google Sheets in WordPress<\/a>). In this case, you\u2019d have to <strong>use the iframe code<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The first thing you should do is upload a PDF file to Google Drive. To do that, go to your Google Drive account, click on <em><strong>New<\/strong><\/em> in the top left corner of the screen, and select <em><strong>File Upload<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-a-PDF-file-to-Google-Drive.jpg\" class=\"attachment-full size-full\" alt=\"Upload a PDF file to Google Drive\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-a-PDF-file-to-Google-Drive.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-a-PDF-file-to-Google-Drive-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Upload-a-PDF-file-to-Google-Drive-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Locate your PDF file and upload it to the drive. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next, click two times on the file to preview it. In the top right corner of the screen, you\u2019ll notice the three vertical dots symbol which stands for <em><strong>More Actions<\/strong><\/em>. Click on it and select the first option \u2013 <em><strong>Share<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Share-document.jpg\" class=\"attachment-full size-full\" alt=\"Share document\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Share-document.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Share-document-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Share-document-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]We now need to make sure that everyone with the link can see your PDF file. To do this, in <em><strong>Anyone with the link<\/strong><\/em> filed select the <em><strong>can view<\/strong><\/em> option.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Anyone-with-the-link.jpg\" class=\"attachment-full size-full\" alt=\"Anyone with the link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Anyone-with-the-link.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Anyone-with-the-link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Anyone-with-the-link-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]We\u2019d also advise you to click on <em><strong>Advanced<\/strong><\/em> options and check the box that <strong>prevents visitors from downloading, printing, or copying your file<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Prevents-visitors-from-downloading-printing-or-copying-your-file.jpg\" class=\"attachment-full size-full\" alt=\"Prevents visitors from downloading, printing, or copying your file\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Prevents-visitors-from-downloading-printing-or-copying-your-file.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Prevents-visitors-from-downloading-printing-or-copying-your-file-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Prevents-visitors-from-downloading-printing-or-copying-your-file-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019ve saved your changes, click again on the three dots and select <em><strong>Open in New Window<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Open-document-in-New-Window.jpg\" class=\"attachment-full size-full\" alt=\"Open document in New Window\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Open-document-in-New-Window.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Open-document-in-New-Window-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Open-document-in-New-Window-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When the file opens, the three dots will be visible again. Click on them, and from the dropdown menu select <em><strong>Embed Item<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Embed-Item.jpg\" class=\"attachment-full size-full\" alt=\"Embed Item\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Embed-Item.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Embed-Item-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Embed-Item-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The iframe code to your PDF file will now appear. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/The-iframe-code-to-your-PDF-file.jpg\" class=\"attachment-full size-full\" alt=\"The iframe code to your PDF file\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/The-iframe-code-to-your-PDF-file.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/The-iframe-code-to-your-PDF-file-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/The-iframe-code-to-your-PDF-file-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Copy the link and go to your WordPress dashboard. Select <em><strong>Pages &gt; Add New<\/strong><\/em> and paste the link in the text editor.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Custom-HTML-box.jpg\" class=\"attachment-full size-full\" alt=\"Custom HTML box\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Custom-HTML-box.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Custom-HTML-box-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Custom-HTML-box-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To do this in Gutenberg, you should first add the <em><strong>Custom HTML<\/strong><\/em> box to your page and then paste the link into the block.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-the-Custom-HTML-box-to-your-page.jpg\" class=\"attachment-full size-full\" alt=\"Add the Custom HTML box to your page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-the-Custom-HTML-box-to-your-page.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-the-Custom-HTML-box-to-your-page-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Add-the-Custom-HTML-box-to-your-page-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The iframe code may not allow for too many customization options, but you can at least <strong>alter the size of the preview<\/strong> according to your requirements by modifying the width and the height parameters at the end of the code.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Alter-the-size-of-the-preview.jpg\" class=\"attachment-full size-full\" alt=\"Alter the size of the preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Alter-the-size-of-the-preview.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Alter-the-size-of-the-preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/06\/Alter-the-size-of-the-preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And with that, you\u2019re done! You\u2019ve successfully embedded a PDF file in WordPress using Google Drive.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]WordPress comes with copious amounts of features you can use for all kinds of purposes, but embedding <a href=\"https:\/\/qodeinteractive.com\/magazine\/best-wordpress-pdf-viewer-plugins\/\">PDF files<\/a> from the platform itself sadly still isn\u2019t possible. Luckily, there are two simple ways you can go about that. If you\u2019re a WordPress expert, you <strong>might lean more towards PDF Embedder, because that\u2019s a JavaScript plugin and you can alter its code exactly to your liking<\/strong>. And others may feel more comfortable in Google Drive\u2019s familiar environment. It\u2019s really not that important &#8211; it all comes down to your preferences and skills.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Would you like to embed a PDF in WordPress? We\u2019ll show you how to do it in two ways &#8211; by using a plugin and Google Drive.<\/p>\n","protected":false},"author":4,"featured_media":7943,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,4,13],"class_list":["post-7942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/7942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=7942"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/7942\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/7943"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=7942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=7942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=7942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}