Accept Card Payments by Chargent is a FREE Stripe Connector for Salesforce. Add the Accept Card Payments Lightning Component to any Flow. It can be used for a credit card transaction callout on any screen in a Flow from which you wish to take payment.
- Approval or Decline Notification Screens included
- Retry button for failed credit card transactions
- Complete debug response from Stripe is available
To get started:
- Download the package from the AppExchange.
- Create a Stripe account if you don’t already have one.
Getting your Stripe API Secret Key
- Login to Stripe and Copy the API Secret Key
- Go under Developer > API keys > Reveal live/test Secret Key (for testing you should enable the View Test Data switch in Stripe.

- In Salesforce you want to configure the Visualforce Page
- Click the gear icon in the top right and choose Setup
- Navigate to Custom Code > Visualforce Pages
- Click the Preview in a New Window icon next to the StripeAPIConfig page.

- Copy your API Key and click Store Key (Note: If you’ve already stored an API key it will prompt you to Update API Key)
Create the Flow in Salesforce
- Click the gear icon in the top right and choose Setup
- Under Process Automation select Flows
Step 1 Create the First Screen
- Click New Flow
- From the Pallette drag Screen into the Flow

- Name your Screen (Ex: Take Card Payment)
- Under the Add a Field tab select Lightning Component

- From the Field Settings tab
- Add a Unique Name
- Choose the Lightning Component csca:FlowStripeCharger
- Input Status (the default text that you would like in your flow)
- Billing Name; (choose a default billing name for your form, ex: John Wayne or Mickey Mouse)
- Charge Amount: (choose the default amount for your form)
- Output
- Attribute = Response Status
- Variable = {!ResponseStatus}
Step 2: Create the Second Screen
- From the Pallette drag a new Screen into the Flow
- Name your Screen Response Details
- Under the Field tab select Display Text
- Under the Add a Field tab choose Display Text
- Under Field Settings Name the Field Response
- Select the Resource {!ResponseStatus}
Connecting your Screens
- Run your mouse over the first Screen and click the green arrow pointing down. This indicates that this is the first Screen and the start of the flow.
- Click and drag the diamond at the bottom of your first Screen to the 2nd Screen. This will create an arrow to connect the two. It determines the path the flow will take.

- Click Save and name the Flow
Testing your Flow
- Click Run to test the flow.

- Use Credit Card Number 4111 1111 1111 1111 with any other information to receive an approved status.
