How can I host a javascript for use in Webflow since the tutorial I found on the forum that uses Github is no longer available?

TL;DR
  • Use a cloud storage service like Google Cloud Storage, Amazon S3, or Dropbox for direct file linking by uploading the JavaScript file, setting it to public, and copying the link.
  • Select a CDN such as Cloudflare or jsDelivr to host the file, then obtain the public link.
  • Embed small scripts directly in Webflow’s custom code settings under Project or Site Settings.
  • Set up a serverless function with platforms like Vercel or Netlify to serve and link to the JavaScript file.

To host a JavaScript file for use in Webflow without using GitHub, you can explore alternative methods like using a cloud storage service or a serverless function. Here’s a step-by-step guide:

​

1. Use a Cloud Storage Service

  • Choose a service like Google Cloud Storage, Amazon S3, or Dropbox that supports direct file linking.
  • Upload your JavaScript file to the chosen service.
  • Ensure the file's permissions are set to public to allow Webflow to access it.
  • Copy the link to your JavaScript file for use in Webflow.

​

2. Host on a Third-Party CDN

  • Select a CDN service like Cloudflare or jsDelivr.
  • Upload your JavaScript file if the CDN allows file uploads, or host the file on GitHub and use a CDN to mirror it.
  • Obtain the public link provided by the CDN for your file.

​

3. Use Webflow’s Custom Code Features

  • If the script is small, embed it directly in Webflow’s custom code areas under Site Settings or in a specific page's code settings.
  • Go to Project Settings and then Custom Code.
  • Insert your JavaScript code within the <head> or before the </body> tag as needed.

​

4. Set Up a Serverless Function

  • Use a platform like Vercel or Netlify to host a simple serverless function serving your JavaScript.
  • Deploy the function and get the URL for your script in the serverless environment.

​

Summary

To host a JavaScript file for Webflow without using GitHub, you can consider using a cloud storage service, a third-party CDN, embedding directly in Webflow, or setting up a serverless function. Each option provides a viable way to create and manage links to your JavaScript file. Choose the method based on the file size and your specific requirements.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can I upload individual html, css, and javascript files as separate pages in Webflow Hosting or do I need to switch to a different hosting provider?
How can I make a div in Webflow wrap its content and not take up the full width of the block, specifically when it contains a row of images?
How can I create a sticky navigation bar in Webflow with a see-through background that changes text color based on the section in view?
How can I implement fullpage.js code on my website using Webflow?
Can the underline color in a text link be changed in Webflow without altering the text color?
How can we obtain the staging domain's URL when using the Webflow API command 'Publish site' and the 'List domains' command only returns custom domain names?
Are there plans to increase the nest limit for nested collection lists in Webflow anytime soon? The current limit heavily restricts the functionality on listing type pages and affects the suitability of Webflow CMS for projects like jobs boards.
How can I reverse engineer someone else's work in Webflow?
Can I use Stripe Checkout in Webflow without needing Foxy or similar tools? I see mentions of an integration but lack clear documentation and notice community frustrations.
How can I create a scrolling effect where each full-browser sized section on my Webflow site "flips" to the next one, similar to Tumblr's website design?
How can I implement a full page lottie animation with Webflow that maintains its aspect ratio regardless of the viewport size? I have already tried using "object-fit: cover" but it didn't solve the issue. I found that I need to use the parameter "rendererSettings:{ preserveAspectRatio:'none' }" in Bodymovin, but I'm not sure how to implement it while still using the Webflow interface for lottie animation. Any suggestions?
How can I achieve a fixed navigation menu at the top of my website using Webflow?
Can you utilize component custom properties in html-embed to have unique html-embed with different svg elements for each component?
How can I disable the target=blank code in Webflow's link properties for an image that links to email, so that it doesn't open a separate tab with ?subject=(subject) in the browser?
How can I trigger Webflow animations through code?
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?