Up next in 10
How to Add a Downloadable File in WordPress Quick & Easy!
16K views
Sep 26, 2023
In this quick and easy-to-follow video tutorial, we'll show you exactly how to add a downloadable file to your WordPress website. Whether you want to share documents, PDFs, eBooks, or any other digital files with your audience, this step-by-step guide has got you covered. No technical expertise required! Learn the simple process to upload and make files available for download on your WordPress site. By the end of this video, you'll have a valuable skill that allows you to enhance your website's user experience and efficiently share resources with your visitors.
View Video Transcript
0:00
Hi guys, today we're going to see
0:03
How to add a downloadable file to your wordpress site Let's say you have a website
0:09
And you want to give your visitors a way to download files from your website. You can do that easily by watching this video
0:17
So after watching this video, You'll be able to add a downloadable button to your site, like this
0:24
And if someone clicks the button, They will be able to download the file by clicking here
0:37
And the file will be downloaded like this So let's get started
0:42
I'm Brian from website learners And let's add a downloadable file to our website
0:46
First, let's see the site which we have built Here it is
0:55
So to add a downloadable file to this site, We're going to do 2 steps
1:01
The first step is to upload the file to your site. So to upload the file
1:06
Let's go to our WordPress dashboard, Now go to media, And click add new
1:13
And it will take you to this page. Now to upload the file
1:20
Just drag the file from your computer, and drop it here. And as you can see, our file has been uploaded
1:36
So once you have uploaded your file, We can now go to step 2, which is to add this file to your site
1:42
So to add the file, Just go to the page where you want to add the file
1:50
and click edit post. Now go to the place where you want to add the file Now let say you want to add the downloadable file here
2:04
First, you need to add a download button. So to add the button, just click the plus icon
2:13
And select the button element And as you can see, the button has been added
2:20
Now enter the button text you want. I'm going to enter download ebook
2:26
Now to add our file to this button, Just click here, And it will ask you to enter the link of your file
2:37
So to get the file link, Let's go back to our WordPress dashboard
2:43
And then click edit, And it will take you to this page
2:51
Here you can see that, we have got the link of our file. So let's click here to copy this link
3:00
Now go back to this tab And then paste it here. Now click here
3:15
And the file link will be added to your button. Now when someone clicks this button
3:20
And you want your file to be opened in a new tab, Just enable this option
3:26
Once you have added the link, Now to save the changes, Just click update
3:35
And your file will be added to your site, And your visitors will be able to download the file from your site
3:41
So to check it, Let's go back to our website, Now as you can see here
3:52
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 a visitor clicks the button
4:06
You can see that our file is opened in a new tab. Now to download the file, just click here
4:15
And select the location where you want to save the file, And then click save
4:19
Now as you can see, our file has been downloaded. So this is how you can add a downloadable file to your WordPress site
4:34
Next, let's see how you can add a downloadable file to a page
4:37
which is built using elementor. Let's say you have a page like this
4:43
which is built using elementor. Now to add the downloadable file to this page
4:49
Just click edit with elementor And it will take you to this page
4:59
Now go to the place where you want to add your file. Let's say you want to add the downloadable file here
5:07
So just like we did before, First, let's add the download button
5:11
So to add the button, Just drag the button element and drop it here
5:19
Now to change the text of this button, just click here And then enter the text you want
5:31
I'm going to enter download here. So now we have added the download button
5:36
Once you have added the button, Now to add the downloadable file, Here you need to enter the link of your file
5:43
So to get the link, Let's go back to our wordpress dashboard. And click media
5:54
Here you will be able to see the files which have been uploaded on our site Now let say you want to add this file to your page Just click on it
6:04
And here you can see the link of this file. So let's copy this link, And then go back to this page
6:17
Now here you need to paste the link which you copied. So first
6:21
Let's remove this. And then paste the link here. Now if you want to open this file in a new tab
6:34
Just click here, And select open in a new window. Once you have added the link
6:45
Click update, And your file will be added to your site. So now if we go to our page
7:01
and click refresh, you can see that, our download button has been added
7:11
And if you click on it, You can see, we have got our file in a new tab
7:17
And your visitor can download it from here So this is how you can add a downloadable file to a page
7:31
which is built using Elementor That's it guys! So now you know, how you can add downloadable files to your WordPress website
7:39
Now if you want to learn more about WordPress, you can check out our complete WordPress course
7:44
by clicking the link below this video
#Computer Education
#File Sharing & Hosting
#Reference