Today we’re going to see how to add a downloadable file to your WordPress site
Let’s say you have a website, and you want to give your visitors a way to download files from your website. You can do that easily by reading this blog post. So after reading this blog post, you will be able to add a downloadable button to your site like this.
And if someone clicks the button they will be able to download the file by clicking here and the file will be downloaded like this. So let’s get started. I’m Kumail from Innovative Inn. Let’s add a downloadable file to our website first, let’s see the site, which we have built here is So to add a downloadable file to this site.
We are going to do 2 steps
The first step is to upload the file to your site to upload the file let’s go to our WordPress dashboard now go to ‘Media’ and click ‘Add new and it will take you to this page now to upload the file just drag the file from your computer and drop it here and as you can see, our file has been uploaded So once you have uploaded your file.
We can now go to Step 2,
which is to add file this to your sites to add the file, Just go to the page where you want to add the file and click ‘Edit post now Go to the place where you want to add the file. Now let us say you want to add the downloadable file here first you need to add a download button to add the button just click the plus icon and select the button element and as you can see the button has been added.
Now enter the button text you want I am going to enter Download E-Book Now to add our file to this button, Just click here and it’ll ask you to enter the link to your files to get the file link lets go back to our WordPress dashboard and then click ‘Edit’And it will take you to this page here you can see that we have got the link of our files to let us click here to copy this link
Now go back to this tab and then paste it here now click here, And the file link will be added to your button. Now when someone clicks this button, and you want your file to be opened in a new tab, Just enable this option once you have added the link now to save the changes, Just click ‘Update’And your file will be added to your site. And your visitors will be able to download the file from your site. So to check it, Let’s go back to our website now as you can see here, We do not have the download button.
Now if we click ‘Refresh’
You can see that, we now have the download button on our site, And now if our visitor clicks the button, you can see that our file is opened in a new tab Now to download the file Just click here, and select the location where you want to save the file And then click ‘save’
Now as you can see, our file has been downloaded. So this is how you can add a downloadable file to your WordPress site.
Next, let’s see
How you can add a downloadable file to a page
which is built using elementor Let’s say you have a page like this which is built using elementor Now to add the downloadable file to this page Just click ‘Edit with Elementor’ And it will take you to this page Now go to the place where you want to add your file Let’s say you want to add the downloadable file here So just as we did before, First, let’s add the download button,
So to add the button Just drag the button element & drop it here Now to change the text of this button, Just click here, And then enter the text you want I’m going to enter “Download here” So now we have added the download button Once you have added the button,
Now to add the downloadable file, here you need to enter the link of your file
So to get the link,
Let’s go back to our WordPress dashboard and click ‘media here you will be able to see the files. Which have been uploaded on our site now Let’s say you want to add this file to your page. just click on it and here you can see the link of this file let’s copy this link and then go back to this page nowhere you need to paste the link which you copiedSo first,
Let’s remove this and then paste the link here. Now if you want to open this file in a new tab just click here and select open in a new window. Once you have added the link, Click ‘Update’And your file will be added to your site. Now if we go to our page, And click refresh you can see that our download button has been added. If you click on it you can see we have got our file in a new tab and your visitor can download it from here. This is how you can add a downloadable file to a page that is built using elementor.
That’s it guys
So now you know how you can add downloadable files to your WordPress website.
Thanks for Reading.
I’ll See you in the next article,
Take care, Bye-bye!