Make changes using site builder

« Go Back



Note: The following guide relates to the older self-managed web design products. If you are using our Wordpress-based design tools, please contact your Account Manager for assistance.

As a general rule, whenever you press the Enter (or Return) button on your keyboard, a website editing program will always insert two lines of space before your cursor. This means that you will create what is commonly used as a paragraph space just by pressing the Enter or Return key once. Here's an example:

This is an example of a paragraph which exists on a web page.

This is an example of a new paragraph that has been created by pressing the Enter key once.

To create one line of space between one line and the next line in a web editor, you must hold down the Shift key when you press Enter or Return (SHIFT + ENTER). When you do this, you will create the following:

This is an example of a paragraph which exists on a web page.
This is an example of a new line that has been created by pressing the Shift + Enter keys at the same time.

When you paste content from an external word processing program into the content editor, there will be double line spaces for all of the paragraphs in your document.

To delete unwanted lines of space, place your cursor before the new paragraph spaces that have been created and press the Backspace key.

Can I undo changes that I make in the content editor?

If you need to undo the last edit that you made in the content editor use the Undo tool in the content editor tool bar or the common keyboard shortcut for undo (hold down the 'CTRL' key while you press the 'Z' key).

You can continue to undo changes until you reach the starting point of your page editing session.

To revert the page to how it was at the start of the page editing session, click Cancel.

How do I remove bullets from my text?

The bullet button in the toolbar toggles bullets on and off.

  1. Go to Pages > Add/Edit Pages.
  2. Highlight the text in the bulleted list.
  3. Click the Bullet tool. The bullets will be removed and the text will align to the left.

Can I copy and paste from programs other than Microsoft Word?

You can copy and paste text from many applications. The content editor has been tested with content copied from Microsoft Excel, PowerPoint, Word Perfect and many other programs that use text and have a copy and paste function.

How do I upload files or documents to my website?

Adding a downloadable document is a two step process. The first step is to upload the file or document to your website, the second is to create a link on a page that visitors can click on to download the file.

How can I get my headings to look the same across the entire site without worrying about font styles?

As a general rule, most website templates have three heading styles designed into them, they are called Heading 1 (which is usually the biggest), Heading 2 and Heading 3 (some websites also have Heading 4, Heading 5 and Heading 6).

The benefit of using these pre-defined heading styles is that it allows you to keep the information hierarchy on your website consistent. This makes your website look professional and helps your site to be user friendly. It also saves you a lot of time as you are not required to edit font color, style or size.

To change text to a pre-designed heading style:

  1. Go to Pages > Add/Edit Pages. Select the page that you wish to edit.
  2. In the content editor, highlight the text you wish to change to a heading style.
  3. From the Format menu in the content editor toolbar, select Heading 1 etc. You will see the text size change in the content editor.


How can I change which email address my website enquiry form goes to?

To alter the recipient address of your form:

  1. Go to Pages > Add/Edit Pages.
  2. Select your form from the main menu (it will have a small red pencil icon next to the name).
  3. In the field marked Recipient Email, enter the e-mail address that you would like all submitted forms to be sent to.
  4. Click the Save button. Publish your website.

What is the "Thank you" page? Can I delete it?

The Thank you page appears each time a visitor submits a form on your website. It is important because it informs your visitor that the form has worked and that you have received their feedback/comments. You can edit the content of this page at any time by clicking on the page from the Unattached Pages. You can delete this page if you do not have a form on your website.


Does the content editor automatically resize images?

The content editor does not automatically resize images when it uploads them. You are able to scale an image in the content editor when you insert it, however it is not recommended to do this for more than a 10% size difference. Visitors will need to wait for a large image to download to their browser, even if it only displays as a small image on the page.

I don't have image editing software, do I need to buy some?

If you don't have your own image editing program, you can find many basic versions that will allow you to crop and scale your images for free.

Most digital cameras or scanners come with basic image editing tools and there are also many freeware' versions available online. Here's a list of some that we have found to be quick and easy to use:

If you are thinking of buying software, Adobe Photoshop Elements is a good quality program that is reasonably priced. See your software seller for more details.

Does the Site Builder overwrite images in the Image Manager when uploading?

The Site Builder does not overwrite images with the same name. If you attempt to do this, you will be issued with a warning asking you to re-name your file so that you can upload the image. If you delete the original image from the Site Builder you are able to upload another image with the same name.

Preparing images for a website

You may have images already on your computer that you would like to put on your website. If you have hard copies of images, you will need to scan them to turn them into a digital file. Follow the tips below to do this.

Scanning tips

Everyone's scanner has different properties, so you will need to learn how to use your scanner. As to what size, resolution and file type to create, the best options for website content are listed below:

  • Scan your image in at about 150 dpi (dots per inch), as this will allow you to edit the image later without any loss of quality.
  • Make sure you are scanning in at 24 bit colour.
  • Save your picture as a high quality jpeg to give you a good quality image to work with.
  • Make sure your scanner is clean and the picture you are scanning is of good quality. There can be problems scanning from computer printed images, as the quality tends to be poor.

Resizing and editing images

It is essential that you resize your image to the size it needs to appear on a web page before you upload it to your website.This will ensure that your web page will download as quickly as possible for your visitor.

Most scanning or camera software packages contain simple image editing functions.

  1. Go to the Image menu or the Edit menu. Choose a command similar to resize or resample. You might also like to crop your image to decrease its size (this means that you will delete part of the image).
  2. Adjust the number of pixels or inches to adjust the size of your image. Make sure that the image dimensions areconstrained. This means that both the height and the width will be altered so that your image remains in proportion. Ensure that you are viewing your picture at 100% to get a true representation of how large your image is and how it will appear on your site.
  3. Save the image for a website.

Saving images for a website

Save your images to the following specifications before uploading your image to your website:

  1. Resolution: 72 dpi (dots per inch)
  2. Dimensions: The recommended maximum width for the web is 600 pixels, so that all visitors can see the image without needing to scroll across the page.
  3. File Type: Ensure that you save your image as a .jpg or .gif before you upload it to your website. This will ensure that all visitors can view your image.

Uploading and inserting images into a web page

Images are great ways to illustrate your services or the information that you are providing online.

After preparing and saving your images for your website, you will need to upload them and insert them onto a page using the content editor.

Insert an image

  1. Go to Pages > Add/Edit Pages.
  2. Click on the page that you would like to insert an image into.
  3. In the content editor, place your cursor where you would like to insert the image.
  4. Click the Insert/Edit Image button in the tool bar.
  5. If your image has not yet been uploaded to your website via the Image Manager, click the Browse button to locate the image on your computer. Select the image and then click on the green arrow to upload the image to the website. The image name will now appear in the Image Manager list.
  6. Select the desired image from the Image Manager list; this will produce a full-sized preview of the image in the window on the right.
  7. Specify how you wish the image to appear on the page. You can specify:
  8. Click OK. The image will now appear onscreen.
  9. Save the page and publish the website.

Design and Layout

Can I use different templates for different web pages?

Sometimes custom built websites will require you to use different templates for different pages. You can easily choose the template for each web page when you edit a page.

  1. Go to Pages > Add/Edit Pages.
  2. Click on the page that requires a particular template.
  3. Choose a template style from the first template style box on the right side of the page (above the content editor).
  4. Choose a template colour or model from the second template style box on the right side of the page.
  5. Save the page and publish the website.

My business has a new logo, how can I change my website banner?

If you have a custom designed site, your website designer will need to make this change. If your site uses one of the standard templates, you can do this yourself.

Setting or changing the site template

Note: This article does not apply to custom designed websites.

You can set or change the default template of your site as your business grows or changes.

  1. Go to Preferences > Design and Layout.
  2. Select a template name from the list.
  3. From the list below, choose a colour scheme. Each time you choose a template or colour scheme, a thumbnail of that template will appear in the preview pane.
  4. Click the Save Preferences button to set the template.
  5. Publish the site to send the change live to the Internet.

Uploading a logo to the site template

Note: This article does not apply to custom designed websites.

Non custom-built websites contain a logo that is separate from the rest of the template design. You can upload a logo to your template as you start to build your site. You can also update the logo that currently appears on the site.

The logo file must be a .jpg, .gif or .png to be accepted by the Site Builder. This is to ensure that all browsers can display your logo.

  1. Go to Preferences > Design and Layout.
  2. Click on the Browse button at the bottom of the screen.
  3. This will open Windows Explorer on your computer (or similar).
  4. Locate the image file of your logo on your computer and double-click on it.
  5. Click the Save Preferences button to upload the logo.
  6. Publish the site to send the change live to the Internet.

Deleting a logo from the site template

Note: This article does not apply to custom designed websites.

Non custom-built websites contain a logo that is separate from the rest of the template design. You can delete the logo from the template at any time.

  1. Go to Preferences > Design and Layout.
  2. Scroll down to the Company Logo. Place a tick in the box marked Delete.
  3. Click the Save Preferences button to delete the current logo.
  4. Publish the site to send your template live to the Internet without a logo. You can add another logo at any time.

Modifying the category layout (eCommerce packages only)

Note: This article does not apply to custom designed websites.

E-commerce template websites allow you to customise the structure of your shop. You can choose how many products will appear on each line and what information will be displayed with them. The Site Builder will show you a basic preview of your selection in the window on the left side.

  1. Go to Preferences > Design and Layout.
  2. Edit number of products per row: Choose the amount of products you would like to appear across the screen. Websites that contain a lot of products benefit from setting a higher number in this field (such as 4) as it allows the visitor to view more products simultaneously. When you make changes to this, remember to adjust the thumbnail size of the image at the inventory preferences to ensure that the overall template displays correctly.
  3. Edit the show' details: Select a description of the product information you would like to appear on the category pages. Including buy now' buttons on category pages can make online purchasing quicker for visitors. If, however, you think that a visitor needs to see more information about your products before they purchase them (such as specifications or conditions of use etc) it can be helpful to omit this button from the category pages.
  4. Click the Save Preferences button

Publshing the website

Previewing your website

You can preview the changes you have made to your website before you send them live. This gives you an opportunity to make any edits before your changes are visible to visitors.

  1. Go to Publish.
  2. Click the Preview Website. The Site Builder will give you a preview of the website files. Check through all of the pages that you have made changes to. Make any edits that are necessary.

Publishing your website

You need to publish your website to send all of your saved changes live to the Internet.

  1. Go to Publish.
  2. Click the Publish Website button. The Site Builder will prepare' all of the pages and then publish' all of the pages. Once that is complete, the website will pop up in a new window for you to view.
  3. View the front of your website.

Force refreshing your browser

Each time you surf the Internet, your computer stores copies of website files you have visited on your hard drive. It does this to help you browse the Internet faster.

This means that after your website has been published your Internet browser will most likely show you the files that it has previously saved and not the most recent published version. This is called browser caching.

To overcome this, you need to force refresh your browser. This forces your browser to collect the updated files for a webpage.

For PC Users:

  1. Open your Internet Browser (such as Firefox or Internet Explorer).
  2. Browse to a page on your website that you have edited.
  3. Hold down the CTRL key and press F5 on your keyboard.

For Mac users:

  1. Open your Internet Browser (such as Firefox or Internet Explorer).
  2. Browse to a page on your website that you have edited.
  3. Hold down the Command key and click the Reload button (Mozilla Firefox).

Why can't I see the changes I have made to my web pages

It is quite common for Site Builder users to publish their website and then not see their changes in the published version. Here are three suggestions to troubleshoot this issue:

  • Have you published the website?

The last step in editing your site is to publish the site. This process sends all of your changes live to your domain name.

Solution: To publish the site, go to Publish > Publish Website.

  • Is your browser caching?

Each time you surf the Internet your computer stores copies of website files from web pages you have visited on your hard drive. It does this to help you browse the Internet faster.

This means that after your site has been published, viewing it through your Internet browser will most likely show you the old files that were previously saved and not the most recent published version. This is called browser caching.

Solution: You need to force refresh the browser cache so that it shows you the new (edited) website files. To do this, browse to a page that you have edited, hold down the CTRL key + F5 (PC) or for Mac users, hold down the Command key while clicking the Reload button (Mozilla Firefox).

  • Is your pop-up blocker on?

When you publish your site a new browser window displaying your site must open to complete the publish process. If a new window displaying your website does not appear at the end of the publish process, this may indicate that you have a pop-up blocker enabled and will explain why you cannot see any changes to your site.

Solution: Disable the pop-up blocker and try publishing again

How do I find the published version of an unattached page?

Remember the menu label that you entered for your unattached page That becomes part of the address of the web page. So to find an unattached page on the Internet you need to type the following address into the browser:

Domain name/page/menu_label.html

Here's an example. There is an unattached page for content relating to a privacy policy on a website. The menu label of the page is Privacy Policy.

To check the published version of the page the following address of the page needs to be typed into an Internet browser:

This is the standard address of an unattached page for all websites. The address is telling a browser to go to your domain name, find the folder that contains all of your web pages (that folder is called "page") and then find the specific web page document called privacy policy (underscores are used to replace spaces). You must use the file extension .html at the end of the URL or the browser won't be able to find the web page document.

What do I do if I published my site accidentally?

If you accidentally publish your website remember that most visitors will view a cached version of your site for up to twenty-four hours. You can re-edit a page and re-publish the site at any time.

If your accidental publish is an emergency because the changes that were made are too numerable to fix quickly and/or a lot of content that was previously on the page has now been deleted, it is essential that you do not publish the site again until you have spoken to a member of the support team.

In some instances it is possible to retrieve an earlier published version of the site. Call the support team to enquire.

I just made changes to the eCommerce section of my site. Do I need to publish the whole website?

Ecommerce websites often respond to market activity and as such, require quick changes that are effective immediately. For this reason, changes made to any part of My Shop or eCommerce preferences are sent live immediately. You do not need to publish your site after editing product or category information.

Edits made to the design and layout preferences, general settings, content pages or modules need to be published.

Can I have more than one domain name

Yes, you can have multiple domain names pointing to the same website. After you have purchased a new domain name, contact the support team to find out how to point it to your website.

Search Engine Optimisation

Why doesn't my site appear in Google or other search engines yet?

Google sends crawlers out to scout the Internet for new websites every few months so it is likely that your website may not be listed by Google or other search engines until 2-3 months after your website is live.

You can help to speed up the process by:

  1. Manually submitting your website to Google (see the Google website for more information).
  2. Proactively seeking referrers to link from their website to yours. You can offer links back to their website from your website, this is called creating reciprocal links.
  3. Start an advertising campaign with Google such as AdWords (see the Google website for more information).

How can I add Google Analytics code to my website?

Google provides a service called Google Analytics. It enables you to create an account for your website so that you can track statistics pertaining to visitors movements from the Internet to and around your website. It can be very helpful for website marketing.

  1. Copy the Google Analytics code from your Google Analytics account.
  2. Go to Statistics > Custom Statistics Codes.
  3. Paste the code into a Tracking code box.
  4. Select which parts of your website you would like the code to be added to:
    • The entire website including the shop and checkout: The code will be added to every single page that is generated by the SiteBuilder. Your Google Analytics account will contain tracking information for all pages.
    • Just the shop: The code will only be added to category and product pages. This enables you to use a separate code to track visitors activity as they explore your products and categories.
    • Just the checkout: The code will only be added to pages that the visitor sees as they proceed to make a purchase. You can add separate code to these pages to track specific conversions' of clicks into sales.
  5. Click Save Preferences. Publish your website to update all pages with the Google Analytics code.

Was this article helpful?


Please tell us how we can make this article more useful.

Characters Remaining: 255