Skip to content

Components

In addition to the standard Builder.io components, Bizzkit provides examples of custom components specifically designed for e-commerce websites using Bizzkit applications such as Bizzkit DAM, PIM, and Ecommerce Search.

These components demonstrate how to:

  • Integrate with Bizzkit products and services:
    • DAM
    • PIM
    • Ecommerce Search
  • Use Bizzkit plugins
  • Apply design tokens for consistent styling
  • Follow SEO best practices

For more details about these components from a developer’s perspective, refer to Getting started for developers.

Some of the Bizzkit example components loaded in the Builder.io editor

Image component

The DAM image component enables you to display an image from Bizzkit DAM.

DAM image component

The component supports:

  • Picking an image from DAM.
  • Responsive design through system transformations for different screen sizes.
  • Aspect ratio control to maintain the image’s aspect ratio.
  • Cropping control with the fit option.
  • Image alt text for accessibility.
  • Lazy loading for improved page performance.
  • Image position control for alignment.

Video component

The DAM video component enables you to display a video from Bizzkit DAM.

DAM video component

The component supports:

  • Picking a video from DAM.
  • Adding a poster image to display before the video starts.
  • Toggling the visibility of video controls.
  • Toggling video mute and loop options.
  • Cropping control with the fit option.
  • Aspect ratio adjustments.
  • Image position control for alignment.

Product card component

The product card component enables you to display a specific product from Bizzkit Ecommerce Search.

Product card component

The component supports:

  • Selecting a product from Ecommerce Search based on a segment and scope.
  • Displaying the product name, price, stock information, and image.
  • Linking to the product page.

Picking a product to display

Product slider component

The product slider component enables you to display a static list of products from Bizzkit Ecommerce Search.

Product slider component

The component supports:

  • Selecting a list of products from Ecommerce Search based on a segment, scope, and search query.
  • Displaying the product name, price, stock information, and image for all products in the list.
  • Adding a title.
  • Linking to a product list page or other destinations.

Picking products to display

Dynamic product slider component

The dynamic product slider component enables you to display a list of products from Bizzkit Ecommerce Search.

Dynamic product slider component

The component supports:

  • Displaying a list of products from Ecommerce Search based on a segment, scope, and filters.
  • Adding a title.
  • Controlling the number of products displayed.
  • Linking to a product list page or other destinations.

Selecting products to display in the dynamic product slider component

Product catalogue component

The product catalogue component enables you to display a list of products from Bizzkit Ecommerce Search and serves as an example of a PLP (Product Listing Page) component.

Product catalogue component

The component supports:

  • Displaying a list of products from Ecommerce Search based on a segment, scope, and filters.
  • Controlling the number of products displayed.
  • Linking to a product list page or other destinations.
  • Allowing users to search and sort products.

Selecting products to display in the product catalogue component