Skip to main content

What are the different types of links and how should I use them?

When you add a link to your site it can either link to another SiteBuilder page, link to an external web site, be a link to a specific section on a particular page, or be an email link that launches the default mail client and inserts the email address.

Linking to another SiteBuilder page

If you are linking to a page within your own web site or to another SiteBuilder site, then you should use a relative path. This is easily done using the Links picker available within the content editor.

Browse to the page where you want to add the link.

Click the Edit link and then click on Edit centre or right content.

In the content editor, select (highlight) the text that you wish to use as the link and click on the Links picker icon Links picker icon.

A new window will open showing all the pages and files on your web site.

Links picker screen

Browse through the list and click on a page or file that you would like to link to. You will see the relative path for the link appear in the Link URL box. If you wish you can modify the Link caption or type in a Link tooltip. If you want the page to open in a new window then tick the Open this link in a new window check box. Normally it is not a good idea to force the user to open a new browser window, so use this option with caution. Click on Insert and it will become the target for your link text. The links picker window closes automatically at this point but you can leave it at any time by clicking cancel.

Click Publish Publish button and Done Done button

You should now have a working link on your page. Try clicking it to make sure!

Note: Further information on the Links picker.

Linking to an external web site

An absolute path should be used when you are linking to an external site. If you wanted to link to the Higher Education Funding Council's web site for example, you would use the following path:

http://www.hefce.ac.uk

Browse to the page where you want to add the link.

Click the Edit link and then click on Edit centre or right content.

Highlight the link text that you have typed in the Content editor for your link and then click on the 'Link options...' drop-down and select 'Edit link'.

The following dialogue box will appear:

Insert hyperlink screen

Type or copy in the web address of the page that you want to link to into the 'Link URL' text box. You don't have to modify any of the other fields.

Click Insert and then click Publish Publish button and Done Done button

You should now have a working link on your page. Try clicking it to make sure!

Linking to specific sections of a web page: Bookmarks

Links that allow users to jump to specific points within a page are called bookmarks (there are some at the top of this page!).

Browse to the page where you want to add the links.

Click the Edit link and then click Edit centre or right content.

To create a bookmark, place the cursor at the appropriate place on the web page (the point where you want the link to jump to), click on the 'Link options...' drop down, select 'Add an anchor', and type in an appropriate name, such as 'firstsection' and click Insert. Anchor names must begin with a letter ([A-Za-z]) and cannot contain special characters such as spaces.

Then, at the top of your page, type in the link text that is going to allow the user to jump down the page. Highlight the text, click on the 'Link options...' drop-down and select 'Edit link'.

In the drop-down menu labelled 'Anchors' select the appropriate bookmark.

Click Insert and click Publish Publish button

Alternately you can type in # followed by the name of the bookmark in the 'Link URL' text box, for example:

#firstsection

This is especially useful if you want to link to a bookmark on a different page, but you will have to precede the bookmark with that page's link.

  • If you want to link to a bookmark on another SiteBuilder page then use its relative link.
  • If you want to link to a bookmark on a remote web site then use its absolute link and you will have to obtain the bookmark name from the site owner or the site's HTML.

You should now have a link to a bookmark on your page. Try clicking it to make sure it works!

Note: The name of the bookmark may contain letters, numbers and the underscore character. However, it should all be in lower case and start with a letter.

Adding email links to your page

Browse to the page where you want to add the email link.

Click the Edit link and then click Edit content.

In the content editor, place the cursor on the page where you want to add the link, click on the 'Link options...' drop-down, select 'Email link', and type in the email address into the text box provided in the pop-up window.

SiteBuilder will automatically pick this up and create a link with the email address, so that the text appears underlined and clickable to people viewing your page. Adding an email link using this method also ensures that it is obfuscated, meaning that it remains secure and free from detection from spam bots.

click Publish Publish button

and you should see that you now have a working email link on your page.

Note: It is good practice to give the actual email address as the link, so that users can copy and paste the email address if necessary.

Note: Blind and visually impaired users with speech reading technology often scan through a page listening to just the links, so don't include link text that makes no sense when read out of context. For example, don't use:

'For the W3C WAI guidelines click here'

Instead write:

'W3C WAI guidelines'

Support

SiteBuilder Support Forum
Email webteam@warwick.ac.uk
How to report a problem

Search FAQs