Info Cards

Turn plain text into eye-catching info cards that make your content easier to scan, understand, and remember – no code required.

Info Cards | Demos | Pricing

Why Info Cards?

Walls of text lose readers. Info Cards is a Gutenberg block that lets you present content as beautifully designed, informative cards – combining images, text, and links in layouts your audience can consume at a glance.

Choose from built-in templates or create your own custom layout to fit your branding. Set columns, gaps, colors, and typography from the block sidebar – no code or additional software needed, even if you have limited technical knowledge.

Every card layout is fully responsive, so your content looks great and functions perfectly across all devices and screen sizes. Whether you’re creating product cards, team member profiles, or informational sections, Info Cards helps your content stand out.

Free Features

• Fully Customizable: Adjust every part of the card to match your site.
• Custom Colors: Use your brand’s colors throughout.
• Built-in Templates: Start from ready-made card designs.
• Layout Control: Set columns, column gap, and row gap.
• Image Support: Use an image in each card.
• Link Support: Make cards clickable with links.
• Typography: Control the text styling of your cards.
• Responsive Layout: Cards adapt to all devices and screen sizes.
• Easy to Use: Add and customize cards straight from the block editor.

Pro Version

Info Cards Pro unlocks more designs and deeper styling control:

• Universal Shortcodes: Compatible with all page builders.
• 12+ Ready-Made Themes: Professionally designed card styles.
• Advanced Templates & Layouts: More ways to arrange your cards.
• More Typography Controls: Font family, weight, and spacing.
• Hover & Animation Effects: Bring cards to life on interaction.
• Gradient & Advanced Color Options: Richer backgrounds and accents.
• Full Box Control: Border, padding, and margin settings.
• Card Shadows & Depth Effects: Add dimension to your layouts.
• 7+ New Built-in Blocks: Extra card blocks to build with.
• Priority Updates & Support.

How to Use

1. Install and activate the Info Cards plugin.
2. Go to the page or post where you want to embed the cards.
3. Click the + button in the Gutenberg editor and search for Info Cards.
4. Select the Info Cards block.
5. Create and customize your cards, then publish. Enjoy!

Use Cases

• Product Highlights: Present features or products in scannable cards.
• Team Profiles: Introduce team members with photo, name, and link.
• Service Sections: Summarize what you offer in a clean grid.
• Informational Content: Break long content into digestible cards.

Feedback

Read the full description on the official page →