Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Pie Chart - Featured Blog
ue-update-blog-security
Payment Method Icons - Featured Blog

PDF Viewer for Elementor (Free & Easy to Use)

The “PDF Viewer Widget” allows you to embed and display PDF documents for free in WordPress Elementor websites. This widget enhances user experience by enabling visitors to view PDFs directly on your site without needing to download them. You can customize the viewer’s layout, controls, and styling to seamlessly match your site’s design.

 

Let’s explore the features of the “PDF Viewer Widget” below.

Add a Free PDF Viewer to Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “PDF Viewer”
  3. Hover over the widget in the search results and click install
  4. Add your “PDF Viewer” widget to any Elementor Page
Add a Free PDF Viewer to Elementor

General Settings in Elementor PDF Viewer

General Settings in Elementor PDF Viewer
1

Choose PDF File

Paste the link to PDF file. It should be loaded within same domain as current page.

2

Layout Type

Select the layout for pdf viewer.

  • Default
  • Custom (Pro)

Layout Settings in Elementor PDF Viewer

Layout Settings in Elementor PDF Viewer
1

Show Prev/Next Arrows

Show or Hide previous/next arrows.

2

Show Pages

Show or Hide pages.

3

Previous Arrow Icon

Choose icon for previous button.

4

Previous Arrow Text

Type text for previous arrow.

5

Next Arrow Icon

Choose icon for next button.

6

Next Arrow Text

Type text for next button.

7

Show Full Screen Button

Show/Hide the full screen button.

8

Full Screen Button Text

Type text for full screen button.

Elementor PDF Viewer Styling

You can set background, border, navigation alignment, gap and spacing.

Elementor PDF Viewer Styling

Prev/Next Arrows Styling in Elementor PDF Viewer

Set the layout, spacing, padding, typography, border, background, text color, icon color for prev/next icons.

Prev/Next Arrows Styling in Elementor PDF Viewer

Pages Styling in Elementor PDF Viewer

Set the pages typography and color.

Pages Styling in Elementor PDF Viewer

Full Screen Button Styling in Elementor PDF Viewer

You can set the full screen button typography, padding, color, background color and border.

Full Screen Button Styling in Elementor PDF Viewer

Usage Examples of Elementor PDF Viewer

Here are some live use cases for the PDF Viewer widget.

Free Elementor PDF Viewer with the Full Screen View.

Free Elementor PDF Viewer with the Full Screen View.

Thank you for using the PDF Viewer Widget for Elementor! With its seamless integration and interactive display, this is the best PDF Viewer Widget for Elementor, perfect for embedding and showcasing PDFs directly on your website. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!