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

Card Widget for Elementor Free

An image card with a badge, text and a button.

Overview

What Card does

Card combines an image, a badge, a title, a description and a button in one box. Use it for services, offers, products or any item that needs a picture, a few words and a link.

Live demo

See it in action

Website care plan New

Website care plan

Updates, backups and security checks every month, so you can focus on your business.

Learn more
Features

What it can do

  • Image with a selectable WordPress image size.

  • Badge text shown over the image.

  • Title with a selectable HTML tag, plus a description.

  • Link on the button only, on the whole card, or no link.

  • Image on top or on the left of the text.

  • Optional zoom of the image on hover.

  • Alignment per device: left, center or right.

  • Card background, border, radius, shadow and a separate hover shadow.

Use cases

When to use it

Service cards

Show each service with a photo, a short description and a Learn more button.

Offers and news

Use the badge for labels such as New or Sale.

Horizontal cards

Set the image on the left for a wide card in a single column.

Clickable tiles

Link the whole card so a click anywhere opens the page.

Setup

How to set it up

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

  1. Drag the Card widget into a column.

  2. In Card, choose the Image and the Image Size.

  3. Type the Badge, Title and Description. Clear the Badge if you do not need one.

  4. Choose a Link type: None, Button or Whole card. Then set the Button Text and URL.

  5. Set Image Position to Top or Left, and choose whether to keep Zoom Image on Hover.

  6. Set the Alignment.

  7. Open the Style tab to style the card, image, badge, text and button.

FAQ

Questions and answers

Can I make the whole card clickable?

Yes. Set Link to Whole card and fill in the URL. The card becomes a single link.

Can I use the card without an image?

Yes. Remove the image and the card shows the badge, title, description and button only.

Can I put the image beside the text?

Yes. Set Image Position to Left. In the Style tab you can then set the image width.

How do I turn off the hover zoom?

Switch off Zoom Image on Hover in the Card section.

Free forever

Card is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.