How can a website created in Webflow be exported to a different hosting platform like Bluehost?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To export a website created in Webflow and then host it on a different platform like Bluehost, you'll need to follow these steps:

Export the Webflow code:

Log in to your Webflow account and open the project you want to export.
Go to the Project Settings by clicking on the gear icon in the left sidebar.
Click on the "Export Code" tab.
Choose the options you want for your exported code, such as exporting all pages or just the homepage.
Click on the "Export" button to generate the ZIP file containing your website's code.

Prepare your website files for hosting:

Extract the ZIP file you downloaded from Webflow to a folder on your computer.
Make sure you have the necessary support files like images, JavaScript, and CSS that are included in the exported code.

Set up hosting on Bluehost:

Log in to your Bluehost account and go to the cPanel.
Click on the "File Manager" option.
Create a new folder where you want to host your website files.

Upload your website files to Bluehost:

Access the newly created folder in the File Manager.
Use the "Upload" button to upload all the files and folders from your Webflow export to the Bluehost server.
Ensure that the main HTML file (usually named index.html or home.html) is located in the root folder or a "public_html" folder.

Verify and configure your domain:

If you want to use your existing domain with your Bluehost hosting, you need to configure it accordingly.
In the cPanel, locate the "Domains" section and click on "Zone Editor" or "Simple DNS Zone Editor" to manage DNS settings.
Add an "A" record or update the existing one to point to the IP address provided by Bluehost.

Test your website:

Once the files are uploaded and the domain configuration is completed, you can access your website by typing the domain name in your web browser.
Verify if all the pages, images, and functionality are working correctly.

By following these steps, you can successfully export a website created in Webflow and host it on a different platform like Bluehost. Remember to regularly backup your website files and follow best practices to ensure a smooth transition and optimal performance.

Additional Questions:

How do I export my Webflow site for self-hosting?
Can I host my Webflow site on a different hosting provider?
What are the benefits of self-hosting a website created in Webflow?

What is causing the horizontal blue line between the first and second sections on a cellphone in Webflow, but not on a computer or in the Webflow designer?

Is it possible to fix the issue with the CMS cards being distributed over multiple columns when a checkbox is clicked on the Webflow site vielzukunst?

Is there a way to clone a blog built on Webflow to use it on a different website without having to rebuild it from scratch?

Is there a way to copy/paste the Navigation content to other pages in Webflow or do I have to rebuild it on every page? Is there a smarter way to achieve this for future projects?

How can I add additional treatments to the CMS collection in Webflow so that they show up on the published page?

How can I add a CMS video background to a collection using Webflow?

What is the issue that Trent is encountering while trying to get Finsweet's CMS Filtering working on a blog in Webflow?

Is there a simple method to remove CMS collections from a Webflow template when exporting the code?

Can you help me implement pagination with my CMS finsweet slider on my Webflow homepage?

Is it necessary to include additional fields in the CSV to ensure that the import tool in Webflow recognizes existing items in the CMS collection?