{"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":"2025-02-17T11:53:29","modified_gmt":"2025-02-17T11:53:29","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<div style=\"padding-bottom: 56.25%;height: 0\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to install the PDF Viewer Widget<\/strong><\/h2>\n\n\n\n<p>Upload viewer.html file into the client&#8217;s Library &gt; Framework &gt; {{Framework they use in their theme}} usually ion_Framework_v4.0<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"313\" src=\"https:\/\/lh3.googleusercontent.com\/oriaarIwLW-d-DFjhDBAtt09k2vZF_pyiOn55QVoRXP7rAG2o5yVWHwvcLEbP6YoaB0YLJfUjy8vroHNH4xLJvJEYmEEFgHM6_7LXgLr40Xzp721YXAKBTIYCwuyvhIufNeAvVLXbBb_VELhE9bucVE\"><\/p>\n\n\n\n<p>Download file and upload into ion_Framework_v4.0: <a href=\"https:\/\/drive.google.com\/file\/d\/13MOdDONkPIxN4jJo44b4egrit8CU96pN\/view?usp=drive_link\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"text-decoration: underline\">viewer.html<\/span><\/a><\/p>\n\n\n\n<p>Copy widget code into target console. And save as a new Widget<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"313\" src=\"https:\/\/lh3.googleusercontent.com\/_o5APCkJ3wMfGtukG9lY7Eaxg8uqneMCa8Elc25FVes58A-4doHZWPqYJZ1lIe_TUj8lnIJwQd8vSYm3KKzM-nIU039NwaTURlJeMw8QULkunVq6rg_357PsR8HHd3shPlqv0aU76SEmYohTw3A81iA\"><\/p>\n\n\n\n<p>Open file and copy entire code: <a href=\"https:\/\/drive.google.com\/file\/d\/1DMn8GwsZXZbaVUoBEURTNCQ5VhhqA1Gg\/view?usp=drive_link\">PDF Viewer PDFjs base<\/a><\/p>\n\n\n\n<p>Don\u2019t forget to update the variables<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>If the viewer.html was uploaded to another Framework other than ion_Framework_v4.0 update the path \/Templates\/ion\/ion_Framework_v4.0\/viewer.html to match the framework name.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to use the PDF Viewer Widget<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Option 1: Upload local PDF<\/h3>\n\n\n\n<p>Upload local PDF into Libraries &gt; Fullfillment<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"313\" src=\"https:\/\/lh3.googleusercontent.com\/yS_HuTmoHWA-iGZw-ZMlWlMrpUURV-BMWjX0VuS5WmwZearOGesJZ7Z2sqKXqCk8HnHK9vW3A5N6wFk9487zCXrqjrA6Wvqiox-gIISIB9BuxzG9wnTb5vnaRtHwLdg953XQz61YKVvQocOWK1htAbQ\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Add Widget to the creative: Basics &gt; Widget &gt; select PDF Viewer PDFjs base<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"313\" src=\"https:\/\/lh5.googleusercontent.com\/3lK2InW_zzFDsmpwglWjGdZJaeFUEUYb2H_OUMREeUQ32Nzngl-GX8PITEZk1MsdnuUrHfpdE0Sm_zhsagpz214BJFbboPxGvBhF-TPviMBp2s-C6_nTnVyHO0iHK3WSox3vThOSiwi3lOV9dKtEvhQ\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Click required URL setting &gt; Download Fullfillment &gt; select the uploaded PDF<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"313\" src=\"https:\/\/lh3.googleusercontent.com\/x0vJioaqV8-5hC10Lw7HbtDgFOVfm9unN6mn6R0Ghfsy8X7yX-kb2D8AihC2fzhzYOuUe5x1DH20zB16-fJzZ9eKvTSPatEFJaH85wcds9KXnnsZELJlz-ETZW6xm2fZeQzhQluDqM6TR8D9sCBhnTY\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option 2: Publicly hosted PDF<\/h3>\n\n\n\n<p>Add Widget to the creative<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/Ioxip1O8amTNpxebRQ1DG349JilLEwTi-_K1aHD60He9uzSp5bQIIAoJ2MaFyiixXRS2pMgq5Y_RFFLhMVQSOKa4yuOjIGvTcjiHTXG_XCEndgubxqP7ScaP9jYYCfH4n8EUN0YFRCcJwxghfLQymEI\" alt=\"\" \/><\/figure>\n\n\n\n<p>Get the public URL for the PDF<\/p>\n\n\n\n<p>Click required URL setting &gt; Insert Public URL under External URL<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/9dkWj-iWQu-pbDZ5lnPwXfhfUxbw8cR7B14A-i5CSz2-uAEQd7v4BRZKNJ742bXzyZa0CdQeze_d_h_Z0foy37hvPAMEkfyRQYrVcTT-8e7YUTIHWv0GLM9ieeJHeOkVuymXC8OIR_9UwfEF_75k7ZM\" alt=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p>Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to <a href=\"mailto:help@ioninteractive.com\">help@ioninteractive.com<\/a>, so we can make sure to have this article constantly up to date.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to install the PDF Viewer Widget Upload viewer.html file into the client&#8217;s Library &gt; Framework &gt; {{Framework they use in their theme}} usually ion_Framework_v4.0 Download file and upload into ion_Framework_v4.0: viewer.html Copy widget [&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}]}}