Just a moment, your answer is on the way...

Wix Apps: Adding and Setting Up the PDF Viewer App

4 min read
The PDF Viewer app by Wix allows you to share PDF files directly on your website. This tool offers a seamless way for your site visitors to view, download, or print your PDFs without leaving your website. As a site owner, this can help you provide important information, share your work, or distribute resources easily and efficiently.

For example, if you're a teacher with your own site, you could use the Wix PDF Viewer app to share lesson plans, assignments, or reading materials directly with your students. This ensures your students can always access the materials they need right from your site.

Step 1 | Add the PDF Viewer app to your site

Add the PDF Viewer app to your site for free from the Wix App Market.
Wix Editor
Studio Editor

  1. Click Add Apps   on the left side of the editor.
  2. Search for the PDF Viewer app in the search bar.
  3. Click Add to Site.
A screenshot showing the PDF viewer article in the App Market.
Tip:
You can cut and paste the app to move it to another page on your site.

Step 2 | Upload a PDF to the app

Once you've added the app to your site, you can start uploading your PDFs that you want to display on your site.

To upload a PDF:

  1. Click the app in your editor.
  2. Click Upload PDF.
A screenshot showing the option to Upload a PDF.
  1. Click Add File.
  2. Select a file from your media manager or click Upload Media to upload a new file. Note: Files must be in PDF format.
  3. Click Add to page.
A screenshot of the media manger, showing a PDF file ready to add to a site page.

Step 3 | Customize the design

In order to customize the look and feel of the app on your site, you need to select a preset from the options available. Presets are predesigned templates that we have created for you. You can choose from 6 presets, In-line, Sized container, Full window, Text button, Classic button and Document button. 
Note:
Not all presets are customizable. 

To customize a preset:

  1. Click the app in your editor. 
  2. Click Presets.
  3. Select a preset from the options available. 
  4. Click the Settings  icon.
  5. Customize the settings available. 
  6. Click the Layout   icon.
  7. Customize the layout options available. 
  8. Click the Design  icon. 
A screenshot showing one of the six presets selected with the settings, layout and design icons visible.

FAQs

Did this help?

|