{"id":3608,"date":"2023-08-29T20:26:04","date_gmt":"2023-08-29T20:26:04","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=3608"},"modified":"2026-07-18T13:56:21","modified_gmt":"2026-07-18T13:56:21","slug":"ion-pdf-viewer","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/ion-pdf-viewer\/","title":{"rendered":"How to use the PDF Viewer Widget"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Add the PDF Viewer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open the page in Creative Studio, select <strong>Add elements<\/strong>, and drag <strong>PDF Viewer<\/strong> from the <strong>Interactive<\/strong> section into an available container.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3521-current-pdf-viewer-palette.png\" alt=\"Current Creative Studio Interactive palette with PDF Viewer\"\/><figcaption class=\"wp-element-caption\">PDF Viewer is built into the current Interactive elements palette.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3521-current-pdf-viewer-added.png\" alt=\"PDF Viewer added to a Creative Studio page\"\/><figcaption class=\"wp-element-caption\">The PDF Viewer displays its content in preview and live modes.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Choose the PDF source<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Select the PDF Viewer on the canvas, then open <strong>Variables &gt; Select PDF<\/strong>. The current component accepts either a file from the Fulfillment Library or a publicly accessible external URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3521-current-pdf-viewer-fulfillment.png\" alt=\"PDF Viewer Fulfillment Library selection\"\/><figcaption class=\"wp-element-caption\">Choose a fulfillment category and PDF file from the library.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">From the Fulfillment Library<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Upload the PDF to <strong>Libraries &gt; Fulfillment<\/strong> if it is not already available. In the PDF Viewer action, choose <strong>From Fulfillment Library<\/strong>, select the category and file, and click <strong>Apply<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3521-current-pdf-viewer-external-url.png\" alt=\"PDF Viewer external URL setting\"\/><figcaption class=\"wp-element-caption\">Enter the direct public URL when the PDF is hosted outside Ion.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">From an external URL<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose <strong>From external URL<\/strong>, enter a direct publicly accessible PDF URL, and click <strong>Apply<\/strong>. Keep <strong>Resize PDF automatically<\/strong> enabled when the viewer should adapt to its container.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The previous <code>viewer.html<\/code> and custom widget installation are not required for the current built-in PDF Viewer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you have questions about the PDF Viewer, contact <a href=\"mailto:help@ioninteractive.com\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add the PDF Viewer Open the page in Creative Studio, select Add elements, and drag PDF Viewer from the Interactive section into an available container. Choose the PDF source Select the PDF Viewer on [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":5378,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[22,818],"tags":[2147,2239,2280],"class_list":["post-3608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-functionalities","category-widget","tag-ion-libraries","tag-pdf-files","tag-widgets"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=3608"}],"version-history":[{"count":2,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3608\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3608\/revisions\/6829"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5378"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=3608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=3608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=3608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}