How do I need to mark up my site's Credit Card number field so that 1password will see it?

mikemillett

I have a site that 1 password will happily fill in cvv and expiration for, but it won't fill in the CC number. I'm guessing its because all the IDs and classes etc in the markup don't match the strings 1 password is looking for. Can you let me know how I should markup my form so 1 password will correctly identify and fill the cc number.

Thanks

---

1Password Version: Not Provided
Extension Version: Not Provided
OS Version: Not Provided
Sync Type: Not Provided
Referrer: forum-search:How do I need to mark up my site's Credit Card number field so that 1password will see it?

jxpx777

Thanks so much for your post, @mikemillett. We haven't always had the best relationship with the web development community so an AgileBits old timer like me remembers when it wasn't the case, so it's not something we take for granted. Seriously, thanks.

The easiest way to make your site fillable by 1Password is to use the autocomplete attributes defined here. There are quite a few there but I've linked directly to the ones related to credit card filling. More generally, we also have this page with guidelines for making a form that 1Password can reason about. Perhaps that will also be helpful.

I hope that helps. If you have any other issues and would like us to take a look at a test site or sample form such as on JSFiddle, drop us a link.

Cheers!

--
Jamie Phelps
Code Wrangler @ AgileBits
Fort Worth, TX

mikemillett

Thanks much Jamie. I did not have the autocomplete attribute defined. Unfortunately, adding it doesn't seem to help. I don't have a plublic test site, but you can visit my production site, and just not hit checkout after attempting to fill the form. I'd appreciate any further guidance you can provide

www.mounthopewholesale.com

littlebobbytables

Hi @mikemillett,

How much control do you have over the field? I ask because in the ID and name attributes you have the text account number which we purposely try to avoid. If that can be altered to read something like card number we will fill based on the test I just performed. Account number can have a variety of uses other than the long number and so we try to make sure 1Password won't fill in those places. If the fields are stipulated by a payment provider and outside of your control please do say as maybe we need to take account of this odd choice of words with this provider. We match against the label, we match to the auto-complete but we just back right away once we see the phrase account number.