{"id":77984,"date":"2017-01-20T10:06:34","date_gmt":"2017-01-20T15:06:34","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=77984"},"modified":"2017-01-30T06:09:56","modified_gmt":"2017-01-30T11:09:56","slug":"multipurpose-website-templates-novi-builder-overview","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/multipurpose-website-templates-novi-builder-overview.html","title":{"rendered":"Multipurpose Website templates. Novi Builder overview"},"content":{"rendered":"<p>This tutorial provides the overview of <strong>Novi Builder<\/strong> editor.<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/YX49qgNcv6I\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n  <li>\r\n    <p>Novi builder has panels on the left and right sides. There you can adjust settings, add content and perform other actions.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1.jpg\" alt=\"Novi Builder. Overview-1\" width=\"1267\" height=\"711\" class=\"alignnone size-full wp-image-77985\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1.jpg 1267w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1-768x431.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-1-1024x575.jpg 1024w\" sizes=\"(max-width: 1267px) 100vw, 1267px\" \/><\/a>\t\r\n<\/li>\r\n<li>\r\n  <p>You can modify text double-clicking on it. You can set the font style or link using the icons above text. You can change titles of menu items in the same way.<\/p>\r\n  \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2.jpg\" alt=\"Novi Builder. Overview-2\" width=\"1223\" height=\"702\" class=\"alignnone size-full wp-image-77986\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2.jpg 1223w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2-150x86.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2-300x172.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2-768x441.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-2-1024x588.jpg 1024w\" sizes=\"(max-width: 1223px) 100vw, 1223px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n  <p>Images like logo can be changed using the <strong>Elements panel<\/strong>. Click on the logo.\r\n    <strong>Elements panel<\/strong> may show different options for different elements.Click on Upload button in order to upload your image. Alternatively you can select the image from the media library.\r\n    You can also add an image to the media library by clicking Upload button.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3.jpg\" alt=\"Novi Builder. Overview-3\" width=\"1269\" height=\"521\" class=\"alignnone size-full wp-image-77987\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3.jpg 1269w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3-150x62.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3-300x123.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3-768x315.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-3-1024x420.jpg 1024w\" sizes=\"(max-width: 1269px) 100vw, 1269px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>You can access all pages in the <strong>Pages<\/strong> panel.\r\n  Let&#8217;s open the About page.<\/p>\r\n  \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4.jpg\" alt=\"Novi Builder. Overview-4\" width=\"1223\" height=\"672\" class=\"alignnone size-full wp-image-77988\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4.jpg 1223w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4-150x82.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4-300x165.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4-768x422.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-4-1024x563.jpg 1024w\" sizes=\"(max-width: 1223px) 100vw, 1223px\" \/><\/a>\r\n\r\n<\/li>\r\n<li>\r\n<p>You can add a new page using this button:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5.jpg\" alt=\"Novi Builder. Overview-5\" width=\"1246\" height=\"521\" class=\"alignnone size-full wp-image-77989\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5.jpg 1246w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5-150x63.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5-300x125.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5-768x321.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-5-1024x428.jpg 1024w\" sizes=\"(max-width: 1246px) 100vw, 1246px\" \/><\/a>\r\n\r\n<\/li>\r\n<li>\r\n<p>Let&#8217;s add content. Access the &#8216;Add content&#8217; panel, select some content and drag it to the page. You can perform the same actions on the existing pages.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6.jpg\" alt=\"Novi Builder. Overview-6\" width=\"1269\" height=\"674\" class=\"alignnone size-full wp-image-77990\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6.jpg 1269w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6-150x80.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6-300x159.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6-768x408.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-6-1024x544.jpg 1024w\" sizes=\"(max-width: 1269px) 100vw, 1269px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Project Settings <\/strong>panel allows changing project settings, uploading favicon and changing User details (like phone and e-mail). You can also change Social share links.\r\n<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7.jpg\" alt=\"Novi Builder. Overview-7\" width=\"1272\" height=\"713\" class=\"alignnone size-full wp-image-77991\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7.jpg 1272w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7-768x430.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-7-1024x574.jpg 1024w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Inspector<\/strong> allows setting up the Layout, sizing and other options. You can also set layout options, typography options, background etc.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8.jpg\" alt=\"Novi Builder. Overview-8\" width=\"1267\" height=\"712\" class=\"alignnone size-full wp-image-77992\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8.jpg 1267w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8-768x432.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-8-1024x575.jpg 1024w\" sizes=\"(max-width: 1267px) 100vw, 1267px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Page settings <\/strong>panel allows setting options like SEO, Page name, External resources. You can also add references to custom scripts.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9.jpg\" alt=\"Novi Builder. Overview-9\" width=\"1260\" height=\"707\" class=\"alignnone size-full wp-image-77993\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9.jpg 1260w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9-768x431.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-9-1024x575.jpg 1024w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Media<\/strong> panel allows uploading and managing content, e.g. images.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10.jpg\" alt=\"Novi Builder. Overview-10\" width=\"1262\" height=\"707\" class=\"alignnone size-full wp-image-77994\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10.jpg 1262w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10-768x430.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-10-1024x574.jpg 1024w\" sizes=\"(max-width: 1262px) 100vw, 1262px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Novi builder<\/strong> has several settings allowing you to check how your website looks on the mobile and portable devices. \r\nWe have selected a mobile layout<\/p>\r\n  \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11.jpg\" alt=\"Novi Builder. Overview-11\" width=\"1276\" height=\"666\" class=\"alignnone size-full wp-image-77995\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11.jpg 1276w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11-300x157.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11-768x401.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-11-1024x534.jpg 1024w\" sizes=\"(max-width: 1276px) 100vw, 1276px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Top right section allows saving changes you have performed to the website. \r\n  You can also undo changes you have performed recently using undo button.\r\n  Preview section allows previewing your website.\r\n \r\n  Changes automatically save when you access the preview mode. This is how the website look on the tablet layout (preview mode).<\/p>\r\n  \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12.jpg\" alt=\"Novi Builder. Overview-12\" width=\"1270\" height=\"713\" class=\"alignnone size-full wp-image-77996\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12.jpg 1270w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12-768x431.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-12-1024x575.jpg 1024w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click on <strong>Generate your site<\/strong> in order to save your site. Be sure to generate site before closing the browser.\r\nDo not clear Browser&#8217;s cache and cookies if you want to perform modifications to your projects later.\r\nUpload Generated website to your hosting.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13.jpg\" alt=\"Novi Builder. Overview-13\" width=\"1270\" height=\"713\" class=\"alignnone size-full wp-image-77997\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13.jpg 1270w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13-768x431.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Novi-Builder.-Overview-13-1024x575.jpg 1024w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Take a look at the collection of <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" target=\"_blank\">premium website templates<\/a> to choose the best items for your online project.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=YX49qgNcv6I?width=1280&amp;height=720\" rel=\"prettyPhoto\">Multipurpose Website templates. Novi Builder overview<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial provides the overview of <strong>Novi Builder<\/strong> editor.<\/p>\n","protected":false},"author":39,"featured_media":78000,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[664,2415,2513,2514,2204],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/77984"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=77984"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/77984\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/78000"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=77984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=77984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=77984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}