Webflow sync, pageviews & more.
NEW

Is there a step by step guide available for exporting the HTML of a Webflow site to be hosted on platforms like GoDaddy or Amazon?

TL;DR
  • Export your Webflow site's static files (HTML, CSS, JS, and images) via the Export icon in the Designer and download the ZIP.
  • Unzip and upload the files to your external host: GoDaddy via cPanel's File Manager into the public_html folder, or Amazon S3 by setting up a bucket with static website hosting and proper permissions.
  • Point your domain's DNS to your hosting provider if needed.

Yes, Webflow allows you to export your site's HTML, CSS, JS, and assets for external hosting. Here’s a step-by-step guide to export your Webflow site and host it on platforms like GoDaddy or Amazon S3.

1. Export Your Webflow Site

  • Open your project in Webflow Designer.
  • Click the Export icon (top-right corner, next to the Publish button).
  • In the modal, click Prepare ZIP.
  • Once ready, click Download ZIP. This file contains your site's HTML files, CSS, JavaScript, images, and other assets.
Important: You cannot export CMS or eCommerce features for use outside of Webflow. Static content only.

2. Unzip and Review Files

  • Unzip the downloaded folder on your computer.
  • Review files like index.html, /css/style.css, and /js/webflow.js to ensure everything looks correct.
  • Ensure image files and assets are within the /images folder.

3. Hosting on GoDaddy (Shared Hosting)

  • Log in to your GoDaddy account.
  • Go to My Products > Web Hosting and open cPanel.
  • Open the File Manager.
  • Navigate to the public_html folder.
  • Upload all extracted HTML, CSS, JS, and image files into this folder.
  • If there's already a default index.html file, delete or replace it with the one from Webflow.

4. Hosting on Amazon S3 (Static Hosting)

  • Log in to the AWS Management Console.
  • Navigate to S3 and create a new bucket with your domain name.
  • Enable static website hosting in the bucket settings.
  • Upload all files from your extracted ZIP into the bucket.
  • Set index.html as the default document.
  • Update bucket permissions and set a bucket policy to make the site public.
  • For custom domains, you’ll also need to configure Amazon CloudFront and Route 53, or point your DNS from another registrar.

5. Set Up Domain and DNS (If Needed)

  • If using your own domain, point DNS records to your hosting provider (GoDaddy or AWS):
  • On GoDaddy, domain and hosting may be bundled — in that case, no action required.
  • For Amazon S3, configure Route 53 A record (alias) or a CNAME if using CloudFront.

Summary

To export a Webflow site for hosting on GoDaddy or Amazon S3: Download the HTML export from Webflow, then upload the unzipped files to your external host’s file manager (GoDaddy) or S3 bucket (Amazon). CMS and dynamic features will not be included, so ensure your site is fully static.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I create a GIF from still images using Webflow?
How can I auto adjust the height of sliders in Webflow based on the content within them, without needing to write code as a non-developer?
How can I upload a Dropbox video and set it as the background on my webpage using Webflow? My browser is Safari 9, and I have been struggling with the code.
Is there a straightforward way to duplicate a Symbol in the symbols list in Webflow? I need to create a duplicate of a navbar to make changes without affecting the original one or its interactions. Unlinking the Symbol causes issues with interactions on desktop view. The duplicated navbars will be used for different screen versions. Thank you!
Can I add rounded corners to Youtube videos and remove all icons except for the play button on the videos in Webflow?
Can Webflow be used to develop a website that provides clinic bookings, integrates with Zapier and Google Calendar, includes customer and admin dashboards, and allows users to update the CMS? Any tips?
What could be causing the globe image to overlap the dropdown/accordion content on the dark section of the homepage on iPhones in Webflow? Additionally, why is the Italic accent font not displaying properly on iPhones in certain areas on the site?
How can I retrieve a Live Item ID and update the corresponding row in Google Sheets using Zapier integration with Webflow?
Is it possible to have full-height sections and a fixed arrows navigation in the lower right corner in Webflow without custom code, potentially using Interactions? How can I create something like this?
How can I add the scroll bounce effect to my Webflow website?
What are some tips for reducing the file size of a JSON file, specifically for 3D models, like the ones on the Apple website, that were created in Cinema 4D, rendered as a sequence of PNG files, and exported using Bodymovin in After Effects?
Has anyone experienced issues with autoplay and looping on Webflow when adding a Vimeo video section?
How can I add Prev/Next buttons to articles in Webflow and link them to nearby articles/posts using a modified solution with additional variables?
How can I disable fullPage.js on mobile view in Webflow? I have tried setting related Div Blocks to "Hide on Phone Portrait" but it doesn't seem to work. Is there a way to add a few lines of JavaScript code to achieve this?
Is it possible to create a comment area in a blog post in Webflow CMS where readers can leave comments about the post?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. 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?