Welcome to the SiteSnap Beginner’s Guide

Step by step advice on how to build your website

Contents

• Use the website builder editing environment

• Editing your website page

• Adding your own images, audio and files

• Creating links

• Adding and organising pages

• Image tools

• Creating an order form or feedback form

• Interacting with your visitors

• Global Design Settings

• Page Master

• Site Settings

• Finding your site on the internet

Welcome to SiteSnap the Online Website Builder

SiteSnap is a unique website builder that allows you to edit your website in the same way that you browse it. You will see how easy it is to build a website. Because of your unique SiteSnap username, when you are logged in to your website we recognise that you are the site owner and display the edit tools to you. Normal visitors will not be able to edit your site.

When you build your site for the first time, you should be automatically logged in to edit it. But if you ever need to login or logout in the future, simply add the words ‘/login’ at the end of your site address in the browser address bar e.g. mysitename.com/login. This will always bring up the login panel in which you can enter your unique username and password to gain access.

The SiteSnap Edit Environment

When you use our free website builder you will see it is made up of a number of different pages, which are organised into your site's menu and form the main navigation for your site. The website builder menu will automatically display all the pages in your site and provide links to each of them.

When you are successfully logged in to your site you automatically enter 'Edit mode'. In Edit Mode you can still see all of your pages and content, but we also overlay the edit tools that allow you to add/remove/update the contents of your site. In Edit Mode you should see:

The SiteSnap Toolbar - At the top of the page this contains links to the core editing functions of the site builder, e.g. adding/removing pages, copy/paste, design settings, etc. You also have a choice between basic (default) and advanced toolbars.

The Page Editor - This floating panel displays basic settings for the object that is selected on the page, e.g. position and size, background colour and more specific details based on the type of object selected like font size for text boxes or website address for links.

The File Manager – Opened by clicking the 'Files' icon in the SiteSnap Toolbar, this core tool helps upload and organise your images, videos, MP3s or any other file you add to your site.

However, if you wish to see your site as your visitors will, then you can click on the ‘View my site’ button in the top right corner. You will be asked to save any changes and once the page has refreshed you will see how your site appears to visitors. This will allow you to review the layout, test any or all functionality and check navigation. To return to edit mode just click on the ‘Edit my site’ button.

If at any point while editing your site you require help, it can be found through the 'Help' icon on the web page builder Toolbar. There you can browse the most common Frequently Asked Questions (FAQs) or submit a query to the support team.

Editing Your Page

Now that you are familiar with the free website builder toolbar you should be ready to start editing your pages. This section covers moving and resizing objects, as well as adding material and text to your pages.

Selecting Objects on Your Page

Most objects on your page can be edited by clicking on them (except the menu and anything on the Page Master - see Page Master section below). Generally one click will select the object to move, scale or rotate it and a double-click will allow you to edit the contents of that object (e.g. edit the text in a text box).

Moving/resizing Objects

Click on an object once and you will see a single line border appear around the object with resize handles in the corners. In this state you can click (within the object border) and drag your object e.g. an image, a text box, a widget (forum, form, audio player etc), to move it around your page. If you click and drag on one of the resize handles you can also change the size or

shape of the selected object.

Rotating Objects

Many objects can also be rotated: images, buttons and graphic text/title boxes. Click once on the object and then use the rotate button on the website builder editor to enable rotation. If you cannot see this button then rotation isn’t possible on the object. Grab the rotate handles and just drag the item around to the preferred angle, or use the input field on the Editor to enter a specific value e.g. 90 or 270 to turn the object on to its right or left side or 180 to flip it upside down.

Editing Objects

Double-clicking an object allows you to edit its content, for example the content of a text box. If you clicked your object to move or resize it then clicking it again will take you into object edit mode. When you are editing an object a grey shadow/border will appear around the object and a title box will appear in the top left corner with the object name.

Go to page 2