Lightning Web Components Library
This Nimble AMS Lightning Web Components library is a hub for developers, system administrators, or other association staff members who need to know the available LWCs that you can use for your business needs.
Built using new Lightning Web Component (LWC) technology, you're now able to use the power of the cloud-based Experience Builder site to easily design an experience for members to find and purchase products.
Lightning Web Components is the Salesforce (external) implementation of that new breed of lightweight frameworks built on web standards. It leverages custom elements, templates, shadow DOM, decorators, modules, and other new language constructs available in ECMAScript 7 and beyond.
Prerequisites
Salesforce Lightning Community requires to use of the new Nimble AMS LWCs
You must already have a working knowledge of Salesforce’s Experience Builder Tools.
We recommend that you become familiar with Experience Builder. If you are not, access Salesforce Experience Builder documentation (external).
List of Lightning Web Components Used in Nimble AMS
Standalone features are independent functionalities that associations can use in the Member Portal without transitioning to the Unified Order Architecture (UOA). These features are designed to operate within the existing dual Cart/Order model, allowing associations to adopt modern capabilities incrementally without undergoing a full architectural migration.
LWC Type | Name of Component | Brief Description |
|---|---|---|
Standalone | The Dynamic Grid LWC allows records from multiple data sources to be displayed dynamically in a card format. It can be configured through HTML templates. | |
Standalone | The Chapter Account Display LWC shows information about the chapter. It can be configured to use a specific chapter ID or to display dynamically based on a URL parameter. | |
Standalone | The Chapter Directory LWC displays a list of members of the specified chapter. It can be configured to use a specific chapter ID or to display dynamically based on a URL parameter. | |
Standalone | The Chapter Directory Search LWC works in conjunction with the Chapter Directory LWC to provide search capabilities. | |
Visualforce CH/Member Portal Hybrid with UOA | The Cross-Sell Carousel LWC displays a list of suggested products to promote cross-selling of products. | |
Visualforce CH | The Currency Menu LWC allows you to view the product prices in any of the given currencies | |
Standalone | The Downloadable Products LWC allows you to view product details of a digital product and download it allowing your org to now offer/deliver digital products. | |
Standalone | The Donations LWC functions by enabling logged-in members to make a one-time donation. | |
Member Portal Hybrid with UOA | The Order Checkout LWC displays the member's order details during the checkout process. In addition to displaying the order details, the member/constituent can specify the shipping address, select shipping options as needed, and select the mode of payment as they check out the products. | |
Member Portal Hybrid with UOA | The Order Confirmation LWC shows the member the order details and that their payment has been approved. | |
Visualforce CH/Member Portal Hybrid with UOA | The Product Grid Filter LWC categorizes and displays merchandise and products available in your organization. | |
Visualforce CH/Member Portal Hybrid with UOA | The Product Grid LWC is designed to display merchandise and products that are available in your organization. If this grid is used with the Member Portal Hybrid UOA, it pertains to the Product Item Details. | |
VisualForce Community Hub | The Product Details LWC is what a product in the Product Grid LWC links to. | |
Member Portal Hybrid with UOA | The Product Item Details LWC is designed for the following reasons:
| |
Member Portal Hybrid with UOA | The Shopping Cart LWC enables members to remove the product, change the quantity, and proceed to check out the product(s) that they want to purchase. | |
Standalone | The Event Spotlight LWC enables the associations to advertise/spotlight crucial events for associations on any Lightning Page. It makes it easier for associations to reach their target audience and maximize attendance. | |
Standalone | Event Catalog LWC enables your association to showcase its upcoming events on the Experience Cloud Lightning pages that are visually appealing and modern. App Builders can choose a Grid, Table, or Compact layout based on how associations want to display their events to their constituents. | |
Standalone | The Event Details LWC displays detailed information about a particular event along with the Event Type, Event Image, Event Name, Start and end Date, and other related important details. This component can be placed on the Experience Cloud Lightning Page and provide the constituents with modern modern-looking user experience. | |
Standalone | The Event Filter LWC on the Lightning page allows users to analyze upcoming event data based on specific criteria, such as Event Type, City, State, and Date Range so that users can refine their search and quickly find events that can meet their specific needs and requirements. | |
Standalone | The My Payment Methods LWC on the Lightning page provides an easy-to-use interface that allows the association members to add new payment methods, manage the existing ones, and view all of their stored payment information on the Experience Cloud Community Hub or the Hybrid Community Hub (Visualforce CH + Experience Cloud CH). | |
Standalone | My Orders Lightning Web Component (LWC) displays a list of Orders once placed on the Experience Cloud Lightning page. My Orders LWC is powered by the Data Source API that lets the Admins plug the purpose-built data sources if required. |