1. Home
  2. Site Builder
  3. Web Sites Creation with SitePad Site Builder

Web Sites Creation with SitePad Site Builder

Introduction

N0C provides access to SitePad, a site builder software having the advantage of allowing you to design websites easily.

SitePad

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 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. 

Afterwards, we will describe the various tools available to you to maintain your websites. Although there is no precise order in the presentation of the articles, a certain logic will justify that the reader consults them in order.

We will limit ourselves to information for beginner level users. 

Attention : SitePad is not a content management system (CMS), but a SaaS (Software as a Service) designed specifically to create websites.

Note : The PlanetHoster Glossary contains explanations on multiple topics and can be consulted to clarify certain terms.

Prerequisites

Make sure you have a Gmail account.

Go to https://mg.n0c.com/en/.

Step 1 – Create the Site 

  1. Choose Site Builder:
  1. The SitePad interface opens.
  2. Note the Sidebar menu displayed on the left :
  1. Note the Notification area, sometimes called the Navigation bar, at the top right.

Step 2 – Set-Up the Language

Make sure that the English Canada or English language is chosen, as it is used in this article.

  1. You can easily choose the language from the Notification area bar by hovering your cursor over the blue part (just to the left of your username):
  1. Click on the language of your choice for the SitePad interface in the menu showing all available languages:

Note : The language can be changed at any time. Refer to the Modifying The Language article.

Step 3 – Deactivate the Wizard

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

To do so, simply click on the “X”, as shown in the image below:

Step 4 – Choose a Theme (Template)

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 SitePad.

Therefore, before anything else, we will choose the desired theme for your website.

  1. You can click on the Themes 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:
  1. You can also use the Search function to search for a theme whose name, category or tag contains the keyword(s) you are looking for.
  2. You can view more information about a given theme by clicking on the Theme Details button, which appears when you hover your cursor over the picture of the theme:
  1. When you have found a suitable theme, you must then activate the page editor by clicking on the green Activate button.
  2. Now that your theme is activated, you can preview it in another page by clicking on the Preview button in the notification area, in the upper right corner:
  1. After previewing the theme, return to the page editor and click on the Close button.

Step 5 – Add Pages and do Their Layout

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

  1. In the sidebar menu, click on Pages:
  1. Note that, by default, SitePad offers you a header and a footer.

Important : Do not delete the pages named Header and Footer.

The header is the top part of the website.

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. 

The footer designates the lower part of the website.

The links and contents present in the footer typically address visitors, but also and especially search engines.

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.

Adding a New Page

  1. In the sidebar menu, click on Add New:
  1. The page editor is then activated:
  1. The new pages and their titles are both named New Page. 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.

Modifying Existing Pages

  1. In the sidebar menu, click on All pages:
  1. You have access to some icon-based options, such as Edit this item, Move this item to the trash, Clone this Page, and so on. 
  2. Select Edit this item (pencil icon):
  1. The page editor is then activated.

Using the Page Editor

  1. The Page Editor offers you the ability to drag and drop items from the Object Bar, where you can find several items, such as inserting a text paragraph, inserting a video, etc.
  1. When an item is dragged to a particular location, the Action Bar 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:
  1. 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 or Delete Object buttons at the top of the menu bar:

You have over 40 objects at your disposal to customize your pages.

Step 6 – Add a Personalized Title and Tagline to your Site

  1. Once you have logged into SitePad, click on the Settings option on the left pane and click on General. The General Settings page will be displayed:
  1. In the General Settings page, you will see various options: Site Title, Tagline, Date Format, Timezone, Time Format, etc. Enter the Site Title and Tagline in the respective fields.
  2. Click on the Save Changes button:

Step 7 – Save, Preview and Publish your Site

Once the layout is complete, you can either publish the website directly, or simply update it to save the work in progress.

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:

  • Click on the Publish button to publish the changes when you are ready.
  • You can save the version you are creating without publishing it by clicking on the Update button. 
  • You can preview the changes you make without saving or publishing them by clicking on the Preview button.

Thus, to publish your website:

  1. Make sure the page editor is open:

2. When you click on the Publish button, a confirmation window opens:

  1. Check the box confirming that you are sure you want to publish the site.
  2. Click on the green Yes, Publish button and a progress bar will show you the publication process.
  3. When the publication is complete, you have the choice to click on the Done button or on Visit Website to view the published site:

Step 8 – Add an Additional Website and Change Websites

You can create as many websites as you want and switch easily from one to the other.

Adding an Additional Site

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

Switching from One Site to Another

To switch from the current site to another site you wish to work on again:

  1. Hover your cursor over the Site 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:
  1. Click on Dashboard.

Note : The site created by SitePad when you logged in for the first time will always be the first in the list.

Updated on March 30, 2022

Related Articles