🔥25 new Activity icons inside the Iconuioo Icon Pack (1600+ icons). Check them

Webflow js
February 10, 2022

Use Webflow CMS for managing custom url of attachament

Make more trust in your clients and customers using custom URLs for downloading of attachment sources like docs, pdfs using webflow cms.

For many of my clients is necessary to share their files from the direct url based on their direct name instead of some other naming like upload.webflow etc. It was crucial in some cases to allow sharing the custom url for the donwloading of the files. So I have made a small workaround using Webflow CMS for customizing the URLs. So you will use nameurl.com/docs/file instead of uploads-ssl.webflow.com/filename.

Here is the Webflow CMS attachement workaround

1. Set-up CMS collection for pasting the docs

Name the collection as you need like: "docs, assets, documents etc.". Add only required field: attachaments for uploading your files.

2.Put small custom code into embed code in your collection page

The custom code will start downloading of your attachament automatically when page is load.


<div onload="download()"></div> <a id="dl" style="display: none" href="add your attachament field from collection here" download>Download</a> <script> (function download() { document.getElementById('dl').click(); })() </script>

3. Design your CMS collection page as "Thanks for downloading page"

This step might be crucial for your customers as the downloading starts automatically. Let them knows what has happened on the page. Add the button to move them back on your homepage or list of your docs.

4.Add files to your docs collection

Last part is to add all unnecessary attachaments to your collection :-)

Hope it will help you! Leave me a feedback or follow me on Twitter to stay updated!

Wish you a creative day,
P.

1600+
Premium Icons

1600+ of editable icons that are available directly within AdobeXD, Sketch, Figma and Adobe Illustrator, and more.

✅ 1600 + icons

✅ 43 categories

✅ 9 formats

✅ 30 days money-back guarantee

✅ Fully Editable

Buy now for $16
Exlusive Price: 1600+ icons

Ready to use with design tools.

Let's talk about this topic

Comments

I picked some other writings

Related topics

Visual designer, website designer, webflow designer, figma designer, interface designer, design for figma, design for webflow, design system designer
Visual designer, website designer, webflow designer, figma designer, interface designer, design for figma, design for webflow, design system designer
Visual designer, website designer, webflow designer, figma designer, interface designer, design for figma, design for webflow, design system designer
Visual designer, website designer, webflow designer, figma designer, interface designer, design for figma, design for webflow, design system designer
Visual designer, website designer, webflow designer, figma designer, interface designer, design for figma, design for webflow, design system designer
Visual designer, website designer, webflow designer, figma designer, interface designer, design for figma, design for webflow, design system designer