How To Make Download Button On Elementor WordPress Website

You are currently viewing How To Make Download Button On Elementor WordPress Website

In this blog, we will learn how to make a download button on the WordPress website. Here I am using elementor pro page builder which is the most popular and powerful page builder to create amazing websites. If you do have not elementor pro so you can download it from here: https://dcreato.com/go/elementor. So, we will learn the full process with a few steps so let’s begin:

  • Place the button widget
  • Upload the file
  • Make download button
  • Bottom line

STEP-1 PLACE THE BUTTON WIDGET

make download button

In the first, place the button widget from the elementor elements, drag and drop the button widget and customize it to your requirements. Here I have already made a button, here you can see that download button with the download icon showing here so that’s why I will not do that again.

STEP-2 UPLOADS THE FILE

drag and drop the file

Then go to WordPress dashboard and go to the media library and click on add new and then click on upload file and select the file which you want to put on the download button. Or you can go to your file manager and drag and drop the file into the WordPress media dashboard, then follow the next steps.

copy to clip

After uploading the file click that file and you will see the FILE URL which is shown above in the images. Now just click on the “Copy URL to clipboard” button or you can select the file link by pressing (ctrl+a) and copy it.

STEP-3 MAKE THE DOWNLOAD BUTTON

link

After copying the file URL, goes to the elementor editor page and select the button to edit. Here you will see the link option is available here, here you have to paste the file URL

custom name

After pasting the link, now click on the settings icon beside you paste the link. Now you can see the field name as “CUSTOM ATTRIBUTES”. Here you have to write “download|” you have to write the exact name which I wrote here and after that, you have to type your file name which will be shown whenever anyone downloads the file like here I wrote “Enable dark mode” like this you have to type your file name. Now we are almost finished with the process.

ss down

Just click on the green update button to save all the changes and reload the page. Now if you click on the download button, it will start downloading sucessfully.

archive

But if you want to put a lot of files in one folder then you have to select the file make it to archive and select zip (Don’t select rar, rar4) and make a zip folder and then upload it on your wordpress media library and follow the same process. So, that’s how you can make a working download button in elementor.

BOTTOM LINE

So, in this blog, you have learned how to make water wave text animation in the elementor pro. Elementor is the most popular and powerful page builder that can create amazing creations with your creativity. The most important thing is that WE MADE A VIDEO ON HOW TO MAKE DOWNLOAD BUTTON ON ELEMENTOR WORDPRESS WEBSITE, here’s the link, you can watch this you will better understand: https://youtu.be/zrcNpK4gt_Q

That’s all there is to it! We hope that you’ve learned something new today and that you’ll be able to apply it to your own designs.

If you like it then share this post and if you have any questions or feedback on this blog, please leave them in the comments, we will reply to you shortly!

Leave a Reply