{"id":25639,"date":"2020-03-06T15:40:50","date_gmt":"2020-03-06T15:40:50","guid":{"rendered":"https:\/\/novibuilder.com\/blog\/?p=25639"},"modified":"2020-04-07T08:15:28","modified_gmt":"2020-04-07T08:15:28","slug":"working-with-html-templates","status":"publish","type":"post","link":"https:\/\/novibuilder.com\/blog\/working-with-html-templates\/","title":{"rendered":"Working with HTML Templates in Novi Builder"},"content":{"rendered":"\n

Working with HTML Templates and Projects in Novi Builder<\/strong><\/h2>\n\n\n\n

Working with HTML templates can require certain knowledge in coding. Especially if you want to give your website a unique look and functionality. Yet, it may be hard to choose a tool that will help you with it. However, if you are looking for a quick way to build your website in just a few minutes, Novi Builder can be your best choice. It is also a perfect builder for any kind of HTML website.<\/p>\n\n\n\n

Novi Builder is a great tool that will certainly be useful in the process of your website development. What makes it so great? First, Novi Builder lets you build a website without knowing how to code. Adding elements, replacing blocks, plugins<\/a> and content can be done using visual editing, which means easy & efficient customization of a website template. Moreover, free templates can help you publish your website in a few minutes. That’s why we recommend Novi Builder as your all-in-one tool especially if you know how to work with HTML templates.<\/p>\n\n\n\n

But before describing all the numerous benefits of Novi Builder, we would like to talk about some basics. In this post, we have prepared a simple guide that shows you how to get started with Novi Builder\u2019s templates in a few simple steps.<\/p>\n\n\n\n

Before You Start Working with HTML Templates<\/strong><\/h2>\n\n\n\n

All the templates available on the Novi Builder\u2019s website have pre-saved projects that should be imported to the Novi Builder. To begin your work with the builder please make sure that your server is set according to the requirements specified in the documentation<\/a>.<\/p>\n\n\n\n

Importing Your First Project<\/strong><\/h3>\n\n\n\n

Let\u2019s check how we can import the project to the Novi Builder. To show the correct way of working with HTML templates, we\u2019ll use the Medical website template.<\/p>\n\n\n\n

  1. First of all, you should download the template package from your account. Choose the desired template and press the download button as shown below:<\/li><\/ol>\n\n\n\n
    \"Working<\/figure>\n\n\n\n
    1. Go to the folder with the downloaded files. Unzip the template package. Then find the folder called Builder (it is located inside the package). There you will see a ZIP file with the project. In our case, it is called \u201cspinecare.zip\u201d.<\/li><\/ol>\n\n\n\n
      \"ZIP<\/figure>\n\n\n\n
      1. The next thing we should do is to open the Novi Builder. Go to the menu in the top right corner. Click Import – Import Project.  Be sure to import the project, not the template.<\/li><\/ol>\n\n\n\n
        \"Working<\/figure>\n\n\n\n
        1. You will get the following message when the project import will be finished:<\/li><\/ol>\n\n\n\n
          \"Successful<\/figure>\n\n\n\n
          1. To complete the import and view the result, click on \u201cRestart Novi\u201d. The Novi Builder will be reloaded. Alternatively, you can use a CTRL+F5 keyboard shortcut to reload the Novi Builder. You\u2019ll see the newly imported project. You will be able to start working with it straight away.<\/li><\/ol>\n\n\n\n
            \"Working<\/figure>\n\n\n\n

            What to Choose: Project or HTML Template?<\/strong><\/h2>\n\n\n\n

            There are 2 types of files to be imported to Novi Builder: a project or a template. You may also export a project or a template. It will simplify your work with them and offer more possibilities. Let\u2019s take a closer look at each of them and highlight the differences between them.<\/p>\n\n\n\n

            The project holds information regarding the template used in the project, images, presets, etc. The template, on the contrary, does not have such information. It has the template files you can use for your website. For example, you can go to the Menu – Export Template and export the current template.<\/p>\n\n\n\n

            \"Exporting<\/figure>\n\n\n\n

            You will get a zip file with all the files needed for working with HTML templates:<\/p>\n\n\n\n