Written by Admin on 2025-05-06

How to Add a Custom Download Box in Wordpress

If you have a website and you want to offer downloadable content, such as ebooks, whitepapers, or case studies, a custom download box can be a great tool to achieve that. It's easy to add a custom download box in Wordpress, you just need to follow these steps.

First, create a new page in Wordpress and give it a name, such as "Download". Then, add a new block by clicking on the "+" button in the top left corner of the page editor. Choose the "File" block under the "Embeds" category.

Upload the file by clicking on the "Upload" button or select a file from the media library. You can also add a title and a description for the file to make it more informative.

Next, click on the "Advanced" tab in the block settings and add a custom class to your file block. For example, you can call it "custom-download-box". Save your changes and publish your page.

Now you need to add some CSS code to your theme's style.css file to style your download box. Here's an example of CSS code you can use:

css .custom-download-box { border: 2px dashed #ccc; padding: 20px; text-align: center; } .custom-download-box a { color: #000; font-size: 16px; text-decoration: none; } .custom-download-box a:hover { color: #333; text-decoration: underline; }

This code adds a dashed border to your download box, sets some padding and centers the content. The links inside the download box will be styled with a black color and a 16px font size. On hover, the links will have an underline.

Finally, add the following shortcode to your page where you want the download box to appear:

html [wpd_download_box file_url="" class="custom-download-box" button_text="Download" button_size="big"]

Replace the fileurl parameter with the URL of your uploaded file and the class parameter with the name of your custom class. You can also change the buttontext and button_size parameters to fit your needs.

That's it! You now have a custom download box in Wordpress that you can use to offer downloadable content to your visitors.