Welcome to the Info Cards docs. This guide shows you how to present features, services, benefits, and team details as tidy, customizable cards.
Getting Started covers installation, onboarding, and license activation. How To Use walks through every panel in the sidebar, from themes and layout to buttons, and ends with shortcode usage. Quick answers live in the FAQs.
Info Cards groups related information into a grid of cards, each with an image, title, description, and button, all built in the block editor.
You add cards one by one, choose one of the built-in themes, and set how many columns appear on desktop, tablet, and mobile. Each card can link to another page, and everything from the card background to the button hover color can be styled to fit your site.
Use it for feature highlights, service overviews, benefit lists, or team introductions. Info Cards Pro adds seven more themes and 8+ extra card blocks, such as News Cards and Player Cards.
Make sure your site meets these requirements before installing Info Cards:
Pick the method that fits your setup. All three give you the same plugin.
Install Info Cards from the plugin directory without leaving your dashboard.
After it installs, click Activate to enable Info Cards on your site.
Choose this if you have downloaded info-cards.zip and want to install it manually.
Already building a page? Install Info Cards from the block inserter without switching screens.
The first time you activate Info Cards, a welcome screen appears.
Click Allow & Continue to join the newsletter and receive plugin updates and news.
After that, you are taken to the Info Cards dashboard.
Own Info Cards Pro? Activate your license to unlock the extra themes and card blocks.
Go to Plugins » Info Cards » Active License.
Ready to build? Go to How To Use to create your first set of cards.
You can easily display important information with the Info Cards block.
Add as many cards as you need, then set the icon or image, title, description, and link for each one. The layout and styling controls let you match the cards to the rest of your site.
You can find Info Cards in the block library and add it anywhere on your page.
The block arrives with a default design that you can edit right away.
Select the block, and its settings open in the sidebar on the right.
You can choose from 6 built-in themes: Default and Theme 1 through Theme 5. Pick the one that suits your site best, then adjust the settings to match your design. Keep in mind that some settings change when you switch to a different theme.
You can manage your cards from the Add or Remove Cards panel. Click Add New Card to create a card, or expand an existing card to edit its background, URL, image, and button settings. Use the Button Show toggle to show or hide the button. Click Duplicate to copy a card with its settings, or Delete to remove it.
You can control how the cards are arranged from the Layout panel. Choose a layout and a theme, then set the number of columns for each device using the responsive icon. Column Gap and Row Gap control the space between the cards.
You can control which elements appear on each card from the Elements panel. Turn on Open In New Tab to open card links in a new tab. Use the Show Image toggle to show or hide card images, then set the Image Position and Image Height.
You can style the card container from the Cards panel in the Style tab. Set a background and adjust the Padding to control the space inside the cards. Click the link icon to set a different padding value for each side.
You can style the card title and description from the Title and Description panels in the Style tab. Adjust the Typography and Color settings to match your site.
You can customize the card buttons from the Button panel. Adjust the Typography and Alignment, then set the text and background Colors for the normal and hover states. Padding and Border Radius control the button's size and shape.
The features in this section are available with Info Cards Pro. Pro
Info Cards Pro adds 7 more themes, Theme 6 through Theme 12, for more card designs. Select a theme from the block toolbar or from the Choose A Theme dropdown in the Themes panel. Some settings may reset to their default values when you switch themes.
Info Cards Pro also gives you 8+ extra card blocks, including Animated Gradient Cards, Expanding Flex Cards, News Cards, and Player Cards. You can find them in the block library and add them to any section of your page.
You can display a set of info cards anywhere on your site with a shortcode.
Build it once, then paste its shortcode into any page, post, or widget instead of rebuilding it each time.
Go to the dashboard menu and click Shortcodes.
The block editor opens, where you can build and style the set of info cards. When you are happy with it, click Save and copy the shortcode shown on the page.
Now go back to the dashboard menu.
Paste the shortcode into any page, post, or widget area where you want it to appear. Use the live preview to check how it looks before you publish.
Publish or save the page, then visit your site to see the result.
It is a Gutenberg block that displays information in customizable card layouts. You can use it for product details, features, services, team profiles, and other content.
Yes. Info Cards includes 6 built-in themes, and Info Cards Pro adds 7 more.
Yes. You can change the colors, typography, layout, spacing, images, links, and other styling options to match your site.
Yes. You can add an image to each card and set its position and height.
Yes. You can link your cards and buttons, and choose whether the links open in a new tab.
Yes. You can set the number of columns for each device and adjust the column and row gaps.
Yes. You can use the block as many times as you need across your pages and posts, and display saved cards anywhere with a shortcode.
Install and activate the plugin, then add Info Cards from the block library. Create your cards, adjust the settings in the sidebar, and publish the page.