HomeEditingEditing contentLinks › Internal links (to other pages of your website)

Internal links (to other pages of your website)

An internal link is simply a link to another page in your website within page content.

By clicking on a specific word of sentence (or image) within a Word Processor content block, people will be taken to a different page of your website.

1. Highlight the text and click the 'Insert/Edit Link' icon

With your Word Processor content block selected, select the text that you want to make into a link and click the 'Insert/Edit Link' icon, located in the Word Processor's toolbar. 



2. Choose the page to link to

The Link pop up window appears on top of the work space. Click the 'Browse Server' button. It allows you to specify which element of your website you will be linking that text to.


In the Asset Browser pop up window that opens, select 'Page' from the 'Asset Type' pull-down list and all the pages in your website appear in the Select Page selection list. Choose the one you would like to link to. Click the 'Submit' button below the list.


The Asset Browser closes, revealing the Link popup window again. Notice that YWD has filled in the URL (the location) of the page within your website that the text will be linked to. Click the 'OK' button.

 

Optionally, you may enter a 'Title' attribute for the link, which can be beneficial for SEO (Search Engine Optimization) purposes. Typically, it should contain keyword(s) that relate to the page where you'll be linking to. It's also used by the browsers as a tooltip when people mouse over the link.


3. Don't forget to Save your changes to the content block!

The highlighted text is now underlined in the Word Processor, indicating it is linked. Unless you are making other changes to that content block, you may now click the 'Save' button to save your changes and close this content block for editing.

 

Previewing the page


IMPORTANT: when you're editing content in the Word Processor, it will not look exactly like it does in the actual page. That's because many design settings cannot be applied to text when you're editing it in the Word Processor. To see the real page with all its design settings applied to it, preview it.


When you preview the page, the link we've just added – indicated by the big arrow in the illustration below – follows the design style defined for links in your Website (see the Designing section). In this example the designer chose not to have links underlined; instead just bold and in burgundy are being used in order to make links stand out from regular text.

Tip: You can also link directly to something partway down the page. To do that create an anchor on the destination page and simply add #anchorname (the anchor name preceded by the pound sign) to the end of the link in the link box.

Top of page