Getting Started with the Website Builder Print

  • 0

This guide will walk you through the initial steps of using the website builder to create your website. Following this guide will cover the basics and give you the confidence to explore and be creative with the website builder software.

Loading The Website Builder

  1. After ordering the website builder plan from our website you'll need to go to your Client Dashboard
  2. Click on Services and you will see SiteBuilder. Click on it to view its details
  3. On the left hand side of the screen you will see a WEBSITE BUILDER panel and that click on Edit Your Website
  4. The website builder will now load in your browser

Select a Theme

The first step is to select a theme that you'd like to base your website design on.

You can select from over 350+ themes. Use the category filter buttons or the search box to help find a suitable theme. Once you've found the theme you like click on the Activate button

Once the theme has been activated you will see this message:

Editing Pages

On the menu on the left side, click on Pages and then All Pages:

You will now see a list of all of the pages of your website:

Look for Home - Front Page and click on the pencil icon to edit your home page.

The page editor will take a moment or two to load and then you will see your website and all of the editing tools:

Click on any widget of your web page to show the pop up edit panel.  Use the edit panel to make your changes.  In the example below we have clicked on the Tabs widget and you can see that the edit panel allows us to change the tabs or add new ones:

You can add new widgets by dragging and dropping them from the toolbox on the left of the screen:

There are over 40 different widgets you can use to build up your website content. The best way to learn what they all are is to drag them on to your page and see how they work.

To delete a widget from a page, click on it to select it and then press the Delete button on your keyboard.

Saving and testing the page

At the top of the screen is the toolbar:

Click on the green Update button to save your changes and continue working on the page.

The white Preview button will open the web page in a new browser window so you can see how it looks once it will be published.

To the right of the Preview button is the devices preview (computer monitor).  Clicking on this will let you see how your web page looks on desktop, tablet and mobile devices.

Editing the Header and Footer

If you want to edit the Header or Footer of your website use the Pages drop down in tool-bar at the top of the page:

Here you can select to edit the Header, Footer, any other page on your website or add create a new page.

Publishing Your Website

Once you've finished editing your website click on the blue Publish button on the toolbar.

A window will appear asking you to confirm:

If this the first time you are publishing your website do NOT tick to publish only the current page. You can publish individual pages later when you come back to make updates.

Click on the Yes, Publish button and your website will be published on to your web hosting account.

This can take a  few minutes depending upon the size of your website.

Once the site has been published click on the green Visit Website button to view your creation.

Was this answer helpful?

« Back