H. Peter Pfeufer

<p>Add a shortcode to your wordpress for a nice downloadbutton. <code>[dl url="" title="" desc="" type="" align=""]</code>.<br />Graphics made by: <a href="http://kkoepke.de" rel="nofollow ugc">Kai Köpke</a>.<br />If you made your own graphic for this button, feel free to write it in the comments under <a href="http://blog.ppfeufer.de/wordpress-button-fuer-downloads-erzeugen/" rel="nofollow ugc">http://blog.ppfeufer.de/wordpress-button-fuer-downloads-erzeugen/</a>.</p>


Download Button Shortcode

Add a shortcode to your wordpress for a nice downloadbutton.

Noor Alam

<p><a href="https://noorsplugin.com/easy-media-download-plugin-for-wordpress/" rel="nofollow ugc">Easy Media Download</a> is a free download manager for WordPress. It gives your users the ability to download digital media files from your website. The plugin is lightweight and makes downloading easier. You can create beautiful download button which instantly starts the download once clicked.</p>
<p><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/zjtobdjQn44?version=3&rel=0&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></p>
<h3>Features</h3>
<ul>
<li>Create quick downloads</li>
<li>Free downloads for music or audio files e.g. mp3, aac, m4a, wav</li>
<li>Insert download buttons into your landing page</li>
<li>Free downloads for video files e.g. mp4, mov, qt (QuickTime), mpg, mpeg, flv, m4v, swf, flash, avi, wma, ogg, webm</li>
<li>Allow users to directly download in all file formats</li>
<li>Free downloads for document file e.g. doc, docx (OpenOffice, Microsoft Word), odt (OpenDocument), htm, html, ps, tex, xml, txt, csv</li>
<li>Allow large file download (No limit on the file size)</li>
<li>Free downloads for Office file e.g. xlsx (Microsoft Excel), pptx (Microsoft PowerPoint)</li>
<li>Free downloads for script e.g. js, css, php</li>
<li>Free downloads for archive or compressed file e.g. tar, rar, zip, 7z, gz, z</li>
<li>Force the browser to open the download prompt</li>
<li>Free downloads for image file e.g. png, gif, jpg, jpeg, bmp</li>
<li>Open the download in a new tab</li>
<li>Free downloads for e-book e.g. pdf, epub</li>
</ul>
<h3>Easy Media Download Add-ons</h3>
<ul>
<li><a href="https://noorsplugin.com/how-to-show-a-download-button-to-logged-in-users-only/" rel="nofollow ugc">User Only Download</a></li>
</ul>
<h3>Embedding Shortcodes for the Downloads</h3>
<p>Create a new post/page and use the following shortcode to create a download button for your digital media file:</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip"]
</code></pre>
<p>here, url is a shortcode parameter that you need to replace with the actual URL to your digital file</p>
<p>You can also specify additional optional parameters in the shortcode to customize the free download button.</p>
<p><strong>Button Text</strong></p>
<p>By default the text for the download button is “Download Now”. But you can choose to modify the text using the “text” parameter.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download"]
</code></pre>
<p><strong>Button Width</strong></p>
<p>By default the width for the download button is “153”. But you can choose to modify it using the “width” parameter.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" width="100"]
</code></pre>
<p><strong>Button Height</strong></p>
<p>By default the height for the download button is “41”. But you can choose to modify it using the “height” parameter.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" width="100" height="50"]
</code></pre>
<p><strong>Download in a new window</strong></p>
<p>By default the download starts in the same window. But you can choose to modify it using the “target” parameter.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" target="_blank"]  (opens the download in a new window)<h3>Force File Download</h3>
</code></pre>
<p>Usually when a digital file is recognised by the browser it does not prompt for download. The file just opens in the browser instead. You can choose to modify this behaviour using the <code>force_dl</code> parameter in the shortcode.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.mp3" force_dl="1"]<h3>Download Button Templates</h3>
</code></pre>
<p>Easy Media Download comes with 21 different download button templates. All you need to do is specify the style and the button will look just like it. For example:</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" color="red_darker"]
</code></pre>
<ul>
<li>grey</li>
<li>grey_light</li>
<li>red</li>
<li>green_dark</li>
<li>green_light</li>
<li>green</li>
<li>blue</li>
<li>blue_two</li>
<li>blue_three</li>
<li>blue_four</li>
<li>orange</li>
<li>orange_two</li>
<li>orange_light</li>
<li>orange_dark</li>
<li>purple</li>
<li>purple_dark</li>
<li>purple_light</li>
<li>yellow_red</li>
<li>hot_pink</li>
<li>pink</li>
</ul>
<p>If you want to fully customize the download button you can use your own button image instead.</p>
<h3>Link Rel</h3>
<p>You can use the HTML link <code>rel</code> attribute in the shortcode to define the relationship between your page and the linked download.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" rel="nofollow"]<h3>Custom CSS Class</h3>
</code></pre>
<p>In addition to various button templates, If you want to apply custom styling to a button you can do so by using the <code>class</code> parameter.</p>
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" class="myclass"]
</code></pre>
<p>You can specify multiple CSS classes in the shortcode.</p>
<p>[easy_media_download url=”https://example.com/wp-content/uploads/myfile.zip” class=”myclass1 myclass2 myclass3″]</p>
<p>The container that encloses the button can be targeted using the parent_class parameter in the shortcode.</p>
<p>[easy_media_download url=”https://example.com/wp-content/uploads/myfile.zip” parent_class=”blockclass1″]</p>
<h3>Easy Media Download Shortcode 2</h3>
<p>With this shortcode, you can create a download button with your preferred color.</p>
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" bg_color="#CC0000"]
</code></pre>
<p><strong>Background Color</strong></p>
<p>The background color of the download button is “#3498db” by default. You can customize it using the “bg_color” parameter.</p>
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" bg_color="#CC0000"]
</code></pre>
<p><strong>Font Color</strong></p>
<p>The font color of the download button is “#ffffff” by default. You can customize it using the “font_color” parameter.</p>
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" font_color="#71B02F"]
</code></pre>
<p><strong>Hover Background Color</strong></p>
<p>The “hover_bg_color” parameter can be used to change the background color of the download button when you mouse over it.</p>
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" bg_color="#3498db" hover_bg_color="#3cb0fd"]
</code></pre>
<p><strong>Font Family</strong></p>
<p>The font family of the download button is “Georgia” by default. You can customize it using the “font_family” parameter.</p>
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" font_family="sans-serif"]
</code></pre>
<p><strong>Font Size</strong></p>
<p>The size of font is “15px” by default. You can customize it using the “font_size” parameter.</p>
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" font_size="20px"]
</code></pre>
<p>For more information please check the <a href="https://noorsplugin.com/easy-media-download-plugin-for-wordpress/" rel="nofollow ugc">Easy Media Download</a> documentation page</p>
<h3>Languages</h3>
<p>If you are a non-English speaker please help <a href="https://translate.wordpress.org/projects/wp-plugins/easy-media-download" rel="nofollow ugc">translate Easy Media Download</a> into your language.</p>


Easy Media Download

Easy Media Download allows you to embed download buttons on your WordPress site. Add file download functionality with this WordPress download plugin.

Download Button Shortcode vs Easy Media Download