Quick download button with block and shortcode support.

Abidemi Kusimo

<p>The Quick Download Button plugin for WordPress allows you to easily integrate a simple but sophisticated download button into your posts and pages. This versatile plugin offers a range of features like a countdown timer, multiple button styles, and the ability to hide or show file size and extension. It supports both WordPress blocks and shortcodes, making it highly adaptable to your website’s needs.</p>
<h3>Features</h3>
<ul>
<li>Display file size and extension.</li>
<li>Create customizable download buttons via shortcode.</li>
<li>Link your download button to any publicly accessible web location.</li>
<li>Support for a wide range of file types including music, video, PDFs, spreadsheets, and more.</li>
<li>Option to hide the download link for added security.</li>
<li>Countdown feature to specify a waiting time before the download starts.</li>
<li>Customizable waiting message for user engagement.</li>
<li>Support for external download links.</li>
<li>Shows download file extension for ‘pdf’,’mp3′,’mov’,’zip’,’txt’,’doc’,’xml’,’mp4′,’ppt’ and images ( png, gif, jpg, jpeg, bmp).</li>
<li>Support for htm, html, ps, tex, xml, txt, csv, xlsx (Microsoft Excel), pptx (Microsoft PowerPoint), js, css, php.</li>
<li>Open external download in new tab or same window.</li>
<li>Force file download.</li>
<li>Access control based on user roles and login status.</li>
<li>WordPress Gutenberg block support for easy integration.</li>
</ul>
<h3>Basic Usage</h3>
<p>** Shortcode **<br />
To add a download button, open the post or page editor and paste the following shortcode example:</p>
<pre><code>[quick_download_button title="Download" url="http://yoursite/wp-content/upload/fileto_download.pdf"]
</code></pre>
<p>Replace the url value with your file’s URL. Change the title value to customize the button text.</p>
<h3>More Shortcode Usage</h3>
<p>** Open link in a new window **</p>
<p>Set open_new_window to true to open the download link in a new tab, or false to open it in the same window.</p>
<pre><code>[quick_download_button title="Download" open_new_window="true" url_external="https://google.com"]
</code></pre>
<p>** Set the button background color (color_bg=”#ffc107″), waiting timer (wait=15) and a custom message (msg=”Please wait 15 seconds”) **</p>
<pre><code>[quick_download_button  title="Download" color_bg="#ffc107" open_new_window="true" wait=15 msg="Please wait 15 seconds" url_external="https://google.com"]
</code></pre>
<p>** Link to an External URL **</p>
<p>To use external url, add url_external attribute.</p>
<pre><code>[quick_download_button title="Download" url_external="https://google.com"]
</code></pre>
<p>** Auto Calculate File Size **</p>
<p>To have the plugin automatically generate the file size, ensure the file URL is in the WordPress upload directory and set file_size to 1.</p>
<pre><code>[quick_download_button file_size="1" title="Download" url="http://yoursite/wp-content/upload/fileto_download.pdf"]
</code></pre>
<p>** Manually Add File Size **</p>
<p>You can manually specify the file size in the file_size attribute.</p>
<pre><code>[quick_download_button file_size="14.5MB" title="Download" url="http://yoursite/wp-content/upload/fileto_download.pdf"]
</code></pre>
<p>** Hide File Extension Icon **</p>
<p>To display both the file extension icon and text, set extension and extension_text to 1.</p>
<pre><code>[quick_download_button  title="Download" filesize="1" extension="0" url="http://yoursite/wp-content/upload/fileto_download.pdf"]
</code></pre>
<p>** Display File Extension Icon and Text **</p>
<p>To showcase both the file extension icon and its text, set both the extension and extension_text attributes to 1.</p>
<pre><code>[quick_download_button  title="Download" filesize="1" extension="1" extension_text="1"  url="http://yoursite/wp-content/upload/fileto_download.pdf"]
</code></pre>
<p>** Using the Gutenberg Block **</p>
<ol>
<li>Open the post where you wish to add a download link and click on the ‘Add Block’ icon (+).</li>
<li>Look for ‘Download Button’ under the Media category and click to add it.</li>
<li>Click on the button to edit its title and the adjacent download icon to upload the file for download.</li>
<li>Provide a custom title in the text box if desired. The default title is ‘Download’. That’s it!</li>
</ol>
<p>** Advanced Gutenberg Usage **<br />
To hide the file size in the Gutenberg editor, utilize the ‘Additional CSS class(es)’ field in the block settings. Add ‘hide-size’ to this field to apply the effect.</p>
<h3>For Developers: Integrating in a Theme File</h3>
<p>To incorporate the download button within a theme file, use the following code with your specified attributes and values:</p>
<pre><code>echo do_shortcode('[quick_download_button title="Download" url="http://yoursite/wp-content/upload/fileto_download.pdf"]');
</code></pre>
<h3>Donations</h3>
<p>If you find this plugin helpful and would like to support its ongoing development, please consider <a href="https://www.buymeacoffee.com/kusimo" rel="nofollow ugc">Donate</a></p>
<h3>Documentation</h3>
<p>To contribute and improve this plugin please visit the <a href="https://github.com/kusimo/quick-download-button" rel="nofollow ugc">Git repo</a>.</p>


Alternatives to Quick Download Button

Top alternatives