This repository contains a collection of custom elements designed to integrate Nosto's personalization and e-commerce solutions into various web platforms.
Usage options for this library are documented here
This package provides the following custom elements:
| Component | Tag Name | Description | Notes |
|---|---|---|---|
| Campaign | nosto-campaign |
Campaign rendering and product recommendation display | |
| Control | nosto-control |
Conditional content rendering based on user segments | |
| Popup | nosto-popup |
Popup content with dialog and ribbon slots | |
| SectionCampaign | nosto-section-campaign |
Campaign rendering using the Section Rendering API | Shopify only |
| Component | Tag Name | Description | Notes |
|---|---|---|---|
| DynamicCard | nosto-dynamic-card |
Dynamic product card templating | Shopify only |
| Image | nosto-image |
Progressive image enhancement with optimization | |
| Product | nosto-product |
Product interaction and cart management | |
| SimpleCard | nosto-simple-card |
Simple product card templating | Shopify only |
| SkuOptions | nosto-sku-options |
Product variant and SKU selection interface | |
| VariantSelector | nosto-variant-selector |
Product variant options as clickable pills | Shopify only |
Read our Techdocs for more information on how to use these components.
Library TypeDoc page includes detailed library documentation.
Interactive Storybook provides live examples and documentation for each component.