How Do I Create a Link?

Purpose

LinkIt is a tool in the WYSIWYG bar that simplifies creating internal links within your website content. It provides an autofill box that pulls up a list of the targeted internal page and this helps avoid broken links, absolute or incorrect URLs.

When to Use

Use LinkIt whenever you need to link to another page on your website within your content that doesn't require any special attention to be drawn to it. 

Elements of Internal Links:

  • Link Text: (Limited to 50 characters) This is the clickable text that appears in your content. It should be descriptive and tell users what content they will access when they click the link. Avoid generic terms like "Click Here" or "Read More".

As you create promos, automatic lists, and work with page content, you will most likely need to link to another page on your website.

This linking function is handled using the "LinkIt" tool, which is an autofill mechanism.

Internal links, such as basic pages and landing pages created on the site, as well as media uploaded to the site, can be added using the "LinkIt" tool, where you simply type in the link you'd like to add.

 

Linking inside a Basic Page

For Internal Links:

  • Internal Pages: First make sure the page you are linking to is created and then when you click on the little paper clip button you can then simply enter the title of the page you'd like to link to and it will "pop up" for you to select.
example of linkit tool for internal page linking
  • Internal Documents: First make sure you have the document uploaded within your media library.
  • When it's uploaded in your library you are now able to simply enter the title of the document title and it will "pop up" for you to select.
example using the linkit tool for media file linking

Learn how to upload to your media library

Note: To avoid absolute linking as well as broken links it is important that you use the built in linkit tool when linking to pages and media files uploaded within the media library.

For External Links:

  • For an external link, for example to "directory.iowa.gov", simply select the text you want to link
how to add hyperlink
  •  use the chain link icon (which is also referred as our linkit tool) 
how to link to google documents
  • and paste the link to that you want your audience to be directed too. This can be an external link to a google doc, external website, etc.
example of adding hyperlink
  • Lastly to apply your link select the green check mark and your hyper link is now created!
example of an external hyperlink

Your link will now automatically have an indicator icon that displays as an internal or external link.

Phone Number Links

You can add the number of your location turn it into a link that mobile users can select and initiate a call. A simple method to do this is to select edit within the relevant page and then highlight the number and use the linkit tool and add the text "tel:" and then your locations number.

Example of linking a phone number:

example of how to link a phone number

Linking inside a Landing Page Hero

As currently created, a link inside the Landing Page Hero fields, will allow an internal or an external link as above.

If you're wanting to force a document download, use the "media id" of the actual media item.

Find a specific Media Library ID

In a hero of a landing page, you may add a direct link to the PDF by using /media/##/download where # is the number of that specific media library document.

Use /media/##/download to force a download