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

TL;DR
  • Create the JSON file locally with no extension, host it externally (e.g., Amazon S3), and ensure HTTPS support.
  • In Webflow, navigate to project settings, set up a 301 redirect from /.well-known/apple-app-site-association to the external URL, and publish the site to apply changes.

To properly upload an apple-app-site-association file and a JSON file to Webflow, you need to use a redirect method since direct access to the root directory or a .well-known folder is restricted on Webflow hosting.

​

1. Create the Files Locally

  • Generate the JSON data for your apple-app-site-association file following Apple's specifications.
  • Ensure the file is named apple-app-site-association without a file extension.

  

2. Host the Files Externally

  • Use an external hosting service like Amazon S3 or GitHub Pages to host your files.
  • Ensure your host supports serving files over HTTPS.

​

3. Set Up Webflow Redirects

  • Log in to your Webflow account and navigate to the Project Settings.
  • Go to the Hosting tab.
  • Scroll to the 301 Redirects section.
  • For the Redirect Path, enter: /.well-known/apple-app-site-association.
  • For the Redirect URL, enter the full URL where your apple-app-site-association is hosted (e.g., https://your-external-host.com/apple-app-site-association).
  • Save the settings to apply the redirect.

​

4. Publish Your Project

  • Publish your site to apply the changes.
  • Double-check by navigating to https://your-site.com/.well-known/apple-app-site-association and ensure it properly redirects and serves the file.

​

Summary

You can host your apple-app-site-association and other JSON files externally, then set up 301 redirects in Webflow to serve these files through a .well-known path. This allows Webflow to integrate such files for services like Apple's Universal Links.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can I upload varying numbers of audio files, ranging from 2 to 10, to a CMS Collection on Webflow?
How can I display one random testimonial each time my Webflow page refreshes without using the Random/Shuffle Order display? I tried using the script from Pixelgeek's Youtube video (), but it didn't work. Can someone please help me?
What are the best practices for using SVG instead of PNG images with Webflow to optimize the site's speed and performance without the need for fallback methods?
What could be causing a pop-up form to be cropped at the top on iPhones and Safari, despite working properly on Chrome Desktop and Mobile?
How can I identify which pages in the Webflow Dashboard are using certain symbols?
Is there an alternative method for adding a nationality dropdown to my website in Webflow without exceeding the 10k character limit for custom embed code?
How do I add a color overlay to an image in Webflow?
How can I create a go back link as a breadcrumb link in Webflow that goes back to the previous page without getting an error?
Why is the mobile header in Webflow working on my co-worker's iPhone but not on mine?
Is there a workaround in Webflow to make all slides equal height based on the tallest slide?
Does anyone have experience using locomotive scroll to create sticky elements on a Webflow website? I'm looking to replicate the functionality shown on this website: [link]
How can I move the slider arrows in Webflow to a different position like in the attached picture?
How can I add a search icon inside a text field and make it the submit button in Webflow?
If I downgrade my Webflow plan after adding custom code, will the features implemented using the code still be accessible? Or will the code revert to its previous state before the site plan?
Is there a simple code that allows slider heights in Webflow to automatically adjust based on the height of the content within them, even for CMS pages? It would be greatly appreciated as it is preventing the launch of my site. Thank you!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?