Quick links card

Set up a Quick links card for easy navigation to internal or external pages and applications

With the Quick links card, you can add a bunch of useful links to your homepage or group page for easy access to often used resources. You can expand on a page's content by adding a Quick links card with links to related materials. In the Quick links card you can link to intranet pages and files, external webpages (eg. often used applications) and email addresses. You can even customize the card with different language versions that link to content in different languages. (See Multilingual Quick links card.)

You can choose to display the links in a list or a grid, and include icons, emojis, or images with the links. The size and layout of the Quick links card will depend on the layout of the page and the size of the screen it is viewed on.

Add or set up Quick links card

1. In edit mode, click Set up cards under Content type & template on the right. The Update cards window will open.
   
   
    
2. Click Modify template, click the plus sign in the column you want to add the Quick links card in, and click on Quick links in the Cards menu on the right.
   • Note: If you don't see the Modify template option, and there is no Quick links card already present in the template, talk to your intranet administrator about making the Quick links card available for you to use.
3. Click Set up on the Quick links card to select your options.
   
   
    
4. (optional) If you have multiple Quick links cards on the same page and want to differentiate between them in edit mode, add a Card name description that only appears to editors viewing the update cards window.
   
   
   
   
5. If you want the Quick links card to have a different name, click in the Title field and add the name that you want to display at the top of the Quick links card.
   
   
   
   
6. Select the radio button for the Display style you want. To learn more, see the heading Quick links display styles.
7. Add links. To learn more, see the heading Add links.
8. If using the List display style, you have the option to add categories for the links. To learn more, see the heading Add categories.
9. Reorganize links and categories as desired. To learn more, see the heading Reorganize links and categories.
10. (optional) If you want the Quick links card to be security-aware, click the checkbox Restrict view permissions and select users and security groups who can view the card. To learn more, see Security-aware cards.
11. Click Done on the right of the Quick links window.
12. Click Done at the bottom of the Update cards window.
13. Click Save at the top right.

Quick links display styles

• List: A list of text links, with or without accompanying icons, emojis, or images. This is the only display style that allows organizing links into different categories.
• Tile with name: A grid of square links with text names and icons, emojis, or images.
• Tile: A grid of square links with icons, emojis, or images.

Add links

You can add links to content on your intranet, external webpages, and mailto links that open a user's default email program and create a new message to the specified email address.

1. While setting up a Quick links card, click + Add link.
2. In the Name field, type the name that you want to display for the link. (If using the Tile display style, the name will only display when editing up the card.)
3. Select the radio button for the type of link that you want to create:
   • • (Your intranet name): Link to a page or file on your intranet,
     • External location: Link to an external website page,
     • Email: Create a mail-to link to an email address.
       
       
        
4. Depending on the type of link you selected above, add the corresponding information in the box below the link type:
   • Start typing the name of the intranet page you want to link to and click on it in the dropdown menu that appears,
   • Type the URL of the website you want to link to,
   • Type the email address you want to link to.
5. If you linked to a file page on the intranet, and you would like the link to go directly to the file rather than the file page, select the checkbox Directly link to the file below the name of the file page.
6. If you want the link to open in a new browser tab, select the checkbox Open in a new window at the top.
7. (optional) Add an icon, emoji, or uploaded image to the link. To learn more, see the heading Add an icon, emoji, or image.
8. (optional) Add the link to a category. To learn more, see the heading Add a category when adding a link.
9. (optional) Add Help text to the link. To learn more, see the heading Add Help text.
10. Click Add link.
11. Repeat the above steps to add more links.

To edit links after you have created them, click the edit icon to the right of the link when editing the quick links card.

Add an icon, emoji, or image

Adding visuals to quick links helps people locate the correct link and adds to the visual appeal of quick links on your intranet.

If you use a Tile display style, links always include an icon, emoji, or uploaded image. Using the List display style, the checkbox option Add icons is selected by default. When selected, you see the option to add a Font Awesome icon, emoji, or uploaded image as an icon for the link.

The tile display styles have a default link icon that is used unless you select another icon, emoji, or image. If you are using the List display style and do not wish to have any icons, you can uncheck the Add icons checkbox to hide the icon selection options.

Link colors

Depending on the display style and icon type selected there are different color options available in the icons area.

• Icon color: Icons selected from the Icons tab will display using this color.
• Background color: The tile color behind the icon and text will display using this color.
• Text color: The color of the text when using the Tile with name display style.

The default icon color comes from the theme option for button color. If another icon color has been selected for an existing link, the default icon color will come from that selection. The default text color is the theme option for body font color.

To add an icon:

1. While adding a link to a Quick links card, select the tab for the type of icon you want to add to the link (Icons, Emoji, or Upload).
   • Icons: Type a search term in the Search field to narrow the list of icons, or browse through the icons. Click an icon to select it.
   • Emoji: Type in a search term to narrow the list of emoji, or browse through the emoji. Click an emoji to select it.
   • Upload: Browse to find and select the image file that you want to accompany the link, or drag and drop the image file onto the upload area. Recommended size: 218 x 218 pixels. Image format: gif, jpg, or png.
2. Depending on the display style and icon type selected there will be different color options (described above) available in the icons area. Click on the color circle for the desired option and enter a color code or select a color from the color picker.
   
   
   
   
3. The chosen icon, emoji, or uploaded image using selected colors will show in the Preview area.
4. Click Add/Update link.

Add Help text

If desired, you can add help text to give further context about the quick link. When you enter help text, the help text will appear if a user hovers over the link. When adding a link, type something in the Help text field that provides more information about the link for your users.

Add categories

You may want to add link categories if you have many links and want to organize them to make it easier to navigate to the right link. Clicking on a category expands it to show the links in it, or collapses it to hide the links in it.

Categories can only be added if using the List display style for the Quick links card. Categories can be added independently, or at the same time as adding links. If a category is created but no links are added under it, it will not display.

Add a category:

1. While setting up a quick links card, click + Add category. A new line with an empty text box will be added to the list of links and categories.
   
   
   
   
2. Type the name for the category in the open text box.
3. Click outside of the text box in the quick links window to finish editing the category.

Add a category when adding a link:

1. While adding a link to a quick links card, click in the Category field.
2. Start typing the name of the category. If categories have already been created, you can select an existing category when it appears in the dropdown menu.
   
   
   
   
3. If you want to create a new category to add this link to, type the name of the category in the Category field and press Enter or click + Add category in the dropdown menu.
4. Click Add link when you are done adding the link and category.

Reorganize links and categories

Add existing links to categories or change the order of links and categories as desired.

• Click on a link or category using the grid icon on the left, and drag and drop it into the order you want.
• To add a link to a category, drag the link and hover on top of the category so it is selected (a border shows around the category) and drop the link.
• To remove a link from a category, click on the link and drag it to the left and drop it. It will be removed from the category, and appear below it.

Multilingual Quick links card

Quick links cards can be localized for different languages for their title, link names, link destinations (eg. intranet page or URL), and help text. This way, links can display and lead to content in the preferred language of the user.

1. After setting up the Quick links card in one language, in edit mode on the page, switch to the other language using the language dropdown in the top right above the Save button.
2. Go in to setup the Quick links card again by clicking Set up cards under Content type & template, and then clicking the gear icon on the Quick links card.
3. To localize the title for a different language, click in the Title field and add a title for the new language.
4. To localize a link, click the edit icon to the right of the link. You can enter or select a localized name, link destination, and help text. (Category names are localized separately from links.) Click Update link when you are done.
5. To localize a category, click on the category name to make it editable and add a category name for the new language.
6. Click Done on the right of the Quick links window.
7. Click Done at the bottom of the Update cards window.
8. Click Save at the top right.