Purpose

A Visual Link Collection is made by putting different links together into one group.

When to Use

Choose a visual link collection to organize and display multiple links with related images.

Elements of Visual Link Collections

  • Intro title: title of link collection, appears to the user, but is optional.
  • Title: content limited to 75 characters, option to hide this title.
  • Links: at least two links with no more than 12 links. Also create new links within this section.

Visual Link Collection Best Practices

Visual Link Collections help organize disparate links into one unified whole. Links always include a visual component (an image) and may be placed on a Landing Page. Links automatically break into 4 across.

 A collection of content of type "Link" gets assembled into a Visual Link Collection. 

Sample Visual Link Collection
As published on Iowa.gov

Each individual "Link" consists of a title, optional text, required image, and description. 

Add Links to a Visual Link Collection

If you are seeking images, choose from your approved stock photography provider, and save to your hard drive in order to add to the Media Library for your Link.  If you don't have a license for stock photography, you can submit a Service Desk request with the photo ID for any image on Shutterstock.com for DOM DoIT to get the photo for you.

1

Log in to your site

You can login to your site from login.iowa.gov.

how to login to DX website

Each person on your agency team has a specific user role for the website. These roles set permissions. They control who can edit, review, and publish content. You can ask for a role change or remove a role. Just submit a ServiceNow support ticket if you need help.

2

Navigate to /admin/content/micro

This Admin view displays all Micro-content on the site and allows authors to sort and filter the list. Authors can edit Micro-content types from this view.

Admin view example
3

Create a Link first, all Links are collected into Visual Link Collections

Navigate to /node/add/link and assemble all the pieces of your desired link together. Remember all Links, require an image.

4

Create a Visual Link Collection

Navigate to /node/add/visual_link_collection.

When you create the Visual Link Collection, you may then assemble all the desired Links, and sort them into the desired order.

5

Place the Microcontent into a Basic Page or a Landing Page

You can now find Microcontent in the /admin/content/microcontent menu. You can place this content across the site.

As an example, common placements include:

Microcontent Placement
Type of MicrocontentLanding PageBasic Page
PromoCan be placedCan be placed
Video PromoCan be placedN/A
AccordionN/ACan be placed
Link Collection ListCan be placedCan be placed
Visual Link CollectionCan be placedN/A
StatisticCan be placedCan be placed
Automatic ListCan be placedCan be placed
ContactN/ACan be placed
DocumentN/ACan be placed
6

Confirm your knowledge

Check out our Video Training Page for step-by-step visual help with your website.