Webflow AI + Hostwares: How to Export and Host Your Website
Built a website with Webflow AI and ready to take it live on your own hosting? Webflow AI can help you create a website faster, while Hostwares gives you a simple way to deploy your exported website files, connect your custom domain, enable SSL, and manage your site after launch. Follow the steps below to move your website from design to a live website.
Step 1: Create Your Website with Webflow AI
Start by creating your website with Webflow AI. Describe the type of website you want, customize the layout, content, sections, and visual elements, and review the final result before preparing it for hosting.
Step 2: Prepare and Export Your Website
When your website is ready, export the website code/files using the export options available for your Webflow project. Download the exported files and check that the website works correctly and contains all required assets.
Step 3: Upload Your Project to GitHub
Create a new repository on GitHub and upload your exported website files. Keep the final version of your website in the branch you want to deploy, usually the main branch.
Step 4: Open Hostwares
Visit Hostwares and click Get Started. Create your Hostwares account or log in to your existing account. From the Hostwares Dashboard, open the Sites section.
Step 5: Create a New Site
Click New Site and select the GitHub deployment option. Connect your GitHub account when requested, then select the repository containing your exported Webflow website. Choose the correct branch and review the available deployment settings.
Step 6: Select Your Hosting Resources
Choose a suitable Hostwares resource package based on your website's requirements. For a simple website, you can start with an appropriate basic resource package and increase resources later if your traffic or project requirements grow.
Step 7: Deploy Your Website
Confirm the deployment settings and start the deployment. Hostwares will prepare the hosting environment and publish your website online. After deployment, use the provided site URL to check your website.
Step 8: Test the Live Website
Open your deployed website and check the important parts. Test the navigation, pages, images, buttons, forms, and responsive layout to make sure the exported website is working correctly.
Step 9: Connect Your Custom Domain
To give your website a professional address, open the domain settings in Hostwares. Add your custom domain and follow the DNS instructions provided by Hostwares. Update the required DNS records at your domain provider and wait for the changes to take effect.
Step 10: Enable SSL
Once your domain is connected, configure SSL through the relevant Hostwares settings. With SSL enabled, your website can use HTTPS, providing visitors with a secure connection.
Step 11: Update Your Website Easily
Need to change your website later? Update the exported project in your GitHub repository and deploy the new version through your Hostwares setup. This gives you a convenient workflow for keeping your live website updated.
Step 12: Manage Your Website from Hostwares
After your website is live, you can continue managing your site from the Hostwares Dashboard. Depending on your setup, you can manage your website, deployments, domain, resources, and other hosting services from one centralized place. Why Host Webflow AI Websites with Hostwares? Building a website is easier when you can separate design from hosting. Webflow AI helps you create your website, while Hostwares provides the environment to take your exported project online. With GitHub-based deployment, custom domain support, SSL, and centralized management, Hostwares makes it easier to move from an AI-generated website to a professional live website. Make Your Webflow AI Website Live Your website is ready. Now give it a place to grow. Export your Webflow AI project, connect it to GitHub, deploy it with Hostwares, add your custom domain, enable SSL, and start sharing your website with the world. Start your hosting journey with Hostwares today.