Stand with Ukraine. Fight for freedom and democracy

Back to contents

JetElements: How to Use Download Button Widget

Follow the tutorial below to find out how to allow the users to download files from your media Library using Download Button widget from JetElements plugin.

The Download Button widget of JetElements will come in handy if you want your visitors to download files of any type. With it, you can share a price list, info document, etc.

Download Button example

1 Step — Upload the file to the Media Library

Go to your website’s dashboard and open Media > Add New tab. Upload the file you want to make available for users. Than go to Media > Library, find the freshly downloaded file and hit the “Edit” button. Take a look at the page’s URL. You will need the ID number of this file, so copy the number that goes after “post=”.

Media Library item ID number

2 Step — Add the Download Button widget to the page

Find the page where you would like to place the download button and open it in the Elementor page builder. Search for the Download Button widget in the left-side menu and drop it into a new section.

Download Button widget

3 Step — Go through the settings

Navigate to the Content menu tab. Paste the ID number you copied into the Download ID field. There are a few other features so let’s go through them.

Download Button content
  • Download Link Text. Here you are able to change the text, which will be displayed on a button;
  • Download Link Sub Text. In case the main title is not enough for you, here is also the field, where you can type in a short piece of additional information. Besides the text you can use the %size% macros in order to automatically showcase the size of the file;
  • Add nofollow. When enabled, this toggle adds a “nofollow” tag to the button’s link;
  • Download Link Icon. This is where you can select a decorative element (an icon) to add to the button. It can be selected fron the Icon Library or downloaded as an SVG file.

Afterward, move on to the Style block, where you can personalize the button’s look. When all the customization is over, hit the “Update” button below.

You can be proud of yourself. You are done! Now, go to your website, refresh it and have a look at how Download Button works. Enjoy!