How to set up and style the PDF Viewer widget in Elementor.
PDF Viewer shows a PDF from the Media Library or a web address inside the page, using the browser’s own viewer, with a title bar and open and download buttons. Phones that cannot show PDFs inside a page get a tidy card with the buttons instead.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Source | Media Library or web address. |
| The file from the Media Library. | |
| PDF Address | A PDF address. Files on your own site work best. |
| Title | Name shown in the title bar. |
| Title Bar | Shows the bar above the viewer. |
| Show File Size | Shows the size of Media Library files. |
| Download Button | Button text. Leave empty to hide the button. |
| Open Button | Button text. Leave empty to hide the button. |
| Option | What it does |
|---|---|
| Height | Height of the viewer. |
| Start at Page | The page the viewer opens on. |
| Zoom | Browser default, fit the width, whole page or 100%. |
| Viewer Toolbar | Shows the browser toolbar. Some browsers always show it. |
| On Phones | Show the viewer when the browser can, or always show buttons instead. |
| Card Text | Text of the card shown when the viewer cannot be used. |
Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background, border, radius, shadow, title bar background, title and file size colors and typography.
typography, normal and hover colors, border, radius and padding.
No. It uses the browser’s own PDF viewer, so the page stays light.
If their browser cannot show a PDF in a page, they get a card with open and download buttons.
Yes. Leave Download Button empty.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide