Download Monitor Pro includes a redesigned Download Button block. You can select a file, change the button’s content and appearance, and preview the result directly in the WordPress block editor.
Requirements
- Download Monitor 5.3.0 or newer
- Download Monitor Pro 1.1.0 or newer, installed and active
- The WordPress block editor
- At least one published download
Add a Download Button block
- Edit the page or post where you want to add the button.
- Select Add block and search for Download Button.
- Add the block.
- In the block settings, open Download Information.
- Select a Download.
- Optional: select a specific Version. Leave Latest version selected to use the download’s current version.
- Publish or update the page.
Change the button text
Open the Text panel and edit the button content. You can use the formatting controls and insert Download Monitor placeholders so the text updates with the selected file.
The default text displays the download name, filename, and file size:
Download <strong>%name%</strong><br /><small>%filename% - %filesize%</small>Add or change the icon
Use the Icon panel to:
- Enable an icon.
- Choose a built-in icon or provide custom SVG markup.
- Position the icon on the left or right.
- Adjust its size and spacing.
Customize colors and typography
Use Color Settings to set the background, text, border, and icon colors. Separate hover controls let you define how the button changes when a visitor points to it.
Set both Background and Background (gradient end) to create a gradient. Use the Typography panel to adjust the font family and font size.
Adjust the border and dimensions
Use the Border panel to control the width, color, and corner radius.
Use Dimensions to control:
- Automatic or custom button width
- Content alignment
- Padding inside the button
- Margin around the button
The editor preview updates as you change these values.
Save a reusable button design
- Finish customizing a Download Button block.
- Open Styles.
- Select Save current design as template.
- Enter a template name.
- Select Save.
The saved template becomes available in the Template selector on other Download Button blocks. Applying a template copies its design and button text to the selected block.
You can delete a saved template from the same panel. Deleting a template is permanent, but it does not remove Download Button blocks that already use the copied design.
Existing Buttons add-on templates
When you upgrade, Download Monitor Pro checks for templates created by the former standalone Buttons add-on. Existing templates are migrated automatically into the new template selector the first time a WordPress administrator loads the updated site.
Review important buttons after the update, especially if their old templates used custom CSS or site-specific styling.
Front-end result
The button uses the chosen download and version, and its file information is generated dynamically from Download Monitor.
Troubleshooting
The Download Button block is not available
Confirm that both Download Monitor and Download Monitor Pro are active and meet the versions listed above. The redesigned block is supplied by Download Monitor Pro.
The block asks you to select a download
Open Download Information in the block sidebar and select a published download. If the list is empty, create and publish a download first.
The editor and front end look different
- Clear WordPress, page, and browser caches.
- Check whether your theme or custom CSS overrides
.wp-block-button__linkor.dlm-download-link. - Preview the page at desktop and mobile widths after changing custom dimensions.
A migrated template is missing
Load any WordPress admin screen once after the update, then reopen the block editor. If the template is still missing, confirm that the old Buttons add-on data remains in the site’s database before removing any backup.