Insert Hyperlink

You can create accessible hyperlinks to internal pages on your website, external links to other websites, and links to PDFs, images or other documents. All of this can be done in the i:Create Content Management System (i:Create) using the Edit Toolbar.

Internal hyperlink

Internal hyperlinks take the visitor to another page on your website. You can set up an internal hyperlink in two different ways.

  1. Highlight the text you want to hyperlink
  2. Click the “Insert/Edit Link” button in the “Edit Toolbar”
  3. Enter the name of the page in the “Link URL” field (as you type, i:Create will try to find the page you are looking for)
  4. Select the applicable page name from the “Link URL” dropdown menu
  5. Click the “Update” button to create the hyperlink

  1. Highlight the text you want to hyperlink
  2. Click the “Insert/Edit Link” button in the “Edit Toolbar”
  3. Select the “Browse” button next to the “Link URL” field
  4. Use File Manager to locate the page you want to link to
  5. Double click to select the appropriate page and this will take you back to the “Insert/Edit Link” pop-up box
  6. Click the “Update” button to create the hyperlink

Additional linking options

When creating an internal hyperlink, the “Target” dropdown menu field should default to “Open in this Window/Frame.” Similarly, the “Title” field will default to say, "View our (title of page you are linking to) page." You only need to set the “Class” field if you'd like your hyperlink to appear as a button.

External hyperlink

External hyperlinks take the visitor to another website.

To set up an external hyperlink:

  1. Highlight the text you want to hyperlink
  2. Click the “Insert/Edit Link” button in the “Edit Toolbar”
  3. Navigate to the website page you want to link to
  4. Copy the website address (URL) from that page
  5. Paste the URL into the “Link URL” field
  6. Click the “Update” button to create the hyperlink

Additional linking options

When creating an external hyperlink, the “Target” field should default to “Open in New Window (_blank).” Similarly, the “Title” field will default to say "Open new window to view (hyperlink text)." You only need to set the “Class” field if you'd like your hyperlink to appear as a button.

Hyperlink to a resource

This type of hyperlink will allow you to link to a resource such as a PDF or Word document located in your website's File Manager. You can add the resource to File Manager before creating the hyperlink.

  1. Highlight the text you want to hyperlink
  2. Click the “Insert/Edit Link” button in the “Edit Toolbar”
  3. Use File Manager to locate the resource folder that contains the appropriate resource (it should be in the resource folder found under the vertical menu you are working in)
  4. Once in the appropriate “resource” folder, you can add a resource
  5. Then, double click the resource you want to link to
  6. Select the “Insert” button to create the hyperlink

Additional linking options

When hyperlinking to a resource, the “Target” field should default to “Open in New Window (_blank).” Similarly, the “Title” field will default to say "Open new window to view (hyperlink text)." You only need to set the “Class” field if you'd like your hyperlink to appear as a button.

Linking to the Contact Manager

You can hyperlink email addresses from the Contact Manager directly onto a content page.

To create an email link:

  1. Highlight the text or image you want to hyperlink to an email address
  2. Click the “Select email to insert/update” button from the Edit Toolbar
  3. Choose the contact you want to link to by clicking the “>>” button to the left of the contact name

If the contact you want to hyperlink to is not in the list, you'll need to add the email address and contact in Contact Manager.

Email security

Never use an email address as the text you want to link because second parties are able to steal the address. Instead, you can email link text such as:

  • Contact us by email
  • Send us an email

The i:Create email hyperlink prevents the theft of your email address by hiding it behind a wall of code.

Create a telephone link

You can hyperlink a telephone address to make it easier for visitors using a cellphone to call your organization directly from your website.

To set up a telephone hyperlink:

  1. Highlight the phone number you want to link
  2. Enter the telephone number code into the “Link URL” field using the appropriate numbers to replace “5” below:
    • tel:555-555-5555 (for telephone numbers without an extension)
    • tel:555-555-5555,555 (for telephone numbers with an extension)
  3. Click the “Insert” button to add the hyperlink

Please note the exact spacing above.

Test your links

Always test your hyperlinks. Links that don't work are a leading cause of lost traffic on the web. You can check your links regularly to make sure they are functioning properly by using the i:Create Content Management System Link Checker.

Hyperlinking best practices

When creating hyperlinks, we recommend that you:

  • Remove any blank spaces before and after the hyperlink
  • Avoid including punctuation in hyperlinks