Make an entire widget, section, column or container clickable — a click anywhere on it navigates to a URL — without breaking any real links, buttons or form fields inside it. It’s the clean way to build fully clickable cards.
Where: select any element in the Elementor editor, then open Advanced → Tiger Wrapper Link.
Setting a wrapper link
- Select the element you want to make clickable (typically a card container).
- Open Advanced → Tiger Wrapper Link and set the Wrapper Link URL.
- Optionally choose open in a new tab and nofollow from the URL control’s options. The field also accepts dynamic tags, so a Loop Template card can link to each item’s own permalink.
How it’s built (and why it’s safe)
Naively wrapping an element in an <a> tag produces invalid, broken markup the moment there’s a button, input or another link inside it. Tiger avoids that entirely: instead of an anchor, it tags the wrapper with a data attribute and handles the click in JavaScript on the front end. The click handler deliberately ignores clicks that:
- start inside a genuine interactive element — a link, button, input, select, textarea, label, video/audio player, or anything with a button/link/tab/menuitem role;
- are modifier, middle or right clicks (so open-in-new-tab and context menus keep working);
- end a text selection (so visitors can still select and copy text).
Everything inside the element keeps behaving normally — only “empty” clicks on the card itself trigger navigation. When open in new tab is set, the new window opens safely with no back-reference to your page.
Accessibility
The wrapper receives role="link" and a tabindex, and activates on the Enter key when focused. That means it behaves like a real link for keyboard users and assistive technology, not just for mouse clicks.
Troubleshooting
A button inside my card doesn’t work.
It should — inner buttons, links and form fields are automatically excluded from the wrapper click. If a custom element isn’t being recognized, make sure it’s a real interactive element (a proper <button>/<a> or has an appropriate ARIA role) rather than a styled <div>.
The whole card isn’t clickable in some spots.
Only the wrapped element’s own area is clickable. Ensure the Wrapper Link is set on the outer container that spans the whole card, not on an inner column that leaves gaps.