Start your website in 10 minutes without coding knowledge
Don't know how to code? No worries! Following the instructions, you can start your website in just 10 minutes without any coding knowledge.
Needed Tools
Please install these tools on your device before starting the product launch.
Visual Studio 2022
Before installing the ByteEditor site builder, we need to install Umbraco and create a new empty project based on Umbraco CMS. Follow the steps below to do that:
1. Go to the Umbraco website by clicking on this link.
2. Open the Command Prompt on your device.
3. Copy "abs" to the Command Prompt and press the [Enter] button on your keyboard.
Congratulations! The first step is done, and the latest version of Umbraco Templates is now installed. Let's move forward and create an empty Umbraco project in Visual Studio.
Create new Umbraco project
To create a new project in Visual Studio, follow these steps:
1. Open Visual Studio 2022. If you don't have it installed, please check the video at the top of the page for instructions on how to install it.
2. On the start screen, click the "Create a new project" button.
3. Search for "Umbraco Project (Umbraco HQ)" using the search fields or filters.
4. Give your new project a name and location to configure it.
Congratulations! Your project is now created. The next step is to create the database for your project.
Create a database
To create the database, please open Microsoft SQL Management Studio on your device. If you haven't installed it yet, please refer to the video guide at the top of the page. Next:
Click on the [Database] button and then select [New Database].
Name your database the same way you named your Umbraco project.
Great! Your database has been created. Now, let's launch our project.
Start the project
To start your Umbraco project, please follow the steps below:

1. Open Visual Studio 2022 and click on IIS Express to start the project.
2. Wait for a pop-up window called "Install Umbraco" to appear. This may take a few seconds.
3. Fill in your name, email, and password in the provided fields. Please remember these credentials as you will need them later to access the admin of your website.
4. Click on the "Change Database" button and select SQL Server. In the Server field, enter "Localhost" and provide a name for your database.
5. Check the authentication check boxes at the bottom of the pop-up window.
6. Press the "Install" button.
After completing these steps, you will have a website based on Umbraco CMS without any add-ons. In the next step, we will add the ByteEditor solution to your project, which will enable you to edit the pre-made website using a no-code solution, instead of building everything from scratch.
Add ByteEditor Site Builder
To add the ByteEditor site builder to your project, follow these steps:
1. Go back to Visual Studio.
2. Click on the "Tools" tab located on the top bar.
3. Select "NuGet Package Manager" from the dropdown list.
4. Choose "Manage NuGet Packages for Solution."
5. Enter "ByteEditor" in the search field and select the first option from the result list.
6. Choose the project that you want to apply the package to and click the "Install" button.
Once the package is installed, you can click on the [IIS Express] button to run the website.
Congratulations! You can now use the solution immediately by using the localhost server. If you want to host the website on a cloud server or your own server, please consult with your developers.
Access Admin Panel
To access the admin panel of your website, add /Umbraco to the end of your website's URL.