ninjawebuk

<p>NinjaWeb Widgets – PDF Card adds a custom Elementor widget that displays a PDF as a styled card.</p>
<p>Instead of showing a plain text link, the widget uses the PDF’s first page preview image when WordPress can generate one, then adds a title and button to open the file.</p>
<p>Perfect for newsletters, brochures, reports, guides, forms, and other downloadable documents.</p>
<h3>Features</h3>
<ul>
<li>Custom Elementor PDF Card widget</li>
<li>Displays the first page of a PDF as a preview image when available</li>
<li>Select PDFs directly from the WordPress Media Library</li>
<li>Optional custom title</li>
<li>Customisable button text</li>
<li>Open PDF in new tab option</li>
<li>Styling controls for colours, typography, spacing, border radius, and image height</li>
<li>Responsive and lightweight</li>
</ul>


NinjaWeb Widgets – PDF Card

Display PDFs in Elementor as styled cards using the first page as a preview image.

Maor Chasen

Miriam Schwab

<p>Easily embed documents supported by Google Docs (PDF/DOC/DOCX/PPTX/etc)with a simple shortcode <code>[gviewer]</code></p>
<p>Ex. [gviewer file=”https://example.com/thisismyfile.pdf”]</p>
<p>A full list of attributes:</p>
<ul>
<li><code>file</code> — <strong>Required</strong>. The URL of the file you wish to show</li>
<li><code>width</code> — Optional. The desired width of the viewer in pixels. If no width is set, the value of the theme’s <code>$content_width</code> will be used. If no value is set, the width will default to 600 px.</li>
<li><code>height</code> — Optional. The desired height of the viewer in pixels. If height is set, the height will 1.2 times the width. For example, if the width is 100 px, the height will be 120 px.</li>
<li><code>language</code> — The language of the document. If the document is written in a right-to-left (RTL) language (like Hebrew and Arabic), specifying the language will apply RTL settings.</li>
</ul>
<p>Another way to embed a Google Document is by using the template tag provided by the plugin in the source code. Here’s an example:</p>
<pre><code><?php

echo simple_gviewer_embed( 'https://.../file.pdf', $args );
</code></pre>
<p>The second argument, <code>$args</code>, is an associative array. Keys can be found in the list above.</p>
<h4>Short Demonstration</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/aU1Ekd2D-kI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>


Simple Google Docs Viewer

Easily embed documents like PDFs, Word documents, and Powerpoint in your site using Google Docs Viewer.

NinjaWeb Widgets – PDF Card vs Simple Google Docs Viewer