How can I create and upload a apple-app-site-association file and JSON file inside a ".well-known" folder in Webflow?

Webflow’s hosting doesn’t let you create custom folders (like “.well-known”) directly, which is required for files like apple-app-site-association used in universal links. To work around this, follow these steps:

1. Prepare Your Files
   • Create the apple-app-site-association file (with no file extension) and any required JSON file ensuring they follow Apple’s guidelines (UTF‑8 encoded, valid JSON format, served with the correct Content-Type, etc.).
   • Test your files locally with a JSON validator.

2. Choose an External Hosting Option
   • Since Webflow’s file structure can’t include a “.well-known” folder, host these files on an external server or CDN that supports custom folder structures.
   • Options include hosting on platforms like Firebase Hosting, Netlify, or even your own web server.

3. Configure Your Domain
   • Point your domain’s DNS (or use a subdomain) to your external host so that URLs like https://yourdomain.com/.well-known/apple-app-site-association serve the correct file.
   • Ensure your external hosting configuration serves the file without redirects, as Apple requires a direct response.

4. Verify and Test
   • Use online tools or Apple's debugging instructions (see “Supporting Universal Links” on Apple’s developer site) to confirm that your apple-app-site-association file is served correctly from the expected URL.

Tip: Although Webflow lets you upload individual files to the assets panel, these files are hosted on a different URL structure and cannot be placed in a custom “.well-known” directory.

Summary: For universal link files like apple-app-site-association, host them externally with full control over your folder structure and DNS. This ensures compliance with Apple’s guidelines while keeping your Webflow site for content and design purposes.