Credit card scanning
Our checkout UI supports integration with credit card scanning SDK Card.IO.
Todo Java Script
iOS
Credit card number and expiration date can be scanned with your phone camera, saving you from having to key in your digits manually.
- Tap the camera icon in the card number field to scan the card.
- For the first time the app will request access to the camera.
- Then position your card and it will scan card number and expiration date.
You will still need to manually enter card holder and CVV code.
Integration
To enable this feature add the following framework to the project.
OPPWAMobile-CardIO.xcframework
- Drap and drop
OPPWAMobile-CardIO.xcframework
to the “Frameworks” folder of your project. Make sure “Copy items if needed” is checked. - Check “Frameworks, Libraries, and Embedded Content” section under the general settings tab of your application’s target. Ensure the Embed dropdown has Embed and Sign selected for the framework.
3. Provide usage descriptions in your app’s Info.plist
NSCameraUsageDescription
– set the value to be a string describing why your app needs to use the camera (e.g. “To scan credit cards.”). This string will be displayed when the app initially requests permission to access the camera.NSPhotoLibraryUsageDescription
– Card.IO never asks for this key actually, however it’s needed when uploading to App Store. Set any non-empty string, e.g. duplicate NSCameraUsageDescription description.
Note: Android
Android
Credit card number and expiration date can be scanned with your phone camera, saving you from having to key in your digits manually.
- Tap the camera icon in the card number field to scan the card.
- For the first time the app will request access to the camera.
- Then position your card and it will scan card number and expiration date.
You will still need to manually enter card holder and CVV code.
Integration
To enable this feature add the following dependency to your build.gradle
:
implementation "io.card:android-sdk:5.5.1"