Written by Admin on 2025-05-06

How to Add Download Image with Elementor on WordPress

Elementor is a popular page builder plugin for WordPress that allows users to create and design stunning websites without coding skills. One of the many features of Elementor is its ability to add images to your website with ease. However, not many people know how to add a download image button to their website using Elementor.

In this article, we will guide you through the process of adding a download image button to your website built with Elementor.

Step 1: Install Elementor

If you already have Elementor installed on your WordPress website, skip this step. But if you don't, go to your WordPress dashboard, search for Elementor under Plugins and install it.

Step 2: Create Your Image

The first thing you want to do is upload your image to your WordPress media library. Click on Media → Library → Add New. Once you have uploaded your desired image, copy the URL of the image.

Step 3: Add Image Widget in Elementor

Open the page where you want to add the download image button. Click on the Edit with Elementor button and select the section where you want to add the image. From the left panel, add the Image widget to the section.

Step 4: Link Your Download Image

In the Image widget settings, paste the URL of the image you uploaded earlier in the Image URL field. Then in the Link field, click on the dropdown arrow and select Custom URL. Paste the URL of the image again in the URL field.

Step 5: Add Download Button

Now, we need to add the download button to your image. You can use either the Button widget or the Icon List widget to add the download button. Whichever widget you prefer, you will need to:

• Drag and drop the widget from the panel to the section.
• In the Link field of the widget settings, paste the URL of the image.
• (For Button widget) Write the text you want to have on the button in the Text field.
• (For Icon List widget) Choose the download icon from the available icon options in the Icon field.

Step 6: Style Your Download Button

The last step is to style your download button. Using the Style tab in your widget settings, customize the size, color, and border of the button to your preference.

And that’s it! You have successfully added a download image button to your website using Elementor. With this easy-to-follow guide, you can add a download button to any image on your website in the future.