Quicklinks

How To Add Quicklinks

1. Navigate to your desired page and select edit.
2. Scroll down and click the ‘Add Content Row’ button. Select the option ‘Add Row Component’.
   1. Sometimes this option is already visible, other times it may be a separate button; this will depend on your website.
3. In the ‘Row Type’ drop down menu, select ‘Quicklinks.’
4. The quicklink section will open up with three distinct fields.
   1. Icon
   2. URL
   3. Link Text
5. For the URL either paste in an outside link or begin typing a page title to search for it within your website.
6. Once the link has been added, add in your link text.
   1. The link text is what users will click on to access the URL. For good web accessibility, make sure the link text is informative, such as ‘view the 2026 report,’ as opposed to vague such as ‘click here.’ 7. For the icon selection you will need to head over to the FontAwesome website.
   2. The FontAwesome link is displayed as help text next to or below the icon field for your convenience.
7. Use the search bar to browse for an appropriate icon. Once you have made your selection, place your cursor over the HTML code snippet and left click to automatically copy it to your clipboard.
   1. Ex. <i class="fa-solid fa-address-card"></i>
8. Head back to your website and paste the code snippet into the ‘Icon’ field. Once pasted, remove any code outside of the quotation marks, leaving only the class name and icon type.
   1. Ex. fa-solid fa-address-card
9. You have created a quicklink! To view your work, either ‘Publish’ the page or ‘Save as Draft.’
   1. To add more quicklinks to the same quicklinks section, simply head back to the previous row component and select the ‘Add Quicklink’ button below your original quicklink.
   2. To add quicklinks to a new quicklinks section, follow the above steps again using a new content row.

Head to the Icons page for more information on FontAwesome and icon types.