Card Elements for WPBakery

Card Elements for WPBakery gives you a library of beautifully designed card widgets that plug straight into the WPBakery Page Builder drag-and-drop editor. Pick a card style, drop it onto your page, fill in your content, and you’re done.

Whether you’re building a team page, a client reviews section, or a blog post grid, Card Elements has a card style that fits — and every style is fully customisable with colour pickers, font controls, spacing options, and hover animations directly inside the WPBakery editor. Zero code, zero CSS knowledge needed.

Works only with WPBakery Page Builder (v5.0 or above). WPBakery is a premium plugin sold separately.

Why Choose Card Elements for WPBakery?

• Instant visual results — drag a card widget onto the canvas and see a live preview in seconds.
• Pixel-perfect control — adjust colours, fonts, spacing, border radius, and hover animations through point-and-click controls, not code.
• Multiple ready-made card styles — each widget ships with several distinct design options so you’re never locked into one look.
• Lightweight & fast — no bloated frameworks; only the CSS your active card styles actually need is loaded.
• Beginner to developer friendly — simple enough for first-time WordPress users, flexible enough for experienced developers.
• Actively maintained — regularly tested against new WordPress releases, with security and compatibility updates delivered promptly.

🃏 Profile Card

Showcase your team, freelancers, contributors, or any group of people with polished profile cards. Each card supports:

• Profile photo and background image
• Name, job title, and biography
• Social media icons (Facebook, Twitter, Google+, WordPress) with links
• Full colour control — card background, text, social icon and hover colours
• Icon hover animations (Grow, Shrink, Pulse, Rotate, Float, Wobble, Buzz, and more)
• 6 unique card styles — pick the one that matches your brand

Perfect for: Team pages, About Us sections, speaker listings, author bios, freelancer portfolios.

💬 Testimonial Card

Turn customer reviews into trust-building social proof with eye-catching testimonial cards. Each card supports:

• Customer photo, name, and position
• Review text with full typography control (font family, size, colour, alignment)
• Card background colour
• 3 distinct layout styles

Perfect for: Client reviews, case study pages, product testimonials, service page credibility sections.

📰 Post Card

Display your blog posts, news, or any WordPress posts in a responsive card grid. Each card supports:

• Featured image with border radius and overlay controls
• Post title with HTML tag selection (H1–H6, div, span, p)
• Excerpt (from content or manual excerpt) with length control
• Meta data — author, date, comments, tags, category
• Read More button with custom text and colour
• Column layout: 1, 2, 3, 4 or 6 columns
• Grid gap and row gap controls
• 3 distinct card styles

Perfect for: Blog index pages, news sections, magazine layouts, content hubs.

Full Customisation Controls

Every card widget exposes a rich set of design options inside the WPBakery editor:

• Colours — background, text, icon, hover states — all via colour picker
• Typography — Google Fonts integration with font family and style selectors
• Spacing — fine-grained margin and padding control per element
• Alignment — left, centre, right, or justify for each text element
• Animations — 25+ hover animation styles for social icons
• Design Options tab — WPBakery’s standard margin/padding/border/background panel

Getting Started in 3 Steps

1. Install and activate WPBakery Page Builder (if not already active).
2. Install and activate Card Elements for WPBakery from the WordPress plugin directory.
3. Edit any page with WPBakery, look for the Card Elements category in the element picker, and drag your first card onto the canvas.

Technical Support

Found a bug or have a feature request? Open a thread on the Support Forum and we’ll respond promptly. You can also contact us directly.

Love the Plugin?

If Card Elements for WPBakery is saving you time, please consider leaving a review on WordPress.org. It helps other WordPress users discover the plugin and motivates us to keep improving it. Thank you!

Option 1 — Install from the WordPress Dashboard (Recommended)

1. Log into your WordPress admin and go to Plugins → Add New.
2. Search for Card Elements for WPBakery.
3. Click Install Now on the plugin card, then click Activate.

Option 2 — Manual Upload

1. Download the plugin zip from WordPress.org.
2. Go to Plugins → Add New → Upload Plugin.
3. Choose the downloaded zip and click Install Now, then Activate.

Option 3 — FTP / SFTP

1. Unzip the downloaded file.
2. Upload the card-elements-for-wpbakery folder to /wp-content/plugins/.
3. Activate the plugin from the Plugins screen in your WordPress admin.

Requirement: WPBakery Page Builder v5.0 or higher must be installed and activated before Card Elements widgets will appear in the editor.