Resource and download pages
List guides, worksheets or templates with their real size and format.
Content / widget · Elementor module
File Details Plugin for Elementor
Show a Media Library file's real name, type and size with a download link, read from the file itself so the details never go stale.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / File detailsProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Details read from a real Media Library file
These are the actual published outputs of the widget for a sample PDF: the default details and link, a styled PDF button, a stacked layout with short labels, a compact size-and-link line, and the text shown before a file is chosen.
02 / Inside WordPress
File details controls in Elementor
Content › Source picks a file from the Media Library. Behaviour opens the link in a new tab and suggests a browser download. Display turns the icon, file name, type, size and download link on or off, edits their labels and sets the text shown when the file is unavailable. The Style tab covers text typography and surface, direction and gaps, icon position, gap, colour and size, and the download link's typography, colours, underline, border, radius, padding, hover and focus.
03 / Website use cases
Where to use file details
Visitors want to know what they are downloading, such as a 26 KB PDF or a 40 MB ZIP, before they click, but typing file sizes by hand goes out of date when the file is replaced. File details reads the name, type and size from the actual Media Library file on every page load and shows them beside a download link you can style as text or a button.
Press kits
Show the size of logo packs and press releases before journalists download them.
Course materials
Give students the file type and size of each handout.
04 / Installation and setup
How to show file details in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable File details in the Complementor library.
Upload the file (PDF, ZIP, DOCX and so on) to the Media Library.
Add the widget and choose the file in Content › Source.
Choose which details to show, edit the labels and the download link text.
Style the link as text or a button, publish, and click it to check the download.
05 / Content and style controls
Customize file details in Elementor
Configure the settings available for this module to suit the page you are building.
One file from the Media Library; nothing is fetched from other sites.
File name, type from the extension and real size, each with an editable label or no label.
Download link with your text, optional new tab and a download attribute hint.
Optional icon before or after the details.
Text shown when the file is unavailable, or nothing; the editor always explains why.
Style: text, layout direction and gaps, icon, and link typography, colours, underline, border, radius, padding, hover and focus.
06 / Choose the right approach
File details and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor Button with a file URL
A Button can link to a file, but the name, type and size must be typed and kept up to date by hand. This widget reads them from the file.
WordPress File block
The block editor's File block shows a file name and download button in posts. This widget adds type and size and works inside Elementor layouts.
07 / Requirements and compatibility
File details compatibility with Elementor
- Requires Elementor.
- One Media Library file per widget.
- Shows details and a link; no previews, protection or download counts.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot file details
Check these settings if the published page behaves differently from the editor.
Why is nothing shown?
No file is chosen, or the file no longer exists, or it is attached to a post visitors cannot see. Set the unavailable text if you want visitors to see a message.
Why does the size not match my computer?
Sizes use WordPress's format, where 1 KB is 1,024 bytes, so they can differ slightly from some operating systems.
Why does the file open instead of downloading?
Suggest browser download adds a download hint, but browsers decide. PDFs often open in the browser's viewer.
Can I link to a file on another website?
No. Only files in this site's Media Library are used, so the details can be checked.
File details plugin questions
Does it protect or track downloads?
No. It shows details and a normal link; it does not restrict, count or track downloads.
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is the server path ever shown?
No. Only the file's name is shown, never its location on the server.
Will it update if I replace the file?
Yes. Details are read from the file each time the page is generated.
Is the link accessible?
Yes. It is a real underlined link by default with a visible focus outline.
10 / Annual All Access subscription
Get file details with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.