Authoring Content

Linking to Files or External Websites

Links, otherwise known as hyperlinks, are the foundation of the Web. Without them, connections could not be made from page to page or site to site. These connections turn stand-alone pages into the Web we all use. There are three basic types of links that you can provide to your site visitors. 

  • Links to other pages in your website
  • Links to files – images, documents, etc.
  • Links to other websites

There are two basic ways to add links to your site. 

Rich Text Editors (RTE)

Rich text editors allow for the formatting of text and one of the options in an RTE is the ability to add a link to a piece of text. The next two images show how to use that option in the Generic Text Component.

  • 1. Selecting Text
  • 2. Assigning a link

The "Link to" field is what's called a pathfinder field. There are two ways to use it. 

Link to a Page or Resource in Adobe® Experience Manager (AEM)

Clicking on the magnifying glass will open up a directory structure that allows you to select another page in or select a file from the digital asset management (DAM) to link to.

Link to another website

Supplying a properly formatted URL will work as well.

Tip: In AEM, you must supply an entire URL, including either HTTP:// or HTTPS://

Navigation Components

We can also use the navigation components to link to files or other websites. Every microsite already has a Vertical Navigation component installed in the left column. This component is told to point to a specific page in AEM and then make a list of all pages underneath that one. This is how the left navigation is built. While you do not have access to the Vertical Navigation component itself, you do have access to what it looks for – pages. 

Page properties allow us to tell a page to behave differently than it normally does, which is to show its content. We can "redirect" a page to either a file in the DAM or another URL (website). Then we can tell that page to open in a new window, since we like to display external links or links to files in new windows. Here is how.

Access the Page Properties option in the Sidekick

As in the previous section, click the magnifying glass to select either a file in the DAM or an external website. 

To open the page in a new window, check the box next to "Open in a new window?" In this case, the page is redirected to another resource.