How to use the PDF Viewer Widget

How to install the PDF Viewer Widget

Upload viewer.html file into the client’s Library > Framework > {{Framework they use in their theme}} usually ion_Framework_v4.0

Download file and upload into ion_Framework_v4.0: viewer.html

Copy widget code into target console. And save as a new Widget

Open file and copy entire code: PDF Viewer PDFjs base

Don’t forget to update the variables

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.

How to use the PDF Viewer Widget

Option 1: Upload local PDF

Upload local PDF into Libraries > Fullfillment

Add Widget to the creative: Basics > Widget > select PDF Viewer PDFjs base

Click required URL setting > Download Fullfillment > select the uploaded PDF

Option 2: Publicly hosted PDF

Add Widget to the creative

Get the public URL for the PDF

Click required URL setting > Insert Public URL under External URL

Have a question?

Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to [email protected], so we can make sure to have this article constantly up to date.

Share this:

Ion Interactive is a powerful and scalable platform to create interactive content at scale and launch code-free quizzes, calculators, assessments, infographics, landing pages, and other interactive formats in just a few hours.