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

Install

SQL Server 2019 Developer Edition 

Install

SQL Server Management Studio 19

Install

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.

ByteEditor Site Builder for Umbraco Installation 1
ByteEditor Site Builder for Umbraco Installation 2

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.

ByteEditor Site Builder for Umbraco Installation 3

Need more information?

Contact our team to get support during the installation.

ByteEditor Site Builder for Umbraco Installation 4

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.

ByteEditor Site Builder for Umbraco Installation 5

Access Admin Panel

To access the admin panel of your website, add /Umbraco to the end of your website's URL. 

ByteEditor Site Builder for Umbraco Installation 6