ID Shortcodes gives you a library of 12 professionally designed content components as simple WordPress shortcodes. From alert banners and testimonials to animated counters and tabbed content, each component drops into any post or page with a single shortcode — and if you use the Insight Dezign Visual Editor, they all register as native blocks with full visual settings panels.
12 Content Components
Every shortcode is built for real-world content needs:
- Alert — Dismissible notice banners in four styles: info, success, warning, and error. Add titles, icons, and custom messages.
- Testimonial — Client quotes with author photos, names, titles, star ratings, and three layout options: standard, card, and centered.
- Card — Feature cards with images, titles, descriptions, and call-to-action buttons. Position images at top, left, or right.
- Progress Bar — Animated percentage bars with customizable colors, heights, and optional value labels.
- Icon List — Bulleted lists using custom icons with configurable colors and sizes for feature highlights and benefit lists.
- Social Links — Social media profile buttons in multiple styles (filled, outline, plain), shapes (square, rounded, circle), and sizes.
- Accordion — Expandable content sections with custom borders, icon styles, and optional first-item expansion.
- Gallery — Responsive image grids with configurable columns, aspect ratios, borders, captions, and lightbox support.
- Tabs — Horizontal or vertical tabbed content with custom alignment and default active tab selection.
- Counter — Animated number counters with custom prefixes, suffixes, labels, and configurable animation duration.
- Table of Contents — Auto-generated document outlines from page headings with collapsible sections and multiple heading levels.
- Map — Address-based map embeds with OpenStreetMap and Google Maps providers and custom zoom levels.
On-Demand Asset Loading
CSS and JavaScript files load only when a shortcode is actually used on the page. If a page has no shortcodes, zero extra assets are loaded. This keeps your site fast and avoids the performance penalty of loading a full component library on every page view.
Visual Editor Integration
When the Insight Dezign Visual Editor is active, every shortcode automatically registers as a visual block. Select a component from the block picker, configure it through the settings panel, and see a live preview — all without writing shortcode syntax by hand. The blocks are grouped by category for easy discovery.
Built for Extensibility
Each shortcode generates semantic, accessible HTML with proper ARIA roles and labels. Inline styles handle custom colors, sizes, and spacing, so components look right in any theme without requiring custom CSS. All 12 components follow WordPress coding standards with proper sanitization and escaping throughout.