Links are frequently used on websites to link between content. In Episerver CMS, the following link types are available by default.
- Page. Links from one page to another on the same website.
- Media. Links to images, documents and other media files stored on the web server.
- email. Links to create an email message with the linked email address entered.
- External. Links to content on other websites or media on file shares.
- Anchor. Links to sections within a page, allowing readers to jump between topics on a page.
In addition, you can use shortcuts, a specific type of link used for navigation and reusing existing website information. Refer to All Properties editing view for more information.
Links in the rich-text editor can be created through drag-and-drop (pages and media files), or by selecting text and clicking the insert/edit link button in the toolbar, which will display the link dialog.
- The Link title will be displayed as descriptive text for the link, for example, on mouse over.
- Using Open in, you can make the link display in a new window, often used for links to external sources.
- With the Language option you can link to a specific language version for content. "Automatic" will direct visitors to the detected browsing language version.
- Place the cursor in the rich-text editor where you want the link, and drag the desired page from the page tree into the location. The page name will become the link name (can be edited if needed).
- Or, select the text where you want the link in the rich-text editor, click the insert/edit link button, and use the Page option to select a page to link to.
Select the text where you want the link in the rich-text editor, click the insert/edit link button, and use the External link option to enter the web address (URL) to the website to link to, for example, http://externaldomain.com.
- Place the cursor in the rich-text editor where you want the link, and drag the desired file (PDF, Word etc.) from a Media folder into the location. The file name will become the link name (can be edited if needed).
- Or, select the text where you want the link in the rich-text editor, click the insert/edit link button and use the Media option to select a media file to link to.
You can create links to any type of document format, but the behavior when a link is clicked will depend on the file format and the settings of the computer from which the link is opened.
Select the text where you want the link in the rich-text editor, click the insert/edit link button and use the External link option to add the path or URL to the file to link to. For a file server, enter the complete path including the computer name, and the file name with file extension. Note that the file storage network location must be properly accessible for this to work. Valid external prefixes are "http", "https", "ftp" and "file".
Select the text where you want the link in the rich-text editor, click the insert/edit link button and use the email option to enter the email address to link to. When the link is clicked, the default email client will open with the email address entered in the address field of the email.
Select the image in the rich-text editor, click the insert/edit link button and add a link using any of the Page, Media, External link or Email options.
When adding anchors, you first create the anchor and then you add the link to it from the link dialog.
- Select the text in the rich-text editor where you want to place the anchor.
- Click Insert/edit anchor button and enter a name for the anchor. Avoid using special characters or spaces.
- Select the text in the rich-text editor where you want to link to the anchor.
- Click the insert/edit link button and use the Anchor option to select the anchor to link to.
These are examples of common implementations of link functionality on websites, with functionality similar to what is described for the link dialog above.
When adding images to content areas intended for images or blocks etc., instead of adding the image in the rich-text editor, an image link property is often used. This allows editors to select an image from a folder in Media, automatically placing it properly in the content area. Refer to Adding and editing images for more information.
A link collection is a property where you can conveniently manage a group of links.
Links are created by dropping pages or media files in the link collection area, or by creating links through the link dialog. Links can be created for pages, media files, external sources and email addresses. Links can be moved to change the order in which they will be displayed.
In addition to the usual link dialog options, you can also edit the displayed name of the link.
Linking to catalog entries
If you have Episerver Commerce installed, the link dialog will contain an option to select items from the product catalog when creating links. Refer to Manage content in the Commerce