johan
ddf0698d4a
Adds the docs-site page and the website marketing copy for the PDF Viewer widget shipped in Pro 20260908.1. - docs: full widget guide (source, zoom, toolbar, styling, gotchas), listed in the Pro getting-started widget index, with the usual two placeholder screenshots to be replaced with real captures. - getting-started: PDF Viewer noted as having no WooCommerce or ACF dependency. - marketing: widget page plus a "What's included" entry and an updated strapline on the Pro overview. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
16 lines
2.0 KiB
Markdown
16 lines
2.0 KiB
Markdown
Show PDFs properly on your pages — brochures, manuals, price lists and menus, in a viewer that matches your site instead of the browser's.
|
|
|
|
#### The problem it solves
|
|
|
|
Putting a PDF on a WordPress page usually means one of two things: a plain download link that sends visitors away from your site into a file manager, or an iframe that hands the document to whatever PDF viewer their browser happens to have. That viewer looks different in Chrome, Safari, Firefox and Edge, carries its own grey toolbar that clashes with every design, can't be styled at all, and on several mobile browsers refuses to display inline — leaving some visitors with a blank box or a forced download.
|
|
|
|
#### How it helps
|
|
|
|
The PDF Viewer widget renders the document itself, page by page, as part of your page. The toolbar, buttons, page indicator, background and the page's own border and shadow are all controlled from the Elementor panel, so the viewer looks like it belongs to your site rather than the browser. Visitors get page navigation, zoom, fullscreen, download and print — and you decide which of those they get, hiding any button you'd rather not offer. Only the page being viewed is loaded, so a long brochure opens quickly, and lazy loading keeps a viewer further down the page from slowing the first paint. Files come from your media library or any external URL, and everything renders identically for every visitor.
|
|
|
|
#### The result
|
|
|
|
Documents that are genuinely part of your site — read in place, on brand, on every browser and device, with no download step and no jarring hand-off to a viewer you don't control.
|
|
|
|
<a target="_blank" rel="noopener noreferrer" href="https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/pdf-viewer" class="dj-docs-button" style="display: inline-block; padding: 14px 28px; background-color: var(--e-global-color-text); color: var(--e-global-color-primary); text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 16px; margin-top: 8px;">View full documentation</a>
|