PDF Embed Widget

PDF Embed Widget Features

Display one PDF directly on your website with an embeddable viewer. Upload a file or paste a direct PDF URL, then customize the file name, viewer size, download access, colors, icons, typography, and mobile-ready display without code.

Create Your PDF Embed Widget - It's Free!
PDF Embed Widget Features Hero Bg Image

How to embed PDF Embed Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Add your PDF source

Upload one PDF file or paste a direct PDF URL so visitors can read the document on your page. Keep the file name clear, validate the source, and replace the document when the file changes.

Source controls include:

PDF uploadPDF URLFile nameValidation
Add Your PDF
Add your PDF source

Show a focused viewer

Display a clean inline PDF reader that keeps visitors on your website while they review the document. Set the viewer height and reading area so the PDF fits naturally into your page layout.

Viewer options include:

ViewerSingle pageScroll areaHeight
Set the Viewer
Show a focused viewer

Give visitors reading controls

Help visitors review the PDF with familiar controls for zooming, scrolling, page navigation, and downloads when enabled. Keep download access optional when you only want the document available for inline reading.

Viewer actions include:

ZoomPage navigationScrollDownload
Preview Controls
Give visitors reading controls

Match your website style

Customize the document experience with title sizing, file name sizing, download label styling, viewer background, text color, accent color, file icon visibility, icon color, width, height, branding, and scoped CSS.

Design options include:

ColorsIconsTypographyCustom CSS
Style Your Widget
Match your website style