Digital Commerce Web Components

Vlocity Digital Commerce Web Components and widgets are built on Web Component standards that work with all modern browsers and can be distributed with any JavaScript library or framework. Web components allow you to create new custom, reusable, encapsulated HTML tags to use in your web pages or applications.

Use Vlocity Digital Commerce Web Components to implement an eCommerce or digital commerce solution. These components support all of the major phases of any eCommerce solution, namely browse phase, configure phase, cart phase, and checkout. You can use these web components as-configured or they can be customized based on client requirements.

The Vlocity Digital Commerce reference app is available to Vlocity customers and partners as a working sample to learn more about the Vlocity Digital Commerce solution. It is not intended to be deployed to a production environment. To request access to the reference app repository, please submit your request to Vlocity using the form here.

Current Vlocity customers and partners can explore how Vlocity Digital Commerce web components work with the Digital Commerce SDK by requesting a Bootstrap reference implementation via the Vlocity BitBucket partner repository. This reference implementation showcases preconfigured SDK and web component dependencies, sample apps, and build/deploy scripts for off-platform development. To request access to this repository, please contact your account team or Vlocity Support.

Vlocity Digital Commerce Web Components were developed using a Google library called LitElement, which is a simple base class for creating fast, lightweight web components. Vlocity's Web Components are encapsulated. You can develop your applications using any library and any tool that supports Web Standards. There are no dependencies on Google Polymer, however, and because of its foundation on LitElement, Vlocity Digital Commerce Web Components provides full support for a shadow DOM.

You can use Vlocity Digital Commerce Web Components to develop Single-Page-Applications (SPAs) and non-SPA applications. Each web component comes with defined methods to retrieve data and a Newport style template to render data.

For training on Vlocity Digital Commerce solutions and Digital Commerce Web Components, see Vlocity University.