In safari, there is the ability to add a text name or label to a saved credit card. This is useful if you have many cards and can't remember or don't want to memorize which number corresponds to which card. This would be great to add to firefox
I came here to suggest this too! My library card number gets mixed up with my credit cards and it confuses me every time I see it. I hope someone picks up on the suggestion after all these years!
Allow users to give their cards nicknames. Such as, "CapitalOne-Use Last," "Rewards!," "Credit Union Debit," "Company Card," "Maxed out :(," "18.99% APR," or "Grandparents...Xmas only." Whatever they want.
I had actually worked around this issue by just storing notes in the "Name" field, but a recent update to the Payment Methods Manager (about:preferences#managePayments) has taken away that usability for me. By default, the interface now completely hides the "Name on card" text field from the summary list, showing only the last 4 digits and expiration year instead now. sorry i'm not a robot and a bunch of XXXXXX1234 XXXX/2030 for half a dozen or more cards isn't digestable.
Impact: I used the card name field to write critical notes identifying my cards (e.g., "boa", "pnc", or "boa-bus" for my corp account e.g. (i could even store the CVV there too but shush don't tell the PCI Council that!!)). Because this field is now hidden from the main view, I can no longer tell my cards apart at a glance. I'm forced to manually click the pencil icon to inspect single cards one by one to see my notes! 🤬 *switching to chrome* 😨 j/k i would never... but ig now i'll have to make a new sticky note or somthin so i can match the last 4 digits with my note.
OK hacker Gemini came up with this and I'm sharing since it's helpful, but the content displayed in the payment manager can be modified with some CSS code added to userContent.css (look up how to enable it if you're new). With this we can add anything we want. For example, if you have a card ending in 1312 that you want to know is for Bank of America, you can use something like this:
@-moz-document url-prefix("about:preferences") { /* 1. Make the target element an anchor for absolute positioning */ [label*="1312"] { position: relative !important; } /* 2. Position the note absolutely */ [label*="1312"]::after { content: " (Bank of America)"; position: absolute; /* Adjust this to push the text past the expiration date */ left: 75px; /* Anchors it to the bottom of the container. If it sits too high, try changing to something like -10px; */ bottom: 14px; /* Can match your theme */ color: #a0a0a0; font-style: italic; } }
Result:
add additional pairs of [label*="nnnn"] {} and [label*="nnnn"]::after {} blocks for additional cards.