Announcements General Tips & Tricks

Getting Started with Our Free Website Builder

Internet Solutions Hong Kong Introduces our New Website Builder which aims to make Building awesome websites quick and simple.  Not only is it easy for anyone to use and totally free.

We introduce you to our website builder in this article. a website builder can be a really great way to easily create and manage a website.

What is the ISHK site Builder?

The ISHK site builder is an  HTML5 site builder that lets you easily build and edit a web page grid. We made an interface as simple and intuitive as possible, so it doesn’t take you long to get along with the User Interface.

How do I get started?

The best thing about our page builder, you don’t have to be an ISHK Customer to enjoy using our site builder.

There are two ways you can access our site builder:

  1. If You are an ISHK Customer, You can quickly access our website builder by login into your cPanel and look under software or search for “website builder” within cPanel to enjoy using our site builder.

    website- builder cpanel
    Where the website builder is listed in cPanel
  2. Or you could just visit by typing it into your browser

Once you are there (at the URL), you will need to create an account using an email of your choice if you not already used the site builder previously, Enter your login email and password.

Building your first page using the website builder?

Assuming you went ahead and logged in using the login form screenshotted above, we can now begin the creation of our first website by clicking the button in the centre of our dashboard labelled “Create one now” or the button within the header navigation labelled  “Createe a new project“.

website builder dashboard
Once logged in, this should be the view of your dashboard

You should be presented with the following overview:

website builder wizard
The website builders starter wizard

The site builders start wizard will present you with over 19 templates.  You have the option of filtering through the templates using its filtering tool.

Found on the left, The filter tool arranges the various templates by colour and categories inclusive of the landing page, blog and portfolio. The filter also holds a button labelled “Start With Blank Page” which is the option to start with a blank page.

We will be building a landing page in this scenario, aimed at prospective users of our website builder. The template will be using in our tutorial is the “Flatty” template hence we will select landing pages from the wizard filter.

Once you have chosen a template of your wanting, Just click the template from the wizard and you should be presented with the following view:

We won’t go deep into the UI but we will provide you with a breakdown of the various options below.

Elements – this subsection contains options to be added to the page you are creating. Sub-divided into components, layout, media, topography, Buttons and forms.

Inspector – inspectors provide the options to modify a selected area or page element within the template being edited depending on the elements and/or page area selected, you will be provided with the options of attributes, background, shadows, padding, margin, text style, border and border roundness.

Pages – page host the option to edit elements of the current page you are working on and the option to add additional pages. options inclusive of editing page name (about.html or index.html), page title, descriptions, page tags (also known as the page keywords). This menu also present you with the option to change the current template or simply erase the template.

Themes – This menu presents you with the option to choose from bootswatch’s popular bootstrap themes which modifies the look of your template in various ways.

Settings – This section of the menu hosts personalizable options to how the page builder works for you.

Code Edtr – This menu gives you a code editor so you can edit the raw code if you can code or require the option.

Global Option Menu

These vital options highlighted in red above are always displayed, no matter the options menu that you or on.

Preview – This gives a preview of the website/page as it would look on the browser/device.

Export – This menu presents the option to download/export you currently work in a zip folder. You can choose to download a single page or you could download the entire website/project.

Publish – this presents the option to publish your current work via FTP to your website/server.

Devices – This changes the view within the editor and the preview to match that of the various common device sizes in use. There are four view and device types, The Mobile, the tablet, the laptop and the desktop.

Save – this button pretty much saves the current edits made to your template if you didn’t enable the auto-save option which can be found under the setting menu.

Lookout for our other website builder tutorials which will go into other aspects of the website builder which we haven’t covered here.

So what are you waiting for? Visit the Website Builder NOW!