If you created a website using Hostinger Horizons, you can export the project’s code to use it outside the builder. This means that you are able to access the backend and be able to manually make changes inside your projects 🚀
Exporting the code
Inside your hPanel, go to Websites List and open the project you wish to export:
Inside Horizons, click on the Settings icon at the top right corner of the editor. Then, open the Export code tab:
💡 Important: The exported code is a Node.js project built with React and Vite. At the moment, this is the only format available for export and is the default output.
Click Export to start generating the code. Once the process is complete, a .zip file containing your full project will be available for download. You can save it to your local device and extract the contents to see and access the complete codebase.
Remember that once you exports Horizons project, there is no way to import the edited version back to Horizons and continue with prompting. You will need to proceed with manual edits or start a new project.
What can be done with the exported code
After exporting the code, you can:
Edit it manually: To do this, you’ll need coding knowledge and Node.js installed on your local machine. This is necessary to run and modify the project properly, as it is based on Node.js tooling (Vite/React).
Import to a VPS: You can upload the code to a VPS server where Node.js is available and configured. You can check more details about using Node.js on VPS in this guide here.
Convert it to static files: If you want to host the project on shared or cloud hosting plans, you must first convert the code into static files (HTML, CSS, and JS). You can do this by building the project using Vite (
npm run build
), which outputs static assets that can be hosted on any web server.
⚠️ Note: Uploading the raw exported code directly to hPanel (shared or cloud hosting) without converting it to static files will not work. The project requires Node.js to run, which isn’t supported on shared or cloud hosting plans.
To use the exported code inside hPanel, you will need basic coding knowledge to be able to make the conversion to static files.
If you have the static files ready, you can import them back to your hPanel by doing the following:
On Websites List, click on Add website:
On the dropdown menu, select Empty PHP/HTML website:
After that, you can go to your File Manager and import the static files. For more details, you can check our guide on how to upload backups manually.