Visual Link Collection

How to use a Visual Link Collection

A Visual Link Collection displays a manually-created list of related items and their photos. Items in a Visual Link Collection should be related to one another in some way, for example, in the same category. Each list item has a photo and links to a specific page.

• Use on a Landing Page or on a Basic Page.
• Links can be displayed in any order you choose.
• Use two links minimum, and up to twelve links total.
• Avoid using a Link Collection to create “quick links” or a generic section where the links are not clearly related with a descriptive heading.
  • Instead of using a Link Collection to show “Quick Links” or “Resources”, be specific, for example “Grant Opportunities” or “Food and Cash Assistance Services.”

Required fields

1. Visual Link Collection Title – 75 characters max

The Visual Link Collection Title introduces the group of Links and provides context for how they are related to one another. It can optionally be hidden on screen. 

2. Link – 50 characters max

Each Link has a label and a destination URL. 

• Write a descriptive Link label so visitors know what to expect when they click on the Link.
• The Link can go to a page on your website, or to an external website.  If the Link goes to an external website, it will include an icon indicating that it goes to an external website.

3. Image

Choose an image that is relevant to the Link. 

• The image must be landscape orientation.
• The image size is 380x290 pixels (4:3 aspect ratio).

Learn more about images and photography

Optional fields

1. Visual Link Collection Description - 250 characters max

The Visual Link Collection Description is optional. It provides additional context for the group of Links.

2. Link Description – 160 characters max

Each Link can have an optional Link Description. Use the Link Description consistently – use it for every Link, or none of them.

3. More Link – 50 characters max

When using the Visual Link Collection to feature items from a larger list, you may include a More Link to direct users to another page on the site. 

For example, a Visual Link Collection could highlight the most popular services and the More Link could direct visitors to view all services.

When to consider something else

Use a Link Collection if you don’t have images to use for each link.

Use a Promo to feature a single link.