PDF Viewer Widget takes your website to the next level by effortlessly integrating detailed PDFs directly into your pages. With no coding required, our widget simplifies the process of showcasing important documents, ensuring your content is both accessible and visually appealing. Save time, enhance user experience, and keep your audience engaged by streamlining your content management. Start leveraging the power of our PDF viewer today and make your website more dynamic and informative.
Let’s look at each of the options in the “Pdf Viewer Widget” below.
Install PDF Viewer Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “PDF Viewer”
- Hover over the widget in the search results and click install
- Add your “PDF Viewer” widget to any Elementor Page
General Settings #
Choose PDF File
Paste the link to PDF file. It should be loaded within same domain as current page.
Layout Type
Select the layout for pdf viewer.
- Default
- Custom
Layout Settings #
Show Prev/Next Arrows
Show or Hide previous/next arrows.
Show Pages
Show or Hide pages.
Previous Arrow Icon
Choose icon for previous button.
Previous Arrow Text
Type text for previous arrow.
Next Arrow Icon
Choose icon for next button.
Next Arrow Text
Type text for next button.
Show Full Screen Button
Show/Hide the full screen button.
Full Screen Button Text
Type text for full screen button.
PDF Viewer Styling #
You can set background, border, navigation alignment, gap and spacing.
Prev/Next Arrows Styling #
Set the layout, spacing, padding, typography, border, background, text color, icon color for prev/next icons.
Pages Styling #
Set the pages typography and color.
Full Screen Button Styling #
You can set the full screen button typography, padding, color, background color and border.
Usage Examples #
Here are some live use cases for the PDF Viewer widget.