# Download File Action for Buttons, Images, and SVGs > Use GHL Customer Care’s Download File Action to let visitors instantly download PDFs, images, ZIPs and more from buttons, images and SVGs. Zero coding needed! - Source: https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/download-file-action-for-buttons-images-and-svgs - Section: Sites / Funnels and Websites - Reading time: 4 min - Images: 3, each explained below --- Unlock friction‑free content delivery with GHL Customer Care’s Download File Action. This new feature lets you attach an asset (PDFs, images, videos, ZIPs) to buttons, SVGs, or images so visitors can grab resources instantly, without leaving your funnel or website. By removing extra steps and third‑party work‑arounds, you’ll boost engagement, streamline user experience, and keep every download on‑brand. --- **TABLE OF CONTENTS** - [What is the Download File Action?](#what-is-the-download-file-action) - [Key Benefits of the Download File Action](#key-benefits-of-the-download-file-action) - [Requirements & Limitations](#requirements-and-limitations) - [Best Practices for Downloadable Resources](#best-practices-for-downloadable-resources) - [How to Set Up the Download File Action](#how-to-set-up-the-download-file-action) - [Troubleshooting the Download File Action](#troubleshooting-the-download-file-action) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- # **What is the Download File Action?** With the Download File Action, any button, image, or SVG becomes a direct bridge between your media library and your audience. Visitors simply click and instantly receive the file, no link copying, redirects, or external storage required. The entire experience is powered inside the intuitive GHL Customer Care builder, so you can deploy downloads without writing a single line of code. --- ## **Key Benefits of the Download File Action** Give visitors instant, on‑page access to your resources while reinforcing brand consistency and boosting engagement. - **Instant Resource Delivery:** Visitors receive your file the second they click, no redirects or delays. - **No‑Code Simplicity:** Easily enable downloads inside the website builder; no coding required - **Broad Element Support:** Works on buttons, images, and SVGs, letting you get creative with the design - **Custom File Names:** Set the filename that appears in the user’s downloads for clear, branded assets - **Seamless Media‑Picker Integration:** Choose any file already stored in your GHL Customer Care media library - **Supports Multiple File Types:** Offer PDFs, videos, ZIPs and more. Anything you can upload to the media library can be used be this action - **Improved user experience:** Keep visitors on the page, shortening funnels and increasing conversion rates --- ## **Requirements & Limitations** Understanding prerequisites prevents confusion and ensures a smooth rollout: - **Single file per element:** Each button, image, or SVG links to only one downloadable file. - **File hosting:** Asset must reside in the GHL Customer Care media library for optimal reliability. - **File‑size cap:** Standard media‑library upload limits apply (see [Media Library Specs & Formats](https://docs.ghlcustomercare.com/docs/settings/sub-account-settings/media-storage-file-types-limits-advanced-features)) - **Supported Elements:**  Buttons, Images, and SVGs can trigger downloads - **Supported File Types:**  Any format accepted by the media picker (PDF, PNG/JPG, MP3, MP4, DOCX, XLSX, ZIP, etc.) **Tip:** Need to distribute multiple assets? Compress them into a single ZIP so you can still link just one file. --- ## **Best Practices for Downloadable Resources** Follow these guidelines to deliver fast, professional downloads every time. - **Use Descriptive File Names:** use names such as such as _Brand\_Name\_Checklist.pdf_ to reinforce branding - **Optimize File Size and Format:** compress images or videos to reduce download times - **Label the Call‑To‑Action Clearly:** use labels such as _Download Recipe PDF_ so users know exactly what they’ll receive - **Only Use Final Versions:** Replacing or deleting files in the media library may break saved links used in the Download Action --- ## **How to Set Up the Download File Action** Quickly add a single-click download action to a button, image or SVG using the following these steps: #### **Step 1:** Navigate to the Website Page or Funnel Step - Click **Sites** in the left‑hand navigation bar - Choose the **Websites** or **Funnels** tab - Click the desired website or funnel then go to the specific page or step. Click **Edit** to launch the builder ![Step 1: Navigate to the Website Page or Funnel Step (image 1 of 3)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155049550103/original/usnFC82i2ztXKdQdhPt-2llEGr2fuFVF0Q.png) **Step 1: Navigate to the Website Page or Funnel Step (image 1 of 3)** This screenshot appears in the "Step 1: Navigate to the Website Page or Funnel Step" section of "Download File Action for Buttons, Images, and SVGs". The text alongside this image reads: Click Sites in the left‑hand navigation bar Choose the Websites or Funnels tab Click the desired website or funnel then go to the specific page or step. Click Edit to launch the builder. Immediately after, the guide continues: Click the button, image, or SVG you want to make downloadable Buttons: To add the action for a button, go to the Settings panel. Under Button Actions, use the Link To dropdown to select Download File Images: With an image selected, open…. - What to choose: Click Sites in the left‑hand navigation bar Choose the Websites or Funnels tab Click the desired website or funnel then go to the specific page or step. Click Edit to launch the builder - Controls: Sites, Websites, Funnels, Edit - Next: Click the button, image, or SVG you want to make downloadable Buttons: To add the action for a button, go to the Settings panel. Under Button Actions, use the Link To dropdown to select Download File Images: With an image selected, open the Settings panel. Use the Image Action dropdown to choose Download File SVGs: With the SVG selected, open the Settings panel. Use the SVG Action dropdown to choose Download File Full procedure: 1. Click Sites in the left‑hand navigation bar 2. Choose the Websites or Funnels tab 3. Click the desired website or funnel then go to the specific page or step. Click Edit to launch the builder #### **Step 2:** Select Element and set Download Action - Click the button, image, or SVG you want to make downloadable - **Buttons:** To add the action for a button, go to the **Settings** panel. Under **Button Actions**, use the **Link To** dropdown to select **Download File** - **Images:** With an image selected, open the **Settings** panel. Use the **Image Action** dropdown to choose **Download File** - **SVGs:** With the SVG selected, open the **Settings** panel. Use the **SVG Action** dropdown to choose **Download File** #### ![Step 2: Select Element and set Download Action (image 2 of 3)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155049550422/original/xtL-VE3OuyYTeQsAnXSLIiiZlMRXtVXXRw.png) **Step 2: Select Element and set Download Action (image 2 of 3)** This screenshot appears in the "Step 2: Select Element and set Download Action" section of "Download File Action for Buttons, Images, and SVGs". The text alongside this image reads: Click the button, image, or SVG you want to make downloadable Buttons: To add the action for a button, go to the Settings panel. Under Button Actions, use the Link To dropdown to select Download File Images: With an image selected, open the Settings panel. Use the Image Action dropdown to choose…. Immediately after, the guide continues: Click Select File to pick the asset from your media library or upload a new file Use the File Name box to set a custom file name users will see when saving the file. - What to choose: Click the button, image, or SVG you want to make downloadable Buttons: To add the action for a button, go to the Settings panel. Under Button Actions, use the Link To dropdown to select Download File Images: With an image selected, open the Settings panel. Use the Image Action dropdown to choose Download File SVGs: With the SVG selected, open the Settings panel. Use the SVG Action dropdown to choose Download File - Next: Click Select File to pick the asset from your media library or upload a new file Use the File Name box to set a custom file name users will see when saving the file #### **Step 3:** Add the Download File - Click **Select File** to pick the asset from your media library or upload a new file - Use the **File Name** box to set a custom file name users will see when saving the file ![Step 3: Add the Download File (image 3 of 3)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155049550529/original/a8QyOdK51YnMw7dxERI0jQACokKFuoqD8g.png) **Step 3: Add the Download File (image 3 of 3)** This screenshot appears in the "Step 3: Add the Download File" section of "Download File Action for Buttons, Images, and SVGs". The text alongside this image reads: Click Select File to pick the asset from your media library or upload a new file Use the File Name box to set a custom file name users will see when saving the file. Immediately after, the guide continues: Resolve common issues quickly and keep user experience seamless. - What to choose: Click Select File to pick the asset from your media library or upload a new file Use the File Name box to set a custom file name users will see when saving the file - Controls: Select File, File Name - Next: Resolve common issues quickly and keep user experience seamless: Full procedure: 1. Click Select File to pick the asset from your media library or upload a new file 2. Use the File Name box to set a custom file name users will see when saving the file --- ## **Troubleshooting the Download File Action** Resolve common issues quickly and keep user experience seamless: - **Nothing Happens on Click:** Confirm the Download File action is enabled and a file is attached - **404 or Broken Link:** Verify the asset still exists in the media library and the URL hasn’t changed - **File Stalls:** Check the file size against media‑library limits and compress if necessary - **Need Multiple Files:** Combine assets into a single ZIP and link that file --- ## **Frequently Asked Questions** **Q: Can I attach more than one file to a single element?** No. Each element supports only one downloadable file. If multiple files are needed, combine files into a single ZIP file. **Q: How do I force a file to open in a new tab instead?** The Download File Action is designed for direct downloads. Use “Open URL in New Tab” if you prefer in‑browser viewing. **Q: Does this work with dynamic URLs?** The action supports only static files selected from the media library. **Q: Will mobile devices behave the same way?** Yes, though some mobile browsers prompt users to choose an app for opening the file. **Q: Do I need to store files on an external service like Dropbox or Google Drive?** No. Simply upload the asset to your GHL Customer Care media library and link it. The Download File Action handles delivery without third‑party services. --- ## **Related Articles** - [Media Library Specs & Formats](https://docs.ghlcustomercare.com/docs/settings/sub-account-settings/media-storage-file-types-limits-advanced-features) - [Sites Overview](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/websites-overview) - Working with Images in GHL Customer Care Funnels & Websites - [Complete Guide to Media Storage!](https://docs.ghlcustomercare.com/docs/settings/sub-account-settings/complete-guide-to-media-storage) - [Scroll to Elements or Sections in Websites or Funnels](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/scroll-to-elements-or-sections-in-websites-or-funnels) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com