{"id":87393,"date":"2021-08-27T23:51:51","date_gmt":"2021-08-28T03:51:51","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=87393"},"modified":"2022-08-22T18:28:11","modified_gmt":"2022-08-22T22:28:11","slug":"embed-pdf-files","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/","title":{"rendered":"How to Embed PDF Files in Joomla! 4.0 with PDF Embed"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg\" alt=\"How to Embed PDF files\" class=\"wp-image-87394\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Joomla! 4.0 provides an updated version of the TinyMCE interface for adding content.\u00a0 One of the most common types of content added is when you embed PDF files.\u00a0 By default PDF files are only viewable through a link when adding them into a Joomla article.\u00a0\u00a0<\/p>\n\n\n\n<p>The free plugin from <a href=\"https:\/\/techjoomla.com\/\">Techjoomla<\/a> called <strong>PDF Embed<\/strong> allows you to embed PDF files that can then be immediately displayed without having to click on a link. This tutorial will show you how to obtain the plugin, install it, and then use it within a Joomla article.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#get-plugin\">Getting the PDF Embed Plugin<\/a><\/li><li><a href=\"#install-plugin\">Installing and Enabling the PDF Embed Plugin<\/a><\/li><li><a href=\"#embed-pdf\">Embedding a PDF file into a Joomla Article<\/a><\/li><\/ul>\n\n\n<!-- Shortcode [joomla-vps-1] does not exist -->\n\n\n\n<h2 class=\"wp-block-heading\" id=\"get-plugin\">Getting the PDF Embed Plugin<\/h2>\n\n\n\n<p>The free plugin from Techjoomla is a great feature to add to your Joomla! Installation, but the main headache will simply be getting the file from the developer.\u00a0 Follow these steps to obtain the installation file.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Go to the <a href=\"https:\/\/techjoomla.com\">Techjoomla website<\/a>.<\/li><li>Click on the <strong>Register<\/strong> option in the top right corner. Make sure to follow through their verification steps.\u00a0 Trying to shortcut to the file download page without verification will just cause you to reload the page and log in once again.<\/li><li>After you have logged in as a registered user, click on the drop-down arrow of the <strong>Downloads<\/strong> button at the top of their website.<\/li><li>Select the <strong>Free Downloads<\/strong> section.<\/li><li>Scroll down until you find the PDF Embed- Content Plugin (version 2.3.0).\u00a0 Click on the <strong>Download<\/strong> button. Note that this does NOT start the download.<\/li><li>You will see another page describing the file and there will be a green download button on the right side of the page,\u00a0 Click on this <strong>Download <\/strong>button to download the file.<\/li><li>You will be given a choice to select where the file will be saved.\u00a0 Note that the file is a zip file.\u00a0 Select and remember the location where you saved the file.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install-plugin\">Installation and Enabling the PDF Embed Plugin<\/h2>\n\n\n\n<p>Once you have the zip file for installing the plugin, you can proceed to your Joomla site to install and then enable the plugin.\u00a0 Keep in mind that the developer refers to this plugin as a \u201cplugin\u201d, but Joomla calls these add-ons \u201cextensions\u201d in the installation section of the<strong> Administrator Dashboard<\/strong>. The dashboard refers to them as <strong>Plugins<\/strong>. You can find more information on the differences between the terms in a <a href=\"https:\/\/forum.joomla.org\/viewtopic.php?t=344599\" target=\"_blank\" rel=\"noreferrer noopener\">Joomla Community discussion<\/a>.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br>Installing the Plugin<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Log in to the <strong>Administrator Dashboard<\/strong> as an admin or super user.<\/li><li>In the main menu on the left side of the page, click on <strong>System<\/strong>.<\/li><li>This will bring you to the <strong>System Dashboard<\/strong> page.\u00a0 Find the <strong>Install <\/strong>section near the top of the page. Click on <strong>Extensions<\/strong>.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"344\" class=\"wp-image-87403\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/system-dashboard-page-install.jpg\" alt=\"System - Install\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/system-dashboard-page-install.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/system-dashboard-page-install-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/system-dashboard-page-install-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/system-dashboard-page-install-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/system-dashboard-page-install-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>You will then be on the <strong>Extensions Install<\/strong> screen.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"344\" class=\"wp-image-87404\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extension-install-screen.jpg\" alt=\"select installation file\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extension-install-screen.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extension-install-screen-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extension-install-screen-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extension-install-screen-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extension-install-screen-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Click on the green button to select the zip installation file or drag it into that box.<br><\/li><li>Note that it may appear to be nothing at all, but give it a few seconds and the installation should complete.\u00a0 You will see a confirmation screen along with instructions on how to enable the plugin.\u00a0<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"344\" class=\"wp-image-87405\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/package-installed.jpg\" alt=\"Package installed - confirmation\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/package-installed.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/package-installed-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/package-installed-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/package-installed-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/package-installed-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><\/ol>\n\n\n\n<p>Congratulations! You have completed the installation of the plugin to your Joomla! site. \u00a0 Keep in mind that you still have to enable the plugin before you can start using it.  Additionally, note the information provided to you about the plugin and how to use the code.<br><\/p>\n\n\n\n<p class=\"alert-danger\">This native viewer of the plugin is not compatible with mobile devices.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enabling the Plugin<\/h3>\n\n\n\n<p>Before you can use the plugin, you will need to enable it in your Joomla installation.\u00a0 Follow the steps below to enable the plugin in the editor interface.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Log into the <strong>Administrator Dashboard<\/strong>.<\/li><li>Click on <strong>Systems<\/strong> in the main menu.<\/li><li>You will then be on the <strong>System Dashboard<\/strong> page.\u00a0 In the <strong>Manage<\/strong> section of the page, click on <strong>Extensions<\/strong>.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"344\" class=\"wp-image-87406\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extensions-manage.jpg\" alt=\"Select Manage &gt; Extensions\u201d&gt;&lt;br&gt;&lt;br&gt;&lt;\/li&gt;&lt;li&gt;You will then see a list of all the extensions that are currently enabled or disabled for the Joomla site.\u00a0 In the search box at the top of the page, type in \u201cPDF\u201d and hit enter.&lt;br&gt;&lt;br&gt;&lt;img class=\" wp-image-87407\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extensions-manage.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extensions-manage-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extensions-manage-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extensions-manage-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/extensions-manage-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>This will narrow the list down to just the PDF extensions.\u00a0 Since we have only installed one extension, then you should see the <strong>Author <\/strong>as <em>Techjoomla<\/em> and only the <strong>PDF Embed<\/strong> package and plugin types displayed in the list.<br><\/li><li>Click on the grayed-out circled X\u2019s to enable each option. You will see a green checkmark verifying that you have selected those components to be enabled.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"344\" class=\"wp-image-87408\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/click-to-enable-embed-pdf.jpg\" alt=\"Click to enable embed pdf\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/click-to-enable-embed-pdf.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/click-to-enable-embed-pdf-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/click-to-enable-embed-pdf-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/click-to-enable-embed-pdf-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/click-to-enable-embed-pdf-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>You can also select multiple options and then click on the <strong>Enable<\/strong> button at the top of the page.<\/li><\/ol>\n\n\n\n<p>This completes the process for enabling the plugin for your Joomla site!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"embed-pdf\">Embedding a PDF file into a Joomla Article<\/h2>\n\n\n\n<p>Now that you have installed and enabled the PDF Embed plugin, you can finally start using it with PDF content in your Joomla articles.\u00a0<\/p>\n\n\n\n<p>We will be demonstrating the use of the code option to display the PDF file.\u00a0 In our current testing, the editor button option to embed a PDF does not work.\u00a0 However, using the code is relatively simple.\u00a0 Here are the different formats that you can use in the body of your article (using Javascript):<br><br><strong>Native Relative path<\/strong>: {pdf=images\/pdf\/example.pdf|100%|500|native} or <strong>Absolute path<\/strong> \u2013 {http:\/\/sitename.com\/images\/pdf\/example.pdf|100%|500|native}<\/p>\n\n\n\n<p>Fo<strong>r Google<\/strong>:\u00a0 {pdf=http:\/\/sitename.com\/example.pdf|100%|500|google}<\/p>\n\n\n\n<p>For <strong>pdfjs<\/strong>: {pdf=http:\/\/sitename.com\/example.pdf|100%|500|pdfjs}<\/p>\n\n\n\n<p>For <strong>adobe<\/strong>: {pdf=http:\/\/sitename.com\/example.pdf|100%|500|adobe}<\/p>\n\n\n\n<p><em>Note that native viewer is not compatible with mobile devices.<br><\/em><br>Before you embed a PDF file into a Joomla article, it\u2019s best to upload the file and establish a directory for your files if necessary.\u00a0 You can then use the option to obtain the URL that you will need when embedding the PDF file.\u00a0<\/p>\n\n\n\n<p>To learn more about adding files into the Joomla! 4 Media Manager, check out <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/how-to-upload-files-in-joomla-4\/\">H<strong>ow to Upload Files in the Joomla 4 Media Manager<\/strong><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br>Obtaining the PDF URL<br><\/h3>\n\n\n\n<p>Once you have the file uploaded, follow these steps to get the PDF URL.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Log in to the <strong>Joomla 4 Administrator Dashboard<\/strong>.<\/li><li>Click on <strong>Content <\/strong>in the main menu on the left side of the page. Then click on <strong>Media<\/strong>. You will see the file interface appear.<br><br><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-upload-pdf-files-1-1024x503.jpg\" alt=\"Upload media in Joomla 4\" class=\"wp-image-100136\" title=\"Upload Media\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-upload-pdf-files-1-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-upload-pdf-files-1-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-upload-pdf-files-1-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-upload-pdf-files-1-1536x755.jpg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-upload-pdf-files-1.jpg 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure><br><br>You can see in this screenshot that a PDF folder was created specifically for the PDF files.\u00a0\u00a0<br><\/li><li>When you hover over a file, you will see the 3-dot menu option appear in the top right corner of the file.\u00a0 Left-click on the 3-dot button and several options will appear.<br><br><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"953\" height=\"585\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-pdf-file-shareable-link-2.jpg\" alt=\"Sharable media link in Joomla 4\" class=\"wp-image-100134\" title=\"Sharable Link\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-pdf-file-shareable-link-2.jpg 953w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-pdf-file-shareable-link-2-300x184.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/joomla-4-pdf-file-shareable-link-2-768x471.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure><br><br><\/li><li>The option in the top right corner is the option to get a shareable link.\u00a0 Click on it to copy the\u00a0 link.<\/li><\/ol>\n\n\n\n<p>Paste the link or keep it in the clipboard so that you can use it when embedding the PDF file.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embedding the PDF file in the Joomla 4.0 Editor<\/h3>\n\n\n\n<p>Your final step to embed the PDF file is to create or edit the article that you want to publish in Joomla.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Log in to the Joomla Administrator Dashboard (if you\u2019re not already there).<\/li><li>In the main menu at left, click on <strong>Content<\/strong>, then either edit and existing article or create a new one.<\/li><li>Add the content to your article, then when you need to place the PDF, click on <strong>Insert Code Sample<\/strong>. The code options from above are listed in the screenshot below (do not replicate in your article):<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"386\" class=\"wp-image-87409\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/add-code-block.jpg\" alt=\"Add code block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/add-code-block.jpg 1214w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/add-code-block-300x166.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/add-code-block-1024x565.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/add-code-block-768x424.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>Make sure to click on the blue <strong>SAVE<\/strong> button at the bottom of the <strong>Insert Code Sample<\/strong> box. Here\u2019s how the code looks after being properly added:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"413\" class=\"wp-image-87412\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/sample-code-added.jpg\" alt=\"Sample code added\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/sample-code-added.jpg 1379w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/sample-code-added-300x177.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/sample-code-added-1024x604.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/sample-code-added-768x453.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><\/ol>\n\n\n\n<p>Make sure to save and publish your article in order to see how it looks on the front end.\u00a0 You can also preview the article.\u00a0 In this case, the code from the screenshot above was used for a sample PDF file and we are showing in a preview here:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"344\" class=\"wp-image-87410\" style=\"width: 700px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-file-embedded.jpg\" alt=\"PDF file embedded\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-file-embedded.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-file-embedded-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-file-embedded-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-file-embedded-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-file-embedded-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><br>The viewer used per the code is Google.\u00a0<br><br>This completes our tutorial on embedding a PDF file using the PDF Embed plugin for Joomla 4.0.\u00a0 To learn more about using Joomla or many other topics for your website, check out our <a href=\"https:\/\/www.inmotionhosting.com\/support\/\">InMotion Hosting Support Center website<\/a>.\u00a0\u00a0<\/p>\n\n\n<div class=\"jumbotron\">Discover how InMotion Hosting's virtual private servers can deliver power and performance for your Joomla site with our reliable <a href=\"https:\/\/www.inmotionhosting.com\/joomla-hosting\">Joomla Hosting<\/a> plans.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Joomla! 4.0 provides an updated version of the TinyMCE interface for adding content.\u00a0 One of the most common types of content added is when you embed PDF files.\u00a0 By default PDF files are only viewable through a link when adding them into a Joomla article.\u00a0\u00a0 The free plugin from Techjoomla called PDF Embed allows you<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4496],"tags":[],"class_list":["post-87393","post","type-post","status-publish","format-standard","hentry","category-joomla-4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Embed PDF Files in Joomla! 4.0 with PDF Embed | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed PDF Files in Joomla! 4.0 with PDF Embed | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Joomla! 4.0 provides an updated version of the TinyMCE interface for adding content.\u00a0 One of the most common types of content added is when you embed PDF files.\u00a0 By default PDF files are only viewable through a link when adding them into a Joomla article.\u00a0\u00a0 The free plugin from Techjoomla called PDF Embed allows you Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-28T03:51:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-22T22:28:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Embed PDF Files in Joomla! 4.0 with PDF Embed\",\"datePublished\":\"2021-08-28T03:51:51+00:00\",\"dateModified\":\"2022-08-22T22:28:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\"},\"wordCount\":1388,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg\",\"articleSection\":[\"Joomla 4\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\",\"name\":\"How to Embed PDF Files in Joomla! 4.0 with PDF Embed | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg\",\"datePublished\":\"2021-08-28T03:51:51+00:00\",\"dateModified\":\"2022-08-22T22:28:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Embed PDF Files in Joomla! 4.0 with PDF Embed\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Embed PDF Files in Joomla! 4.0 with PDF Embed | InMotion Hosting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/","og_locale":"en_US","og_type":"article","og_title":"How to Embed PDF Files in Joomla! 4.0 with PDF Embed | InMotion Hosting","og_description":"Joomla! 4.0 provides an updated version of the TinyMCE interface for adding content.\u00a0 One of the most common types of content added is when you embed PDF files.\u00a0 By default PDF files are only viewable through a link when adding them into a Joomla article.\u00a0\u00a0 The free plugin from Techjoomla called PDF Embed allows you Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2021-08-28T03:51:51+00:00","article_modified_time":"2022-08-22T22:28:11+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Embed PDF Files in Joomla! 4.0 with PDF Embed","datePublished":"2021-08-28T03:51:51+00:00","dateModified":"2022-08-22T22:28:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/"},"wordCount":1388,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg","articleSection":["Joomla 4"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/","name":"How to Embed PDF Files in Joomla! 4.0 with PDF Embed | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4-1024x538.jpg","datePublished":"2021-08-28T03:51:51+00:00","dateModified":"2022-08-22T22:28:11+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/pdf-embed-joomla4.jpg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/embed-pdf-files\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Embed PDF Files in Joomla! 4.0 with PDF Embed"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4496,"name":"Joomla 4","slug":"joomla-4","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-4\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/87393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=87393"}],"version-history":[{"count":7,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/87393\/revisions"}],"predecessor-version":[{"id":100137,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/87393\/revisions\/100137"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=87393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=87393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=87393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}