{"id":3717,"date":"2023-01-28T14:19:23","date_gmt":"2023-01-28T14:19:23","guid":{"rendered":"https:\/\/devclouds.io\/blog\/?p=3717"},"modified":"2023-01-28T14:26:45","modified_gmt":"2023-01-28T14:26:45","slug":"how-to-add-a-downloadable-file-in-wordpress-quick-easy","status":"publish","type":"post","link":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/","title":{"rendered":"How to Add a Downloadable File in WordPress Quick & Easy!"},"content":{"rendered":"\n

Today we\u2019re going to see how to add a downloadable file in WordPress quick & easy. Let\u2019s say you have a website, and you want to give your visitor\u2019s a way to download files from your website You can do that easily by reading this article.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Downloadable<\/figure>\n\n\n\n
<\/div>\n\n\n\n

You will be able to add a downloadable button to your site like this.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Download<\/figure>\n\n\n\n
<\/div>\n\n\n\n

And if someone clicks the button, they will be able to download the file by clicking here. And the file will be download.<\/p>\n\n\n\n

We are going to do 2 steps The first step is to upload the file to your site So to upload the file.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"wordpress<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Let\u2019s go to our WordPress dashboard Now go to \u2018Media\u2019 and click \u2018Add new\u2019.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Upload<\/figure>\n\n\n\n
<\/div>\n\n\n\n

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 upload. So once you have uploaded your file.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Edit<\/figure>\n\n\n\n
<\/div>\n\n\n\n

We can now go to Step 2, which is to add file this to your site. So to add the file just go to the page where you want to add the downloadable file And click ‘Edit post’ on WordPress.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"adding<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now Go to the place where you want to add the file. Now let\u2019s say you want to add the downloadable file here.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"add<\/figure>\n\n\n\n
<\/div>\n\n\n\n

First, you need to add a download button So to add the button Just click the plus icon and select the \u2018Button\u2019 element. And as you can see the button has been add. Now enter the button text you want I am going to enter \u201c Download E-Book”.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Button<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now to add our file to this button, Just click here And it\u2019ll ask you to enter the link of your file.<\/p>\n\n\n\n

Add the downloadable File to your WordPress website<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\"Edit<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So to get the file link Let\u2019s go back to our WordPress dashboard And then click \u2018Edit\u2019.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"copy<\/figure>\n\n\n\n
<\/div>\n\n\n\n

And it will take you to this page. Here you can see that we have got the link of our file So Lets click here to copy this link.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Button<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now go back to this tab and then paste it here Now click here, And the file link will be add to your button.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Open<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now when someone clicks this button, and you want your file to be open in a new tab, Just enable this option.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"update<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Once you have added the link Now to save the changes, Just click \u2018Update\u2019 And your file will be link to your site. And your visitors will be able to download the file from your site.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Button<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So to check it, Let\u2019s go back to our website Now if we click \u2018Refresh\u2019. You can see that, we now have the download button on our site. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"file<\/figure>\n\n\n\n
<\/div>\n\n\n\n

And now if our visitor clicks the button, you can see that our file is open 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 \u2018save\u2019 Now as you can see, our file has been download. So this is how you can add a downloadable file to your WordPress site.<\/p>\n\n\n\n

Add a Downloadable File to a page which is built using Elementor<\/h3>\n\n\n\n

Next, let\u2019s see how you can add a downloadable file to a page which is built using elementor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Elementor<\/figure>\n\n\n\n
<\/div>\n\n\n\n

<\/p>\n\n\n\n

Let\u2019s say you have a page like this which is built using elementor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Edit<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now to add the downloadable file to this page Just click \u2018Edit with Elementor\u2019. And it will take you to Edit with elementor page.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Drag<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now go to the place where you want to add your file in WordPress Let\u2019s say you want to add the downloadable file here. So just like we did before, First, let\u2019s 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 enter the text you want I\u2019m going to enter \u201cDownload here\u201d.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Download<\/figure>\n\n\n\n
<\/div>\n\n\n\n

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.<\/p>\n\n\n\n

Copy URL for the file<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\"File<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So to get the link, Let\u2019s go back to our WordPress dashboard. And click \u2018media\u2019 here you will be able to see the files, which have been upload on our site. Just click on Edit And here you can see the link of this file. So let\u2019s copy this link And then go back to this page.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Update<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Now here you need to paste the link which you copied. So first, let\u2019s remove # And then paste the link here. Now if you want to open this file in a new tab Just click here and select \u2018open in a new window\u2019. Once you have add the link, Click \u2018Update\u2019 And your file will be link to your site.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Open<\/figure>\n\n\n\n
<\/div>\n\n\n\n

So now if we go to our page, And click \u2018Refresh\u2019 You can see that our download button.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Linked<\/figure>\n\n\n\n
<\/div>\n\n\n\n

And 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. So this is how you can add a downloadable file to a page which is built using wordpress elementor. That\u2019s it guys So now you know how you can add downloadable files to your WordPress website. Now If you want to know more about WordPress<\/a> you can check out our blog page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Let\u2019s say you have a website, and you want to give your visitor\u2019s a way to download files from your website.<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3717","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"yoast_head":"\nHow to Add a Downloadable File in WordPress Quick & Easy!<\/title>\n<meta name=\"description\" content=\"How to Add a Downloadable File in WordPress | Add the File to your website | Add a Downloadable File to a page which is built using Elementor\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Downloadable File in WordPress Quick & Easy!\" \/>\n<meta property=\"og:description\" content=\"How to Add a Downloadable File in WordPress | Add the File to your website | Add a Downloadable File to a page which is built using Elementor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/\" \/>\n<meta property=\"og:site_name\" content=\"The Official DevClouds Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-28T14:19:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-28T14:26:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devclouds.io\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_1-40-1024x689.jpg\" \/>\n<meta name=\"author\" content=\"hammad\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hammad\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/\",\"url\":\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/\",\"name\":\"How to Add a Downloadable File in WordPress Quick & Easy!\",\"isPartOf\":{\"@id\":\"https:\/\/devclouds.io\/blog\/#website\"},\"datePublished\":\"2023-01-28T14:19:23+00:00\",\"dateModified\":\"2023-01-28T14:26:45+00:00\",\"author\":{\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d\"},\"description\":\"How to Add a Downloadable File in WordPress | Add the File to your website | Add a Downloadable File to a page which is built using Elementor\",\"breadcrumb\":{\"@id\":\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devclouds.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Downloadable File in WordPress Quick & Easy!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devclouds.io\/blog\/#website\",\"url\":\"https:\/\/devclouds.io\/blog\/\",\"name\":\"The Official DevClouds Blogs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devclouds.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d\",\"name\":\"hammad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g\",\"caption\":\"hammad\"},\"url\":\"https:\/\/devclouds.io\/blog\/author\/hammad\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Downloadable File in WordPress Quick & Easy!","description":"How to Add a Downloadable File in WordPress | Add the File to your website | Add a Downloadable File to a page which is built using Elementor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a Downloadable File in WordPress Quick & Easy!","og_description":"How to Add a Downloadable File in WordPress | Add the File to your website | Add a Downloadable File to a page which is built using Elementor","og_url":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/","og_site_name":"The Official DevClouds Blogs","article_published_time":"2023-01-28T14:19:23+00:00","article_modified_time":"2023-01-28T14:26:45+00:00","og_image":[{"url":"https:\/\/devclouds.io\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_1-40-1024x689.jpg"}],"author":"hammad","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hammad","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/","url":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/","name":"How to Add a Downloadable File in WordPress Quick & Easy!","isPartOf":{"@id":"https:\/\/devclouds.io\/blog\/#website"},"datePublished":"2023-01-28T14:19:23+00:00","dateModified":"2023-01-28T14:26:45+00:00","author":{"@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d"},"description":"How to Add a Downloadable File in WordPress | Add the File to your website | Add a Downloadable File to a page which is built using Elementor","breadcrumb":{"@id":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devclouds.io\/blog\/how-to-add-a-downloadable-file-in-wordpress-quick-easy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devclouds.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add a Downloadable File in WordPress Quick & Easy!"}]},{"@type":"WebSite","@id":"https:\/\/devclouds.io\/blog\/#website","url":"https:\/\/devclouds.io\/blog\/","name":"The Official DevClouds Blogs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devclouds.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d","name":"hammad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g","caption":"hammad"},"url":"https:\/\/devclouds.io\/blog\/author\/hammad\/"}]}},"_links":{"self":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/3717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/comments?post=3717"}],"version-history":[{"count":3,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/3717\/revisions"}],"predecessor-version":[{"id":3761,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/3717\/revisions\/3761"}],"wp:attachment":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/media?parent=3717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/categories?post=3717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/tags?post=3717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}