Creating internal, external and anchor links

An anchor link/element is used to create links between a source anchor and a destination anchor. The source can be a piece of text, image, or a button that links to another specific part of a web page, rather than simply linking to another page by itself, which would land at the top of a page.

Anchor links can be very useful for linking within the same page, and pushing a user to different relevant parts of the page.

There are two ways to use anchor links:

  1. Pushing to a section of the same page
  2. Pushing to a section on a different page

Internal linking

If you are looking to link to an internal page within the site, there are 2 different types of methods:

  1. Linking within your content
  2. Linking from an element

Linking within your content

  1. On your content tool bar click the link icon
  2. Click on the drop down next to the 'Internal page' label
  3. Select the site page you wish to link to
  4. Click ok
  5. Save your page

Linking within your content

Linking from an element

For elements that have buttons within them:

  1. Look for the button/url fields
  2. The first option will be for an internal page to select from.
  3. Choose your page, then apply
  4. Save your page

Linking from an element

Step 1 - Creating your anchor

In this first step you are going to create your anchor point(s).

On the content editing toolbar, click the anchor icon.

Creating your anchor

Enter a unique ID into the Anchor ID field.

  1. It can be letters or numbers
  2. it must be unique for that page
  3. it must not contain any spaces
  4. it is case-sensitive

Anchor ID field.

Repeat this for as many anchors on that page you require.

Anchor link walkthrough video

This help video takes you through how to create anchor links on your Limecube website. Or you can scroll down for the step-by-step guide.

Step 2 - Linking to the anchor

In this second step, you are going to learn how to add an anchor within the same page, and on another page on your website. The methods will vary slightly depending on whether you link to the anchor from a plugin or content block.

2.a Same page anchor link

In the example in Step 1, we entered the word 'ceramics' into the Anchor ID field.

Using the content block editing bar:

Click the link icon on the content editing toolbar.

link icon on the content editing toolbar

link icon on the content editing toolbar url field

Using a plugin to insert the anchor link:

If the plugin you are using contains a link field, scroll to the link field as per the screenshot below, and in the 'External URL or in-page anchor point'

Using a plugin to insert the anchor link

Click 'Ok or Apply' and save your page, then test that the anchor link is working by opening this page on the front of your website and clicking the link.

2.b Anchor link to a different page

This example shows you how to insert an anchor link that takes you to another page on your website. While it is almost exactly the same as the process above, the difference is in adding the page url in front. In this instance we are pointing from the home page to the about us page, and down to the section on ceramics.

Content block editing bar:

Content block editing bar:

Plugin url/link field:

Plugin url/link field

Broken down this looks like:

  1. /about which is the page url
  2. #ceramics which is the Ceramics section lower down on the page.
The difference between Step 2.a and 2b is simply that the page URL needs to be added in front of #ceramics.
If the anchor link is not working, check to make sure that the url/link contains a #, and the ID contains no spaces.

External Links

External links can be inserted via the content block and other plugins that allow link insertion.

Using the content block editing bar:

Click the link icon on the content editing toolbar:

the link icon on the content editing toolbar

  1. In the URL field, insert the entire URL including the https and everything that comes after.
  2. Make sure 'Target' is set to 'New window'
  3. Click ok

This will now insert a link to an external website.

insert a link to an external website

Removing a link

If you want to remove a link, click on the link in your content. You will see this toolbar:

Removing hyperlink

Click the 'break link' icon as shown in the image above, and this will remove the link.

Can't find the answer you are looking for?

Try using searching below: