Join the waitlist

Make a whole card clickable in WordPress

A whole section or card becomes one link. Click or tap anywhere on it, while buttons and links inside still go their own way.

Get Grinner free
See it live

Type

An upgrade to Group and Columns

Find it

Group settings, Clickable cards

Phones

A tap anywhere follows the link

Speed

Just a link, with a 1px press for feedback

Live demo

Click anywhere.

This is the real Clickable cards setting, running on this page.

Card Mode

Turn plain groups into cards with one switch.

Stickers

Pop a badge or a star on any picture.

See an example

Count up

Numbers that climb as they come into view.

Settings    Link URL on each card     Hover effect Lift

What you can change

The settings worth knowing.

One address per card, and a hover to show it’s clickable.

Stickers

Click anywhere on this card.

Link URL

One address

Paste where the card should go. Clicking anywhere on it follows the link.

Watch the launch film

Plays on YouTube, away from this site.

Open in new tab

New tab if needed

Opens the address in a new tab.

Point at me

The card rises a little under the mouse.

Hover effect

Show it’s clickable

Pair it with a Lift or Glow on the card so mouse users can tell.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Build the card

Make the card a Group, with Card Mode on Container if you want the card look.

3

Add the link

Turn on Clickable cards, paste the Link URL, then publish.

Good to know

Fair questions.

Clickable cards are a Grinner upgrade to Group and Columns. A whole section or card becomes one link, while buttons and links inside it still go their own way. Use them so visitors can click anywhere on a card instead of hunting for a small link.

No. Text can’t be selected and form fields can’t be clicked, because the whole card is the link.

Yes. Set Link to This post or page and every card in a Query Loop links to its own post.

Avoid that pairing. Use Card Mode on Container for each linked card.

The card darkens a little instead of moving.

GrinBot -⁠ coming soon

Make your next site beautiful.

GrinBot designs and builds it for you. Join the waitlist for the launch price.

  • Studio-quality design
  • Built for speed
  • Pay once, no subscription

You’re on the list. We’ll email you when GrinBot launches.

Something went wrong. Please try again in a moment.

We’ll email you about the launch. Unsubscribe any time. Privacy policy

Or get the free Grinner plugin →

Pairs well with

Try it with these.

All layout and cards features

Card Mode

Turn a section, or each block in it, into a card with one switch.

Section hover effects

Cards that lift, grow, glow or change color under the pointer.

Image hover effects

Tilt, lift, zoom, a glare sweep or gray to color under the pointer.

Grinner grinning

Go make something
beautiful.

Get Grinner free

Free on WordPress.org · No Pro version