Venmo
Client-Side Implementation
Set up your iOS client
Get the SDK
CocoaPods
Include Braintree/Venmo
in your Podfile:
- Ruby
# Podfile
pod 'Braintree/Venmo'
Carthage
Include the BraintreeCore
and BraintreeVenmo
frameworks.
Allowlist Venmo URL scheme
You must add the following to the queries schemes allowlist in your app's info.plist
:
- XML
<key>LSApplicationQueriesSchemes</key>
<array>
<string>com.venmo.touch.v2</string>
</array>
Include the app display name
You must have a display name in your app's info.plist
to help Venmo identify your application:
- XML
<key>CFBundleDisplayName</key>
<string>Your App Name</string>
Setup for app context switching
To handle workflows that involve switching to another app or SFSafariViewController
for authentication, you must register a URL type and configure your app to handle return URLs.
Register a URL type
- In Xcode, click on your project in the Project Navigator and navigate to App Target > Info > URL Types
- Click [+] to add a new URL type
- Under URL Schemes, enter your app switch return URL scheme. This scheme must start with your app's Bundle ID and be dedicated to Braintree app switch returns. For example, if the app bundle ID is
com.your-company.your-app
, then your URL scheme could becom.your-company.your-app.payments
.
Testing the URL type
You can test out your new URL scheme by opening up a URL that starts with it (e.g. com.your-company.your-app.payments://test
) in Mobile Safari on your iOS Device or Simulator.
In addition, always test your app switching on a real device.
Set your return URL
In your AppDelegate's application:didFinishLaunchingWithOptions:
implementation, use setReturnURLScheme:
with the value you set above.
For example:
- Swift
Handle app context switching
Then pass the payment authorization URL to Braintree for finalization.
If you're using UISceneDelegate
(introduced in iOS 13), call method from within the scene:openURLContexts
scene delegate method.
- Swift
func scene(_ scene: UIScene, openURLContexts URLContexts: Set<UIOpenURLContext>) {
URLContexts.forEach { context in
if context.url.scheme?.localizedCaseInsensitiveCompare("com.your-company.your-app.payments") == .orderedSame {
}
}
}
Otherwise, if you aren't using UISceneDelegate
, call method from within the application:openURL:options
app delegate method.
- Swift
func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
if url.scheme?.localizedCaseInsensitiveCompare("com.your-company.your-app.payments") == .orderedSame {
}
return false
}
Choose an integration method
You can set up your client-side either with our Drop-in UI or with a custom integration.
Drop-in integration
Our Drop-in UI is the fastest way to set up your client-side integration.
For full details, see Drop-in Setup and Integration.
Handling the response
To handle the successful Venmo payment, cast the BTPaymentMethodNonce
to a BTVenmoAccountNonce
to access the username
property that you receive from the BTDropInResult
.
Custom integration
Alternatively, you can add Venmo to your current custom integration. Keep in mind, for compliance purposes, we require you to present the customer with an order summary before and after purchase.
The pre-purchase summary should include:
- The items ordered
- The total order price
- An indication of Venmo as the payment method
The post-purchase summary can either be shown in the UI or sent via email. It should include:
- The items purchased
- The total purchase price
- The customer's name
- The customer's Venmo username
Failing to comply with these guidelines can lead to an interruption of your Venmo service.
.multiUse
: Request authorization for future payments (vaulting allowed).singleUse
: Request authorization for a one-time payment (vaulting not allowed)
If neither of these options has been specified, vaulting will be supported, but customers will see a legacy UI flow in the Venmo app. We recommend using .multiUse
or .singleUse
for the best customer experience.
The payment method usage will affect the customer flow by:
- Displaying different phrases to the customer on the transaction consent page (e.g. "Authorize
Business Name
to pay with Venmo" vs. "AuthorizeBusiness Name
to pay with Venmo for future purchases" whereBusiness Name
is the business name submitted in the Venmo application form). - Not displaying a merchant connection on the Connected Businesses page in the Venmo app when the
paymentMethodUsage
property is.singleUse
. - Allowing customers to update their funding instrument on the Connected Businesses page in the Venmo app when the
paymentMethodUsage
property is.mulitiUse
.
Multiple profiles
If you have a custom integration and have onboarded multiple apps for Venmo processing with a single Braintree gateway, you'll need to pass the profile_id
to specify which Venmo profile to present during the payment flow.
You'll also need to pass the profile_id
when creating the transaction on the server side.
Collect device data
You must collect information about the customer's device before creating each transaction.
Get the SDK
CocoaPods
Include in your Podfile:
Carthage
Include the and PPRiskMagnes
frameworks.
Collect device data
You'll need to pass this deviceData
when creating the Venmo transaction from your server.
Next Page: Server-side →