{"id":2219,"date":"2020-12-10T12:34:07","date_gmt":"2020-12-10T17:34:07","guid":{"rendered":"https:\/\/kb.n0c.com\/?post_type=ht_kb&p=2219"},"modified":"2026-10-01T11:50:20","modified_gmt":"2026-10-01T15:50:20","slug":"creating-a-website-with-sitebuilder","status":"publish","type":"ht_kb","link":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/","title":{"rendered":"How to Create Web Sites"},"content":{"rendered":"\n

Introduction<\/strong><\/h2>\n\n\n\n

N0C provides access a site builder software having the advantage of allowing you to design websites easily.<\/p>\n\n\n\n

In the following lines, we will explain a step-by-step method to achieve this goal. We will start with the instructions that are absolutely necessary for the initial set up of your site. We will explain how to opent the interface to create a site, set the language, choose a theme (template), and add the pages and layout. Then, indications on how to save, preview or publish your site will be provided. We will also explain how to create other sites and switch from one site to another. <\/p>\n\n\n\n

Afterwards, we will describe the various tools available to you to maintain your websites. There is a certain logic to the reader consulting them in the order in which they are presented via this link: https:\/\/kb.n0c.com\/en\/article-categories\/sitebuilder-en\/<\/a>.<\/p>\n\n\n\n

We will limit ourselves to information for beginner level users. <\/p>\n\n\n\n

Attention :<\/strong> This tool is not a content management system (CMS), but a SaaS (Software as a Service) designed specifically to create websites.<\/p>\n\n\n\n

Note :<\/strong> The Glossary<\/a> contains explanations on multiple topics and can be consulted to clarify certain terms.<\/p>\n\n\n\n

Prerequisites<\/strong><\/h2>\n\n\n\n

Make sure you have a Gmail account.<\/p>\n\n\n\n

Go to https:\/\/mg.n0c.com\/en\/<\/a>.<\/p>\n\n\n\n

Step 1 – Open the Interface <\/strong><\/h2>\n\n\n\n
    \n
  1. Choose Site Builder<\/strong>.<\/li>\n\n\n\n
  2. The interface opens.<\/li>\n\n\n\n
  3. Note the Sidebar menu<\/strong> displayed on the left :<\/li>\n<\/ol>\n\n\n
    \n
    \"Open<\/a><\/figure><\/div>\n\n\n
      \n
    1. Note the Notification area<\/strong>, sometimes called the Navigation bar<\/strong>, at the top right.<\/li>\n<\/ol>\n\n\n\n

      Step 2 –<\/strong> Set-Up the Language<\/h2>\n\n\n\n

      Make sure that the English Canada<\/strong> or English<\/strong> language is chosen, as it is used in this article.<\/p>\n\n\n\n

      You can easily see the languages from the Notification area<\/strong> bar by hovering your cursor over the blue part (just to the left of your username). Click on the language of your choice for the interface in the menu showing all available languages:<\/p>\n\n\n\n

      \"Click<\/a><\/figure>\n\n\n\n

      Note :<\/strong> The language can be changed at any time. Refer to the How to Change the Language<\/a> article.<\/p>\n\n\n\n

      Step 3 – Deactivate the Wizard<\/strong><\/h2>\n\n\n\n

      The wizard is a tool that helps you navigate through the editor. When you log in to for the first time, the wizard is enabled by default. We will disable it to further understand this article. <\/p>\n\n\n\n

      To do so, simply click on the \u201cX\u201d.<\/p>\n\n\n\n

      Step 4 – Choose a Theme (Template)<\/strong><\/h2>\n\n\n\n

      A theme allows you to manage your entire site very easily. However, there is one condition: you must aim to plan the structure well from the start and have a minimum of knowledge of the tool.<\/p>\n\n\n\n

      Therefore, before anything else, we will choose the desired theme for your website.<\/p>\n\n\n\n

        \n
      1. You can click on the Themes<\/strong> button in the left pane or choose a theme from the quick preview area of the home screen; you will then be redirected to the theme manager, which will let you choose one for your website.<\/li>\n\n\n\n
      2. You can also use the Search<\/strong> function to search for a theme whose name, category or tag contains the keyword(s) you are looking for.<\/li>\n\n\n\n
      3. You can view more information about a given theme by clicking on the Theme Details<\/strong> button, which appears when you hover your cursor over the picture of the theme.<\/li>\n\n\n\n
      4. When you have found a suitable theme, you must then activate the page editor by clicking on the green Activate<\/strong> button.<\/li>\n\n\n\n
      5. Now that your theme is activated, you can preview it in another page by clicking on the Preview<\/strong> button in the notification area, in the upper right corner.<\/li>\n\n\n\n
      6. After previewing the theme, return to the <\/span>page editor and click on the <\/span>Close<\/strong> button.<\/span><\/li>\n<\/ol>\n\n\n\n

        Step 5 – Add Pages and do Their Layout<\/strong><\/h2>\n\n\n\n

        The theme having been chosen, we are at a crucial stage in setting up your website: the addition of your pages and their layout. <\/p>\n\n\n\n

          \n
        1. In the sidebar menu, click on Pages<\/strong>.<\/li>\n\n\n\n
        2. Note that, by default, the tool offers you a header and a footer.<\/li>\n<\/ol>\n\n\n\n

          Important :<\/strong> Do not delete the pages named Header<\/strong> and Footer<\/strong>.<\/p>\n\n\n\n

          Header<\/h3>\n\n\n\n

          The header is the top part of the website.<\/p>\n\n\n\n

          The header brings together all the information that may be found on your website. It is the element that will allow your visitors to navigate your website: its design is crucial for them to find their way around. <\/p>\n\n\n\n

          Footer<\/h3>\n\n\n\n

          The footer designates the lower part of the website. <\/p>\n\n\n\n

          The links and contents present in the footer typically address visitors, but also and especially search engines. <\/p>\n\n\n\n

          In the first case, the contents and links contained in the footer generally point to content or information that is secondary or of interest only to a small part of the visitors, and which therefore have no place in the header or in the main navigation menus.<\/p>\n\n\n\n

          Adding a New Page<\/strong><\/h3>\n\n\n\n
            \n
          1. In the sidebar menu, click on Add New<\/strong>.<\/li>\n\n\n\n
          2. The page editor is then activated:<\/li>\n<\/ol>\n\n\n
            \n
            \"\"<\/a><\/figure><\/div>\n\n\n
              \n
            1. The new pages and their titles are both named New Page<\/strong>. The URL of the page is also proposed by default. You can change this as you wish at the top of the page editor, using the predefined fields.<\/li>\n<\/ol>\n\n\n\n

              Modifying Existing Pages<\/strong><\/h3>\n\n\n\n
                \n
              1. In the sidebar menu, click on All pages<\/strong>.<\/li>\n\n\n\n
              2. You have access to some icon-based options, such as Edit this item<\/strong>, Move this item to the trash<\/strong>, Clone this Page<\/strong>, and so on. <\/li>\n\n\n\n
              3. Select Edit this item<\/strong> (pencil icon).<\/li>\n\n\n\n
              4. The page editor is then activated.<\/li>\n<\/ol>\n\n\n\n

                Using the Page Editor<\/strong><\/h3>\n\n\n\n
                  \n
                1. The Page Editor <\/strong>offers you the ability to drag and drop items from the Object Bar<\/strong>, where you can find several items, such as inserting a text paragraph, inserting a video, etc.<\/li>\n<\/ol>\n\n\n
                  \n
                  \"Using<\/a><\/figure><\/div>\n\n\n
                    \n
                  1. When an item is dragged to a particular location, the Action Bar<\/strong> appears with all the options for the item that has just been dragged; some items also provide an advanced options menu to configure all the required settings.<\/li>\n\n\n\n
                  2. When you are working on an object, you can also copy it to another place in your site or delete it by clicking the Duplicate Object <\/strong>or Delete Object<\/strong> buttons at the top of the menu bar.<\/li>\n<\/ol>\n\n\n\n

                    You have over 40 objects at your disposal to customize your pages.<\/p>\n\n\n\n

                    Step 6 – Add a Personalized Title and Tagline to your Site<\/strong><\/h2>\n\n\n\n
                      \n
                    1. Once you have logged, click on the Settings<\/strong> option on the left pane and click on General<\/strong>. The General Settings<\/strong> page will be displayed:<\/li>\n<\/ol>\n\n\n
                      \n
                      \"Add<\/a><\/figure><\/div>\n\n\n
                        \n
                      1. In the General Settings<\/strong> page, you will see various options: Site Title<\/strong>, Tagline<\/strong>, Date Format<\/strong>, Timezone<\/strong>, Time Format<\/strong>, etc. Enter the Site Title<\/strong> and Tagline<\/strong> in the respective fields.<\/li>\n\n\n\n
                      2. Click on the Save Changes<\/strong> button.<\/li>\n<\/ol>\n\n\n\n

                        Step 7 – Save, Preview and Publish your Site<\/strong><\/h2>\n\n\n\n

                        Once the layout is complete, you can either publish the website directly, or simply update it to save the work in progress.<\/p>\n\n\n\n

                        Before continuing, it should be noted that there are three buttons that will always be useful during the design of your website. They are located in the upper right corner:<\/p>\n\n\n

                        \n
                        \"three<\/a><\/figure><\/div>\n\n\n
                          \n
                        • Click on the Publish<\/strong> button to publish the changes when you are ready.<\/li>\n\n\n\n
                        • You can save the version you are creating without publishing it by clicking on the Update<\/strong> button. <\/li>\n\n\n\n
                        • You can preview the changes you make without saving or publishing them by clicking on the Preview<\/strong> button.<\/li>\n<\/ul>\n\n\n\n

                          Thus, to publish your website:<\/p>\n\n\n\n

                            \n
                          1. Make sure the page editor is open.<\/li>\n\n\n\n
                          2. When you click on the Publish<\/strong> button, a confirmation window opens.<\/li>\n\n\n\n
                          3. Check the box confirming that you are sure you want to publish the site.<\/li>\n\n\n\n
                          4. Click on the green Yes, Publish<\/strong> button and a progress bar will show you the publication process.<\/li>\n\n\n\n
                          5. When the publication is complete, you have the choice to click on the Done<\/strong> button or on Visit Website<\/strong> to view the published site.<\/li>\n<\/ol>\n\n\n\n

                            Step 8 – Add an Additional Website and Change Websites<\/strong><\/h2>\n\n\n\n

                            You can create as many websites as you want and switch easily from one to the other.<\/p>\n\n\n\n

                            Adding an Additional Site<\/strong><\/p>\n\n\n\n

                              \n
                            1. Once you are connected, click on Sites<\/strong> in the left pane.<\/li>\n\n\n\n
                            2. Click on Add New<\/strong>, which gives access to the interface for adding websites.<\/li>\n\n\n\n
                            3. Fill in the fields: Site Name<\/strong>, Site Address <\/strong>(Domain<\/strong> and Directory<\/strong> if applicable), Site Title<\/strong> (this is the title that will be displayed on your Page when it is published), Site Language <\/strong>(if you wish to change it) and Admin Email <\/strong>(if desired).<\/li>\n\n\n\n
                            4. Click on the Add Site<\/strong> button.<\/li>\n\n\n\n
                            5. Once the website has been created, a success message asking you if you would like to visit or modify the site will appear.<\/li>\n<\/ol>\n\n\n\n

                              Switching from One Site to Another<\/strong><\/h3>\n\n\n\n

                              To switch from the current site to another site you wish to work on again:<\/p>\n\n\n\n

                                \n
                              1. Hover your cursor over the Site<\/strong> button in the navigation bar. A drop-down menu with all the sites you have added will appear. Click on the site you want to work on.<\/li>\n\n\n\n
                              2. Click on Dashboard<\/strong>.<\/li>\n<\/ol>\n\n\n\n

                                Note :<\/strong> The site created when you logged in for the first time will always be the first in the list.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[171],"ht-kb-tag":[231,176,230,217,232],"class_list":["post-2219","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-sitebuilder-en","ht_kb_tag-design","ht_kb_tag-n0c-2","ht_kb_tag-sitebuilder-2","ht_kb_tag-tool","ht_kb_tag-website"],"yoast_head":"\nHow to Create Web Sites - N0C KB<\/title>\n<meta name=\"description\" content=\"SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Web Sites - N0C KB\" \/>\n<meta property=\"og:description\" content=\"SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/\" \/>\n<meta property=\"og:site_name\" content=\"N0C KB\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-01T15:50:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2022\/02\/Site_Builder_2_EN.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1848\" \/>\n\t<meta property=\"og:image:height\" content=\"601\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/\",\"name\":\"How to Create Web Sites - N0C KB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Site_Builder_2_EN-1024x333.png\",\"datePublished\":\"2020-12-10T17:34:07+00:00\",\"dateModified\":\"2026-10-01T15:50:20+00:00\",\"description\":\"SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Site_Builder_2_EN-1024x333.png\",\"contentUrl\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Site_Builder_2_EN-1024x333.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/creating-a-website-with-sitebuilder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kb.n0c.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Web Sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/#website\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/\",\"name\":\"N0C KB\",\"description\":\"Official documentation of the N0C hosting platform\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kb.n0c.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Web Sites - N0C KB","description":"SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Web Sites - N0C KB","og_description":"SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.","og_url":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/","og_site_name":"N0C KB","article_modified_time":"2026-10-01T15:50:20+00:00","og_image":[{"width":1848,"height":601,"url":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2022\/02\/Site_Builder_2_EN.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/","url":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/","name":"How to Create Web Sites - N0C KB","isPartOf":{"@id":"https:\/\/kb.n0c.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/#primaryimage"},"image":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/#primaryimage"},"thumbnailUrl":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2022\/02\/Site_Builder_2_EN-1024x333.png","datePublished":"2020-12-10T17:34:07+00:00","dateModified":"2026-10-01T15:50:20+00:00","description":"SiteBuilder is a tool accessible from N0C that allows you to design websites quite easily.","breadcrumb":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/#primaryimage","url":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2022\/02\/Site_Builder_2_EN-1024x333.png","contentUrl":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2022\/02\/Site_Builder_2_EN-1024x333.png"},{"@type":"BreadcrumbList","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/creating-a-website-with-sitebuilder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kb.n0c.com\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/kb.n0c.com\/en\/knowledge-base\/"},{"@type":"ListItem","position":3,"name":"How to Create Web Sites"}]},{"@type":"WebSite","@id":"https:\/\/kb.n0c.com\/#website","url":"https:\/\/kb.n0c.com\/","name":"N0C KB","description":"Official documentation of the N0C hosting platform","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kb.n0c.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/2219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/comments?post=2219"}],"version-history":[{"count":49,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/2219\/revisions"}],"predecessor-version":[{"id":25794,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/2219\/revisions\/25794"}],"wp:attachment":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/media?parent=2219"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=2219"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=2219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}