đ Overview
Product Info Pro lets you add structured information blocks to any WooCommerce product page â things like shipping times, material details, size guides, care instructions, warranty information, or any custom detail that helps customers buy with confidence.
Each info item can display an icon, an image, a label, and a description. You can set global defaults that appear on all products, and override or extend them per product.
Info items can be shown in a dedicated product tab, below the product description, below the add-to-cart button, or anywhere via action hooks.
Unlimited Info Blocks
Add as many product information items as you need â per product or globally across your entire catalog.
Icon & Image Support
Display info with icons from a built-in library, custom uploaded images, or plain styled text.
WooCommerce Tab Integration
Display your info items in a native WooCommerce product tab or inline on the product page.
Global Defaults
Set default info items that automatically appear on all products, saving hours of manual configuration.
Display Conditions
Show or hide specific info items based on product category, tag, type, or custom attribute.
Import & Export
Easily copy info configurations between products or export and import them across different sites.
đĻ Installation
Follow these steps to install and activate the plugin on your WordPress/WooCommerce site. Requires WordPress 6.0+, WooCommerce 7.0+, and PHP 8.0+.
- 1
Download the plugin ZIP from your CoderEmbassy account.
- 2
Go to WordPress â Plugins â Add New â Upload Plugin, select the file, and install.
- 3
Activate the plugin.
- 4
Go to WooCommerce â Product Info â Settings to configure global options.
- 5
Go to WooCommerce â Product Info â Global Items to add info items that appear on all products.
- 6
To add product-specific items, open any product and scroll to the Product Info panel below the editor.
âī¸ Configuration
Display Settings
| Setting | Description | Type | Default |
|---|---|---|---|
Display Position | Where info items are shown on the product page. | Select | Product Tab |
Tab Title | The label shown on the product tab. Only applies when Display Position is set to Product Tab. | Text | Product Information |
Tab Priority | Controls the order of this tab among other product tabs. Lower numbers appear first. | Number | 25 |
Icon Size | The display size of icons next to info items. | Select | Medium (24px) |
Global Items
Info items added here will appear on every product by default. Individual products can override or extend this list.
| Setting | Description | Type | Default |
|---|---|---|---|
Icon | Choose from the built-in icon library or upload a custom SVG/PNG. | Icon Picker / Image Upload | â |
LabelREQUIRED | Short heading for this info item. E.g. "Shipping Time", "Material", "Warranty". | Text | â |
DescriptionREQUIRED | The detail text shown next to the label. Supports basic HTML. | Rich Text | â |
Display Condition | Optionally limit this item to specific product categories or tags. | Multi-select | â |
đ¯ Feature Guides
Adding Global Info Items
Global items appear on every product automatically â no need to edit each product individually.
- 1
Go to WooCommerce â Product Info â Global Items.
- 2
Click Add Item.
- 3
Choose an icon from the library or upload your own.
- 4
Enter a Label (e.g. "Free Shipping Over $50").
- 5
Enter the Description (e.g. "Orders over $50 ship free within Australia.").
- 6
Optionally set a Display Condition to limit it to certain categories.
- 7
Drag to reorder items. Click Save.
Use global items for store-wide policies like shipping, returns, and warranty. Use product-specific items for things unique to individual products.
Adding Info Items to a Specific Product
Override or extend global items on a per-product basis.
- 1
Open the product in WooCommerce â Products â Edit.
- 2
Scroll down to the Product Info panel (below the Product Data meta box).
- 3
You'll see any global items listed. Click the eye icon to hide a global item for this product only.
- 4
Click Add Item to add a product-specific info item.
- 5
Fill in the icon, label, and description.
- 6
Save the product.
Displaying Info in a Custom Position Using Hooks
Output info items at any custom location on the product page using a WordPress action hook.
- 1
In your theme's functions.php (or a custom plugin), add the following code:
- 2
add_action( 'woocommerce_before_add_to_cart_button', 'my_custom_info_position' );
- 3
function my_custom_info_position() { do_action( 'product_info_pro_output' ); }
- 4
Set Display Position to None in the plugin settings (so it doesn't also render in the default tab).
- 5
The info items will now render just above the add-to-cart button.
đ Developer Hooks
Use these WordPress actions and filters to extend or modify Product Info Probehavior programmatically. Add snippets to your theme's functions.php or a custom plugin.
product_info_pro_outputactionsince 1.0.0Call this action to render product info items at any position in your theme template.
pip_item_labelfiltersince 1.0.0Filter the label of an info item before it is rendered.
Parameters
( string $label, array $item, int $product_id )pip_item_descriptionfiltersince 1.0.0Filter the description of an info item before it is rendered.
Parameters
( string $description, array $item, int $product_id )pip_itemsfiltersince 1.1.0Filter the complete array of info items for a product. Use to add, remove, or sort items programmatically.
Parameters
( array $items, int $product_id )đ Changelog
- New
Added Import/Export feature for info configurations.
- New
Display Condition filter added to global items.
- Improved
Icon library expanded with 50 new icons.
- New
Initial release.
Need help with Product Info Pro?
Our support team is ready to assist you.