Wix Apps: Adding and Setting Up the Wix PDF Viewer App

3 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.
Note:
Currently, it is only possible to download and print pdf's when using the button layouts.

Step 1 | Add the PDF Viewer app to your site

  1. Go to the Wix App Market.
  2. Type "PDF Viewer" in the search bar.
  3. Select PDF Viewer from the search results.
  4. Click Add to Site
A screenshot showing the option to add the PDF Viewer app from the Wix 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 file:

  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

Click a question below to find out more. 

Did this help?

|