Knowledge Base

Edit Existing Pages

Each page or category is represented by a bar as shown below.

Each bar displays an assortment of information and controls, allowing you to control and organise your navigation and pages.

This section shows you the layout used to create the page or when you have created a category it will display this status with the word “Category”

This section shows the Navigation title, this is the name shown on your websites navigation. To edit this simply highlight the existing word and replace with a more appropriate name.

This icon allows you to edit the page, changing text and images. If clicked, you will be taken back to the same simple wizard that allowed you to create the page.

This icon allows you to un-publish the current page. This feature removes the page from you website allowing you to edit and manipulate the content until you are happy to publish the page once more. To publish the page simply click this icon a second time.

This icon allows you to delete the entire page, be careful deleting a page is permanent and cannot be undone.

The final 2 icons allow you to move the page up and down. Clicking the up arrow simply moves the page up by 1 place and the down icon moves the page down by 1 place.

Pages that are attached to a category are marked with a small right facing arrow as shown in the below example.

Page control within categories is identical, to move a page into or out of a category you simply click on the “up or down arrows” moving the page into or out of a category.

Please save all changes made on the navigation table, failing to save changes will simply revert your changes back to the original settings.

Create New Pages

At the top of the Navigation control you are given several options, helping you to add new pages or control the navigation below.

This button allows you to add a new page using 1 of the many layouts that your CMS offers you.

Organise your Navigation

When you first access the CMS your Add and Edit page should look something like the picture above, with a single page created titled “Home”. As you your site grows this section will also grow giving you a great overview to your sites navigation.

The image below reflects the same structure as the websites Navigation shown at the beginning of this section.

CMS Navigation Control Actual Navigation

As you can see the CMS layout is a mirror image of the actual navigation found on the publicly visible web pages.

Each page or category is represented by a bar as shown below.

Each bar displays an assortment of information and controls, allowing you to control and organise your navigation and pages.

This section shows you the layout used to create the page or when you have created a category it will display this status with the word “Category”

This section shows the Navigation title, this is the name shown on your websites navigation. To edit this simply highlight the existing word and replace with a more appropriate name.

This icon allows you to edit the page, changing text and images. If clicked, you will be taken back to the same simple wizard that allowed you to create the page.

This icon allows you to un-publish the current page. This feature removes the page from you website allowing you to edit and manipulate the content until you are happy to publish the page once more. To publish the page simply click this icon a second time.

This icon allows you to delete the entire page, be careful deleting a page is permanent and cannot be undone.

The final 2 icons allow you to move the page up and down. Clicking the up arrow simply moves the page up by 1 place and the down icon moves the page down by 1 place.

Pages that are attached to a category are marked with a small right facing arrow as shown in the below example.

Page control within categories is identical, to move a page into or out of a category you simply click on the “up or down arrows” moving the page into or out of a category.

Please save all changes made on the navigation table, failing to save changes will simply revert your changes back to the original settings.

Add Navigation Categories for new pages to be grouped under

At the top of the Navigation control you are given several options, helping you to add new pages or control the navigation below.

This button allows you to create new navigational categories that will allow you to link new or existing pages to.

Pages that are attached to a category are marked with a small right facing arrow as shown in the below example.

Page control within categories is identical, to move a page into or out of a category you simply click on the “up or down arrows” moving the page into or out of a category.

Add Navigation links to other sites

At the top of the Navigation control you are given several options, helping you to add new pages or control the navigation below.

You might want to add an additional option to your navigation allowing your website to send visitors to an external web site such as a blog or maybe a shopping cart.

This button allows you to create a new navigational option with an external link to a new URL.

Choose a layout

Getting you page correct is everything when it comes to running a successful online business. Potential customers for the first time in history can search for companies at the click of a button, so if they don’t like your sites structure or layout then you going to struggle to convert.

Your CMS allows you to select the Layout Type and then gives you a choice of different layouts, to select a layout simply click on the blue arrows on either side to see the different variations available.

Each Layout has a mock design to give you an idea how the page will look, Clicking preview will show you a bigger version.

Once you are happy with your layout selection simply click the “Next” button at the bottom of the screen

Meta

With more and more business going online to win new customers it is vitally important to ensure your company ticks all of the boxes when it comes to search engines.

Search engines read and index web pages similar to a human, the content that you place on a page is scanned by the search engines and from this your webpage is categorised, for example a “Plumber” or a “Butcher”.

Within your sites code there are several key area’s to highlight targeted information helping search engines index you correctly.

A) Enter a Heading For This Page

Although this is not really connected to Meta information it is still important to ensure the name you give to your page heading matches the content that will reside on the page.

Your page heading is used in both your page creation and the label given to your page on your navigation.

Try to make the titles short but descriptive, for example...

Contact Us
About Us
Special Offers
Services
Carpet Fitting

B) Auto Generate Page Title

This is one of the most important sections of your website when trying to increase your online exposure.

As default this option is ticked and your CMS will simply copy your Page Heading in order to create your page title.

We would advise that each page title is created individually by deselecting the tick; this will then display a new input box allowing you to enter targeted keywords.

Your Page title is a small section of text that appears in the top left corner of your browser window, as shown below... (the area highlighted in Yellow)

This area should explain to humans and browsers in as few words as possible what your page is about, for example

A plumber’s home page might use the text “Plumber in Shrewsbury” or even “Plumber in Shropshire”

Take a few minutes looking at other companies that sit on page 1 of Google and see what words they have used; this will give you a good idea.

Remember, try to keep it short and descriptive, many companies cram this section full of wording and destroy a good opportunity to win search engine favour.

C) Auto Generate Page Description

As default this option is selected to automatically generate your page description. If left selected your CMS will simply take the 1st 100 characters that appear within your content and create the description based on this information.

Page description only shows in your code and not on your webpage.

Page description is another great place to reinforce your websites indexing within search engines and we would recommend that you create your description for each page.

To create your own Page Description please deselect the option to automatically generate the page description. Once deselected your CMS should display a new input field.

You should think about the content that will reside on this page and type a description that summarises the page for the human reader. Make sure that the wording used will match possible search terms used every day by potential customers.

For example, on the Boiler Service page of a plumber’s website you might input...

For all of your Boiler Servicing in Shrewsbury, Boiler Brothers can help with yearly servicing plans or emergency call outs. We specialise in same day fix’s helping our clients out when it really matters. No Call Out Charge, No Fix No Fee.

D)Enter Your Page keywords

Keywords play an important role helping search engines index your site correctly. Keywords are simply words that you would associate with your websites page and the type of search someone would enter in order to find a business similar to your own.

Take a few minutes to consider what you would type into search engines to find a business such as your own.... Ask friends and family to get an unbiased perspective.

Helpful Tips:

1. Keywords can also be phrases, more than 1 word.
2. Only enter keywords that target the pages content, do not enter keywords that simply target your whole company.
3. When entering the keywords (or Phrases) you need to separate them with a comma (,) this indicates separate keywords or phrases.
4. Please don’t fall into the normal trap of entering 100’s of words or phrases as this will lower the effectiveness when search engines index you.

Take a minute to look at our example below ... this example is based on a website page titled “Boiler Servicing” for a local plumbing company.

Boiler Serving in Shrewsbury, Emergency Boiler Repairs in Shrewsbury, Cheap Boiler Servicing in Shrewsbury, Landlord Boiler Servicing in Shrewsbury, Out of hour emergency boiler service in Shrewsbury

Once you are happy each section has been completed correctly simply click the save button and your CMS will do the rest.

Manage Images

Images play a vital role when trying to win favour with website visitors. Your text can be brought to life with images that impact and enhance the content.

When uploading images it is recommended that your images should be selected for their appropriateness to the content and not simply for the sake of adding images.

Image Specification

This section of the CMS allows you to display 3 images in 3 predefined locations of the page. Each of the 3 predefined locations offer you the ability to display your images, however due to each location having a permanent size and location, uploading images without the correct specification will force the site to display them incorrectly.

As you can see from the 3 images above only 1 of the images is displayed correctly, this is simply due to the size of the original image.

Your CMS will shrink the original image to fit the space given however due to the CMS forcing Aspect Ratio this means that the image must be the correct shape in the beginning.

The actual space that your images are shown on your web site will be 175 Pixels x 134 pixels as shown in section (A) below. The image size is not the main area of concern, for example an image the size of shape B below will also fit correctly as both shapes are of the same aspect ratio.

Judging this by eye should be more than enough, imagine the smaller picture (A) being stretched with the height and length growing at the same rate, this should give you an idea of the shape your original image needs to be to ensure the best results.

Adding Images

Adding a new image is simple and will only take you a few moments once you have the image on your own computer.

The first step is to locate the image on your computer; this is achieved by either clicking into the blank input box or clicking on the button labelled “Browse”

This will then open a standard computer window allowing you to locate the correct banner on your computer’s hard drive, once located you will simply click the “Open” button to be brought back to your CMS screen.

Adding a Description

Once you have located your image the CMS allows you to input a description, this description will be used as a TAG.

A Tag allows you to identify what the image is about helping search engines index the image correctly. Without the Tag your images would remain a mystery to search engines and you have lost a small opportunity to increase your sites indexing.

When you are happy with your image and description simply click

Manage Images

Your images are displayed on your main website in order, this order is taken from the order that they are shown in the table, with the top image being the 1st image displayed and the bottom image being the last image.

New images added to this table will automatically be placed at the bottom of the table; however moving your images is as simple as 1 click.

Opposite each image you are given a simple control system helping to move the image up or down.

To move the image up you simply click on the up arrow repeat this process until the image is in the correct position, moving the image down uses the same process however this time you will click on the down arrow

Important – Once you have moved the images into the correct order you will need to confirm that the order is correct by clicking on the “Save Order” button, failing to do this final step will simply revert the images back to their original position.

Deleting an image.

Deleting a image is simple and only requires 2 clicks of your mouse, first we need to confirm to the CMS which image is going to be deleted and to do this we need to tick the small square to the left of the selected image this will pace a small tick in the box indicating that the image to the right is the correct image.

If you wish to delete more than 1 you will need to tick the other boxes as detailed above.

Finally to confirm that we wish to delete the images we simply need to click the button Labelled “Delete Selected Images".

Editor

Adding content is simple with our inbuilt text and image editor. Similar to programs such as Microsoft Word and WordPad, our editor will allow you to input text, images and much more directly into your webpage.

It is important to remember that the CMS will update the page the minute you click save, unless your page has been unpublished. You can un-publish your page by returning to the main “Add and Edit Page” and selecting the icon labelled “Un-publish” (Shown Below)

Quick Overview to your Editor.

Editing the content on your page could not be any easier with our inbuilt page editors. As default your page editor will be set to only display the tools that new webmasters would need (section 1) however more tools are available within (system settings) as can be seen in section 4.

Section 2
This area allows you to input text directly into the editor which will appear on your web site once you click save.

Section 3
You can increase the text area in section 2 by simply clicking on the 3 lines in the bottom right hand corner and whilst holding your left mouse button down drag your mouse to the right hand side. This action will increase the size of your input area.

Editor Tools Simple

Learning your CMS editor will help you deliver a powerful website helping to encourage potential customers to make that all important engagement with your business or organisation.

Simple Editor

(Bold)

This feature allows you to mark your text in BOLD helping to draw people’s attention to it.

To create this effect, simply place your mouse cursor in front of the word(s) that you want to edit, left click and whilst holding the left click button down drag your mouse to highlight the whole word(s). Once you are happy that you have selected the correct word(s) simply click the icon shown above to create the effect.

(Italics)

This feature allows you to mark your text in ITALICS helping to bring structure to your text.
To create this effect, follow the steps detailed above in Bold.

(Underline)

This feature allows you to underline your text.
To create this effect, follow the steps detailed above in Bold.

(Strike Through)

This feature allows you to place a strike through your text.
To create this effect, follow the steps detailed above in Bold.

(Bullet Points)

This feature allows you to add Bullet Points before lines of text.

• Example 1
• Example 2
• Example 3

To create this effect, simply place the cursor in the correct position and then click on the icon shown above. To create other lines simply hit enter on your keyboard and your CMS will generate the new bullet point.

(Numbering)

This feature is similar to Bullet points however this time it simply numbers the lines in sequential order.

1. Example 1
2. Example 2
3. Example 3

To create this effect, simply follow the steps outlined in Bullet Points.

(Left Align)

This feature allows you to align your text to the left hand side of the page.
To create this effect, follow the steps detailed above in Bold.

(Centre Align)

This Feature allows you to align your text to the centre of the page.
To create this effect, follow the steps detailed above in Bold.

(Right Align)

This feature allows you to align your text to the right hand side of the page.
To create this effect, follow the steps detailed above in Bold.

(Justify)

This feature allows you to align your text to both the right and left hand side of the page, spacing out the text to fit.
To create this effect, follow the steps detailed above in Bold.

(Create Link)

This feature allows you to create a text based link.

To create a link within your text you need to select the word you wish to create as the link. To achieve this you must place your cursor to the left of the word and then left click, whilst holding down the left mouse button drag your mouse to highlight the entire word(s).

Once you are happy with your selection you need to clik on the icon shown above. A new window will appear giving you several options.

To create the link you will need to select “URL” as the link type.

Protocol should be set to http:// as default although you can change this if required, although most links will be simple http://

URL, this field allows you to enter the URL or Website address that you wish the words on your main site to link to, for example...

www.yourdomain.co.uk/services

Once you are happy with your selections you need to set 1 last option by clicking on the “Target Tab”. Clicking this tab will display new options...

Target, this option tells the browser what to do when someone clicks on the link, for example...

If you are linking to another page within your site you would normally select “Same Window (_self)” this will make the browser open the new page in the same browser window.

If you are linking to an external website, you might want to keep your website open and take the visitor to the new site in a new browser window, to achieve this you would select “New Window (_blank)”

Once happy simply click “OK” and you will be delivered back to the edit page with the word(s) underlined and highlighted in blue indicating that a link exists.

(Unlink)

This feature allows you to unlink an existing text link.

To unlink a word(s) simply select the word(s) and click the above icon, your CMS will then remove the link and your text will return back to simple text.

(Undo)

This feature allows you to undo a section of your recent work.
To undo something simply click on this icon and the editor will step you back 1 place.

(Redo)

This feature allows you to bring back a section of text that you have previously undone.
To redo something simply click on this icon and the editor will step you forward 1 place.

(Size)

This feature allows you to change the size of your text.
To change Font size simply select the Font that you wish to alter and then select the new size by clicking on the drop down shown above.

(Colour)

This feature allows you to change the colour of your text.
To change Font colour simply select the Font that you wish to alter and then select a new colour by clicking on the drop down shown above.

(Plain Text)

This feature allows you to paste into the editor as Plain Text.

Most webmaster will create their text within programs such as Microsoft Word, these programs all have their own code and when you paste directly from them into your CMS you might find strange additional code or even characters appear. To avoid this before you paste your text, click this button first and paste the text into the popup that appears.

Your CMS will then strip all of the previous programs code allowing you to work with clean unformatted text.

Advanced

For more advanced user Your CMS allows you to change from “simple” to “Advanced” options giving you more control over your content, the additional features include ...

(Format)

This feature allows you to quickly select preset Formats making the text alter size, colouration and much more with 1 simple click.

To enable this feature simply select the text you wish to alter and then select a new format from the drop down by clicking on the image above.

(Table)

This feature allows you to add a Table to your page, helping to keep data formatted and attractive to readers.

Adding Tables to your website page helps keep structure and can be achieved with a few clicks of your mouse button.

Place your cursor where you want to display the table, your cursor will indicate the location of the top left corner of the table.

Once happy with the location simply click the table icon as shown above. Once clicked a new window will appear presenting a few basic options allowing you to control the table size and appearance.

Rows – Enter the number of rows that you wish to appear in your table. Rows are display left to right, the image shows a table with 6 Rows

Columns – Enter the number of columns that you wish to appear in your table. Columns are displayed top to bottom, the image shows a table with 5 columns.

The tables above have 6 Rows and 5 Columns

Width – this is referring to the width you wish the whole table to be displayed on your web page. Don’t worry too much about this as you can increase the table’s width when you return to the main editor.

Height –As width

The rest of the settings allow you to tweak the table.

Once happy with each setting simply click “OK” and you will be returned to the editor where you will be presented with your new table.

(Remove Format)

This feature allows you to remove formatting of selected text with a single click.

Simply highlight all of the text you wish to remove formatting for and click this button.

(Flash)

This Feature allows you to add flash elements to your page, including flash banners or even flash videos straight form Youtube.

Adding YouTube Videos into your page.

To Add a Youtube video to your page you will need the link provided by Youtube before starting this process.

Each video in Youtube gives the viewer several options at the foot of the video, 1 of these option is the option labeled “Embed”. Once clicked a new set of options will appear as shown below.

The link you need to embed the video on your page has been highlighted in yellow, however before copying the link you might want to set some options to make the video look more attractive on your page.

Selecting the options below will alter the link so only copy the link once you’re happy that you have selected the correct options

 

Now you have the correct link, you will need to embed the link into your editors “flash” function by clicking the flash button as shown above.

A new screen will be displayed allowing you to embed the Youtube link with a few clicks.

Simply paste the copied link into the URL box highlighted in the image to the left and click “OK”, this will return you to the main editor.

Due to a technical issue with Youtube videos and the way your editor works you need to click on the save button below the main editor.

This will send you to the main Add and Edit page.

Find the correct page that you where creating and click edit.

When you return to the editor you will see 2 red boxes with the words “flash” labelled inside each one, right click on the left hand flash box and select “properties” this will return you to the flash window where you pasted the youtube link, this time you should see your video in the small window.

The current size of the Youtube video will also be displayed, some video’s might need resizing to fit you page well.

Once you are happy with the video size click “OK” and your Youtube video will now show when web visitors see this page.

Adding Your Own Flash Video or Banner

This is a similar process to embedding a Youtube video; however you will not require the Youtube link you will simply need to have the flash files on your own computer.

Once you have the flash files simply click on the flash function icon as shown above and a new screen will appear.

To add your own flash banners or videos you will need to click on the tab at the top of the window labelled “Upload”

The new screen will allow you to search your own computer for the correct flash file by simply clicking the “Browse” button.

Once you have located the correct file simply click Ok and then “Send It To Server”, your CMS will then upload the flash file and embed it into your new page.

(Special)

This feature allows you to insert a special character such as the copyright symbol to your page.

To add a special feature simply place the icon within the text editor marking the location you want the special character to appear.

Once happy with the location simply click the icon and a new window will appear.

Simply locate the character you need and click, this will then return you to the main screen where your special character should appear.

(Decrease Indent)

This feature decreases the indent of any text that has been indented.

To decrease the indent, simply place your curser in the correct location and click the Decrease Indent icon.

(Increase Indent)

This feature increases the indent of your text.

To Increase the indent, simply place your curser in the correct location and click the Increase Indent icon.

(Source)

This feature allows you to access the source code of the page, allowing you to create your pages layout in another program and then copy the HTML directly into the page.

(Image)

This feature allows you to add images to your pages, either from another website or upload new images to your hosting facility.

Adding unlimited images to your page is really simple with the image upload function of your editor.

Simply pace your icon in the position you wish the image to be displayed and then click on the image icon as shown above.

Once clicked, a new window will open allowing you to upload your own images.

To upload your own images you will need to click on the “Upload” tab located at the top of the new window.

This tab will allow you to locate the correct image on your computer by clicking the “Browse button”

Once located click “Open” and then “Upload to server”

Once the CMS has completed the upload you will be returned to the 1st tab and your image will be displayed in the preview window.

Most images will need sizing or positioning, this is possibly by altering the options on this page.

Once happy with the size and location of your image simply click “OK” and you will be returned back to the main editor with your new image on display.

You can repeat this process as many times as you like.

Simple/Advanced

Your CMS gives you the ability to add content to pages using a simple text editor, similar to Microsoft Word or other Word Processors. As default the editor within Your CMS is set to “Simple” this includes the following features...

A video guide is available covering all aspects of the editor. (Click Here)

Simple Editor

This feature allows you to mark your text in BOLD helping to draw people’s attention to it.

This feature allows you to mark your text in ITALICS helping to bring structure to your text.

This feature allows you to underline your text.

This feature allows you to place a strike through your text.

This feature allows you to add Bullet Points before lines of text.

• Example 1
• Example 2
• Example 3

This feature is similar to Bullet points however this time it simply numbers the lines in sequential order.

1. Example 1
2. Example 2
3. Example 3

This feature allows you to align your text to the left hand side of the page.

This Feature allows you to align your text to the centre of the page.

This feature allows you to align your text to the right hand side of the page.

This feature allows you to align your text to both the right and left hand side of the page, spacing out the text to fit.

This feature allows you to create a text based link.

This feature allows you to unlink an existing text link.

This feature allows you to undo a section of your recent work.

This feature allows you to bring back a section of text that you have previously undone.

To redo something simply click on this icon and the editor will step you forward 1 place.

This feature allows you to change the size of your text.

To change Font size simply select the Font that you wish to alter and then select the new size by clicking on the drop down shown above.

This feature allows you to change the colour of your text.

To change Font colour simply select the Font that you wish to alter and then select a new colour by clicking on the drop down shown above.

This feature allows you to paste into the editor as Plain Text.

Most webmaster will create their text within programs such as Microsoft Word, these programs all have their own code and when you paste directly from them into your CMS you might find strange additional code or even characters appear. To avoid this before you paste your text, click this button first and paste the text into the popup that appears.

Your CMS will then strip all of the previous programs code allowing you to work with clean unformatted text.

Advanced Editor

For more advanced user Your CMS allows you to change from “simple” to “Advanced” options giving you more control over your content, the additional features include ...

This feature allows you uto quickly select preset Formats making the text alter size, colouration and much more with 1 simple click.

This feature allows you to add a Table to your page, helping to keep data formatted and attractive to readers.

This feature allows you to remove formatting of selected text with a single click.

This Feature allows you to add flash elements to your page, including flash banners or even flash videos.

This feature allows you to insert a special character such as the copyright symbol to your page.

This feature decreases the indent of any text that has been indented.

This feature increases the indent of your text.

This feature allows you to access the source code of the page, allowing you to create your pages layout in another program and then copy the HTML directly into the page.

This feature allows you to add images to your pages, either from another website or upload new images to your hosting facility.

Your Content Management System (CMS) has been developed to offer a simple and intuitive interaction, helping you to control your websites growth and ensuring that your website delivers its full potential.

Your CMS offers a single Navigation panel, located at the top of each page as shown above.