BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Pro widget

Interactive Links Widget for Elementor Pro

Big links that change the image when you point at them.

Overview

What Interactive Links does

Interactive Links shows a list of big links, each with a small label and a line, over an image or next to it. When a visitor points at a link, or moves to it with the keyboard, the image changes to the one of that link. Use it for category menus, collections and portfolio sections.

Live demo

See it in action

Features

What it can do

  • A list of links, each with a small label, a line and a big title.

  • Each link has its own image that shows when the link is active.

  • Links over the image, or next to it on the left or right.

  • Change the image on hover and keyboard focus, or on click.

  • Fade, fade and zoom, slide up or blur image effects with a duration.

  • The active label, line and title get their own colors.

  • Dim the other links while one is active.

  • On touch screens the first tap shows the image and the second opens the link.

Use cases

When to use it

Shop categories

List collections like New, Trending and Sale, with a photo of each behind the list.

Portfolio index

Show project names next to a large preview image.

Services menu

Give each service a big link and a picture that changes as visitors read down the list.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Add the Interactive Links widget to a section with Elementor.

  2. Under Links, edit each item: Small Label, Title, Link and Image.

  3. Under Settings, choose the Layout: Links over the image or Links next to the image.

  4. Pick Change the Image On, the Image Change Effect and the Height.

  5. Set the label, title and active colors in the Style tab, then publish.

FAQ

Questions and answers

Does it work with the keyboard?

Yes. Moving to a link with the Tab key shows its image, and Enter opens the link.

What happens on phones and tablets?

The first tap on a link shows its image and the second tap opens the link.

Can an item have no link?

Yes. Then it is a button that only changes the image.

Bright Addons Pro

Get Interactive Links with Bright Addons Pro

Bright Addons Pro has 97 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $10 a year, with a 14-day money-back guarantee.