Clicking links is the main interaction visitors have with websites. Be sure to follow linking best practices and make sure your links have good context and appearance.
Use the Link Button 
to create hyperlinks. A link can go to:
- another page within the site
- an external website
- an email address
- telephone numbers can initiate a phone call on a smart phone
- an “anchor” (flagged area in the same page)
- a PDF uploaded to the site
- Content Administrators can add and update menu items
On this page:
Basic Steps
In the below image, imagine you want the words “ancient Raven” to be a link. First, select the words which will become the link. Remember, all links must have context. Second, click the Link Button.
This will bring up the Link Button Dialogue Box.
Available Things To Link To
The link fields and button in the Rich Text Editor will auto-fill as you type so you can easily find internal content, or you may enter links to external content.
Internal Path or PDF
If linking to a page or file on your website, start typing the page title or file name you wish to link to. Drupal will search the page titles of existing pages on the site and files in the Media Library for ones that match. It will also show content that is not published in the drop-down of possible matches. Take care not to link a published page to unpublished page. Select the correct page and Drupal will build the link for you.
(Before linking to a PDF please make sure it is optimized for the Web and you have followed all of the accessibility requirements.)
URL
If you need to link to a page outside of the current website, type the full link including the Protocol in the Link URL box. The protocol refers to the beginning of a URL, typically https://.
Type the email address in the Link URL box and select the email link below the box. This will insert the “mailto:” code so when a visitor clicks on the link, it will open your mail client to send an e-mail.
Link to anchor in the text
The Link to anchor option allows you to link to to specific spots within a page and can be useful on long pages with multiple sections. Full instructions for doing this can be found in Linking to Another Spot on the Page.
Telephone Number
You can edit the source code or enter the code “tel:” before the number:
Learn more
Links are essential to website navigation. It may seem simple but the better foundational understanding you have of all the options the more dynamic your websites will be. We have more information about linking on our General Instruction site.
