Hyperlinking Text

Hyperlinking text to documents, external websites, pages within your sites, and to e-mail addresses is simple in Tridion.

The following instructions will provide information on how to use Tridion to link text on your page to documents, other pages within your site, and e-mail addresses.

Table of Contents

 

Getting Started

These instructions assume you have created components to add hyperlink text to.

For information on creating components, visit these instructions:

Components

 

For more specific information on the different types of components you can create in Tridion, visit these instructions:

Tridion Schemas and Templates

 

For any of the types of Hyperlinks, you have to navigate to the component:

  1. Go to your Root folder and locate the page that has the component you need to edit.

  2. Open the component.

  3. Locate the text and/or create text that will be used as the "link" to the website.

  4. Highlight this text and click the Hyperlink button in the Format tab (highlighted in yellow below):


Click the Hyperlink button (yellow) in the Format tab once you have highlighted the text to beging hyperlinking.


 

Once you have done this, you can use any of the types of Hyperlinks discussed in the instructions below.

 

Documents

For information on hyperlinking text to a Document, please see these instructions, located in the Uploading and Adding Multimedia section:

Adding Documents to a Page

 

External Websites

Once you’ve navigated to your component, highlighted the text you want to serve as the link, and clicked the Hyperlink button (see instructions above), you will see the pop up below:



 

  1. In the Type field, select the http:// option (highlighted in yellow above).

  2. In the URL field, insert the address of the external website.

    • Do not remove the "http://" that has already been included.

  3. If desired, enter Title text for the link.

    • This is the text that appears in a small box when a visitor to your site mouses over the link.

  4. The Target field should remain Default.

  5. Click OK.

  6. Save & Close your component, then publish your page.

Make sure to test your page once publish to ensure that the text is hyperlinking to your chosen website.

 

Pages Within Your Own Site

As a rule, you should avoid hyperlinking to pages within your own site through using a website address. Instead, you will link to a component.

Once you’ve navigated to the component in which you want to include the link, highlighted the text you want to serve as the link, and clicked the Hyperlink button (see instructions above), you will see the pop up below:



 

  1. In the Type field, select Component (highlighted in yellow above).

  2. Click on the yellow folder with the magnifying glass (highlighted in blue above).

    • Tridion will take you to your Building Blocks folder.

  3. Select a component from the page to which you want to direct visitors.

    • Typically, you want to pick a content component.

  4. After choosing a component, the name of the component will automatically appear in the Title field.

    • You can leave this text as is, delete it, or enter your own title text for the link.

  5. The Target field should remain Default.

  6. Click OK.

  7. Save & Close your component, then publish your page.

Make sure to test your page once publish to ensure that the text is hyperlinking to your chosen page within your site.

 

Email Addresses

Once you’ve navigated to the component in which you want to include the link, highlighted the text you want to serve as the link, and clicked the Hyperlink button (see instructions above), you will see the pop up below:



 

  1. In the Type field, select mailto: (highlighted in yellow above).

  2. In the URL field after the "mailto:", enter the e-mail address.

  3. If desired, enter Title text for the email address.

    • This is the text that appears in a small box when a visitor to your site mouses over the link.

  4. The Target field should remain Default.

  5. Click OK

  6. Repeat for each e-mail address you want to hyperlink.

  7. Save & Close your component, then publish your page.

Make sure to test your page once publish to ensure that the text is hyperlinking to the chosen e-mail address(es).

 

Instructional Video