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