{"id":2396,"date":"2025-04-09T15:36:19","date_gmt":"2025-04-09T14:36:19","guid":{"rendered":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/?p=2396"},"modified":"2025-08-04T15:27:38","modified_gmt":"2025-08-04T14:27:38","slug":"how-to-enable-pdf-previews-within-a-page","status":"publish","type":"post","link":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/how-to-enable-pdf-previews-within-a-page\/","title":{"rendered":"How to Enable PDF Previews Within a Page"},"content":{"rendered":"\n<div class=\"wp-block-group page-navigation has-base-color has-text-color has-background has-link-color wp-elements-898fbf94a562a6b340a04cfcaa175779 has-global-padding is-layout-constrained wp-container-core-group-is-layout-74eabeda wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#6184d8;padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--small)\">\n<p class=\"post-nav-title\"><strong>Contents<\/strong><\/p>\n\n\n\n<ol style=\"margin-top:5px;margin-bottom:5px;padding-right:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\" class=\"wp-block-list\">\n<li><a href=\"#intro\">Introduction<\/a><\/li>\n\n\n\n<li style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\"><a href=\"#PDF-Previews-page\">How to Enable PDF Previews Within a Page<\/a><\/li>\n<\/ol>\n<\/div>\n\n\n\n<p>When adding or working with PDF links in Canvas\u2014whether it&#8217;s newly uploaded content or part of migrated materials\u2014Canvas will default to showing the PDF as a simple hyperlink. You may want to allow students to view the PDF directly within the course page, to do this you can enable an inline preview.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-da79a4a7 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--base-2);border-bottom-width:2px;padding-top:10px;padding-bottom:10px\">\n<h2 class=\"wp-block-heading has-base-2-color has-text-color has-link-color wp-elements-c307dc8c6101c00a448a6100bb6362c4\" id=\"PDF-Previews-page\" style=\"padding-top:0px;padding-right:0;padding-bottom:0px;padding-left:0\"><strong><a href=\"#accessing-canvas\">How to show Previews of PDF links<\/a><\/strong><\/h2>\n<\/div>\n\n\n\n<p class=\"has-base-5-color has-text-color has-link-color wp-elements-3b28b715fe45a8946e42b951749c830f\"><strong>Step 1 &#8211;<\/strong> If you add PDFs within a Page in Canvas, or if your PDFs have migrated from Blackboard within a Page, they will display by default as a hyperlink:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-default wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"289\" src=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/Step-1-1024x289.png\" alt=\"Screenshot showing a PDF displayed as a link. \" class=\"has-border-color has-base-2-border-color wp-image-2404\" style=\"border-width:2px;width:871px;height:auto\" srcset=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/Step-1-1024x289.png 1024w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/Step-1-300x85.png 300w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/Step-1-768x217.png 768w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/Step-1-1536x433.png 1536w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/Step-1-2048x578.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-base-5-color has-text-color has-link-color wp-elements-fa0bd295f17e4957d8b5939190085f26\"><strong>Step 2 &#8211;<\/strong> To host a preview of the PDF so this is displayed in the course: <strong>edit<\/strong> the page (top-left), find the PDF link in the content editor and click the link to display \u2018<strong>link options<\/strong>\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"363\" src=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/STEP-2-1024x363.png\" alt=\"Screen shot showing 'link options' in edit. \" class=\"has-border-color has-base-2-border-color wp-image-2405\" style=\"border-width:2px;width:871px;height:auto\" srcset=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/STEP-2-1024x363.png 1024w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/STEP-2-300x106.png 300w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/STEP-2-768x272.png 768w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/STEP-2-1536x544.png 1536w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/STEP-2-2048x725.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-base-5-color has-text-color has-link-color wp-elements-c971ab782d70e09fe662a935ff4440f8\"><strong>Step 3 &#8211;<\/strong> This will display a sidebar for link options, select the bottom option of \u2018<strong>preview inline<\/strong>\u2019, this will then provide the option to \u2018<strong>Expand preview by Default<\/strong>\u2019, then go to the bottom of the page to <strong>Save<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"305\" src=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/image-3.png\" alt=\"Screenshot of Canvas showing the link options panel, selecting preview inline and expand preview by default. \" class=\"has-border-color has-base-2-border-color wp-image-3450\" style=\"border-width:2px;width:866px;height:auto\" srcset=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/image-3.png 940w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/image-3-300x97.png 300w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/image-3-768x249.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p class=\"has-base-5-color has-text-color has-link-color wp-elements-4251aaaaebd2d5c0336b2b77d07869bd\"><strong>Step 4 &#8211;<\/strong> Your PDF will now be embedded and viewable directly on the course page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"226\" src=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/step-4-2.png\" alt=\"Screenshot showing a PDF preview after saving. \" class=\"has-border-color has-base-2-border-color wp-image-2407\" style=\"border-width:2px;width:856px;height:auto\" srcset=\"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/step-4-2.png 752w, https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-content\/uploads\/sites\/8\/2025\/04\/step-4-2-300x90.png 300w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<p id=\"building-content\"><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contents When adding or working with PDF links in Canvas\u2014whether it&#8217;s newly uploaded content or part of migrated materials\u2014Canvas will default to showing the PDF as a simple hyperlink. You may want to allow students to view the PDF directly within the course page, to do this you can enable an inline preview. How to [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2396","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/posts\/2396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/comments?post=2396"}],"version-history":[{"count":10,"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/posts\/2396\/revisions"}],"predecessor-version":[{"id":3451,"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/posts\/2396\/revisions\/3451"}],"wp:attachment":[{"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/media?parent=2396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/categories?post=2396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elearning.fse.manchester.ac.uk\/getting-started-with-canvas\/wp-json\/wp\/v2\/tags?post=2396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}