Catalog Widget

Why Should You Use the Catalog Widget?

Real-Time Product Discovery

Display your products, services, or resources in an organized, searchable catalog right inside your website. The widget presents items in a clean grid layout with instant search and category filtering, helping visitors find exactly what they need without leaving your page.

Flexible Catalog Organization

Create catalog, organize items into custom categories, and manage your inventory with drag-and-drop reordering. Each catalog supports unlimited items with images, descriptions, and action buttons, giving you complete control over how your content is presented.

Smart Search and Filtering

Built-in real-time search scans item names and descriptions as users type, while category filters with item counts let visitors quickly narrow results. The search includes a clear button and works seamlessly with category selection for precise filtering.

Customizable Action Buttons

Add call-to-action buttons to any item with custom text and links. Configure button visibility globally, set individual button labels per item, and link directly to product pages, checkout flows, or external resources. Every button opens in a new tab for seamless navigation.

Rich Image Management

Upload images directly (JPG, PNG, WEBP, SVG up to 5MB) or use image URLs for flexible asset management. Images display with lazy loading for performance, and each item can showcase its visual content with customizable height settings.

Tightly Tuned Styling

Apply your brand's colors, fonts, spacing, and shapes via centralized styling utilities. Customize everything from page backgrounds to card shadows, search input borders to category button states. Typography controls let you adjust heading sizes, weights, and line heights to match your design system perfectly.

Mobile-Ready Layout

Responsive classes ensure the catalog looks sharp on phones, tablets, and desktops. The sidebar collapses gracefully on smaller screens, the grid adapts to available space, and all controls remain touch-friendly with proper spacing and sizing.

Category Navigation

Organize items into custom categories with visual indicators showing item counts per category. Category buttons highlight active states, support hover effects, and provide clear visual feedback. The "All" category shows your complete inventory count at a glance.

Built for Live Iteration

Add new items, update descriptions, reorganize categories, or adjust styling without redeploying your entire site. The Catalog Widget keeps evolving with your inventory and design needs, making it easy to keep your content fresh and engaging.