URL for files uploaded to webflow

Publishing help Project settings
1

Hi there,

I have multiple .pdf files available for download in my website. When the user clicks to download it takes the users to a URL such as https://uploads-ssl.webflow.com/6094790909ce405e366803d1/6168d09d88760effb913b23f_EXAMPLE.pdf

I was wondering if I could have my own custom domain name e.g www.mydomain.com/example.pdf

Is it possible?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Not with Webflow hosting. Webflow provides a CDN that all assets are loaded to. You can’t change the base URL only an asset name that gets prepended to on upload.

3

Thanks Jeff!

Webflow is such an incredible tool but there are things that get me frustrated.

5

Hello!

I had a similar question. Is there any work around this? Like, could we create a Page (“Filename”) and just have that page be hosting the file so if someone clicks on “Filename” in header it goes to domain.com/filename and shows the same thing?

6

@zmarks215 - Not using the CDN. You could use your own server but then images / files can only be added via custom code. Webflow is very limited.

7

This should be very straightforward. I’m surprised this is even an issue as it does indeed appear to be.

8

Not so much an oversight as an intentional design decision. I’m not a huge fan of it either, but asset CDN’s are a very different hosting environment than a live site, so Webflow chose to separate the parts.

I get that, but personally I’d much prefer the option to configure an asset-specific CNAME in my hosting settings and then have all of my assets resolve to a branded URL like assets.mysite.com/...

10

What you’re asking for is not hard to do in Webflow, with a little javascript.

  1. Upload the document into your site’s Assets.
  2. Publish the site, so that the document is live.
  3. Go back toyour Assets folder, find the document, click the “gear” icon, and copy the document’s URL.
  4. Create a new page with the link name you want (mydomain.com/example), and add the following javascript into your page header:
<script>
window.location.replace("FullURLofDocumentHere");
</script>
11

I’ve found a way to automate this process using CMS collections. Here’s how you can do it:

  1. Create a new collection named “Downloads” with a document field.
  2. Edit the CMS collection page for documents. In the page settings, add this code inside the page tag from @rushcreative:
<script>
window.location.replace("FullURLofDocumentHere");
</script>
  1. Replace FullURLofDocumentHere with the CMS file field.

This way, whenever you upload a document through the CMS, it will automatically be available at the CMS link you specify. You can easily create custom links this way for any document you upload.

1 Like
12

thanks a lot @DMNK and @rushcreative !

having the same issue here, the solution works perfectly.
I can now update pdf files without having to change printed QR codes. That makes a huge difference.
And I’ve integrated also internal links on others CMS collections page’s taking ressources from the “pdf” collection. Very good to have consistency between web links pointing to pdf and printed qr codes. Smooth.

On the collection page I’ve done a design to cover the downgraded version for those with noscript activated , so to have a click button pointing to the pdf file.