Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to enable 'scan new card' option for Google chrome in android?

Google chrome has this functionality for scanning credit card to populate the fields during payment which works in Android Chrome ( not for all versions and devices of android ).

I have attached the screenshot.

It shows on other websites, but not in my website. Do we have any references to what should be the content of html dom for it to work?enter image description here

like image 244
vasu Avatar asked Jan 10 '18 19:01

vasu


People also ask

How do I scan card on Android?

How to scan credit cards on Android: Open the ChargeStripe app on your Android device and enter an amount to charge. Press “Next” at the top right of the screen. From the Payment screen, tap the “Scan card” link.

How do I change my credit card on Google Chrome?

1: Google Chrome Click the three dots in the top right corner and click on Settings. Click on Autofill on the left, then Payment methods on the right. Click on Save and fill payment methods to enable or disable Chrome from saving your credit card information.


1 Answers

Based on this article the payment fields are completely wonky. In order to build a cross browser autofill form with credit card scan feature (if browser supports it) you need:

  1. Add autocomplete attributes
  2. Use common values for input name attributes
  3. Add name and/or label values that match the list Safari is looking for
  4. Use HTTPS with valid certificate

Here is the final form to test.

like image 69
miksh Avatar answered Oct 26 '22 08:10

miksh