Knowledge Base

Adding an element to your website

Adding Elements to your website couldn't be easier! Clicking the Add tab on the side bar in the editor opens a list of the elements available to you. When you choose an element from this list it becomes locked to your mouse cursor, simply move your mouse to where you want the element on your web page and click to release it there.

Some elements in the Add tab have a few options before you can drop them on your page, for instance, images require first that you select an image from the image library.

Element Sub-menu Notes
Image Image Library Choose either to add an image from the Website Builder library, upload your own or link to an image elsewhere online
Gallery Gallery Layout Set up a gallery of images and set transitions between items in the gallery as well as image descriptions 
Text Text type (heading or paragraph text) Place text on your site, define initially if this is a heading or paragraph text
Form Form Layout Add a contact form to your website and define the custom fields you want visitors to fill out
Site Menu Menu Layout Add navigation to your site to make it easy for visitors to navigate between your various pages
Social Social Media Platforms Get social by adding in Twitter feeds, Facebook Like buttons and much, much more
E-Commerce Store Options Add a store to your site or perhaps just a PayPal buy now button
Widgets Embed HTML Types Embed HTML on your website, the possibilities are endless here (TripAdvisor, SoundCloud, Live Chat, Forums etc)
Map Google Map Show visitors your location with a fully operational Google Map
Icon Icon Library Choose from hundreds of different icons to use on your website
Shapes Shape Library A simple library of basic re-sizeable shapes
Buttons Button Types Simple buttons styled to your website design with pre-defined rollover states
Containers Container Types Container boxes which re-size intelligently 
Video - Embed a video from YouTube
Video Gallery Gallery Layout

Set up a gallery of videos and set transitions between items in the gallery as well as video descriptions 

Flash Flash Library Embed a flash file that has been uploaded from your computer
Documents Documents Library Upload a document (or any file type) you want your visitors to be able to download
Blog Widgets Blog Widget Types If you have a Website Builder blog these widgets can be placed on pages to link directly to featured posts or your tag cloud

When an element is clicked on it becomes selected, any element showing a containing box around it is currently selected as seen in the image below.

A selected element will show a selection bar above it and the tools palette, most likely on the right hand side of the page. The selection bar will display the type of element selected, in the above example 'Icon', the bar always has the same options regardless of the element type though. So from left to right it has a duplicate button, arrows to move the element either forwards or backwards from a layering perspective, a link button for controlling where the elements links to when clicked, then finally a delete button.

The tools palette is the large white box seen at the right of the screen on the screenshot above. This will always look similar regardless of the element type selected, again though it displays the type of icon selected at the top. Within the Settings, Style and Size & Position menus you can define properties for the element such as colour, border width, opacity, padding and much more.