🌟 Welcome to the Payments on Lightning Web Components Recipe Kit! 🛍️
Note: The included reference components should be used only after Salesforce Spring '25 is released.
We are seeing an expansion of other internal Salesforce domains wanting to integrate Payments into their applications outside of the context of commerce as well as the need for commerce partners and customer developers to extend the functionality of the out of the box Payments components. In order to support these additional use cases, we aim to develop a library of Payments Components that can be utilized by developers in different Salesforce contexts.
The main objective of this project is to provide reference payments components for partners and customer developers to use if they want to build their own custom payments LWCs. This will help reduce development time, improve the components’ quality and reduce customer implementation costs.
-
Set up your environment. Follow the steps in the Quick Start: Lightning Web Components Trailhead project. The steps include:
- Enable Dev Hub in your Org
- Install Salesforce CLI
- Install Visual Studio Code
- Install the Visual Studio Code Salesforce extensions, including the Lightning Web Components extension
-
If you haven't already done so, authorize your hub org and provide it with an alias (myhuborg in the command below):
sf org login web -d -a myhuborg
-
Clone the
payments-on-lightning-components
repository:git clone https://github.com/forcedotcom/payments-on-lightning-components.git cd payments-on-lightning-components
-
Create a scratch org and provide it with an alias (payments-on-lightning-components in the command below):
sf org create scratch -f config/project-scratch-def.json -a payments-on-lightning-components
-
Push the app to your scratch org:
sf project deploy start
-
Open the scratch org:
```shell sf org open ```
Name/FQN | Description | Specification |
---|---|---|
paymentSheetForm |
Displays a radio button list of payment options for a payer to use. Processes payments. | Payment Sheet Specs |