op, beleza?
Acho que não é tão simples assim como você está imaginando, até porque é uma imensa falha de segurança fazer isso. O meio que eu imagino que voce precisaria usar é consumir alguma api do google pay para fazer isso.
https://developers.google.com/pay/api/web/overview
Acho que o que ele está querendo saber, não é como armazenar os dados do cartão do cliente, mas é como ativar o recurso do Google Pay, o qual já tem essa funcionalidade de salvar os dados do cartão de crédito e sugerir o preenchimento de forma automática, ao fazer compras em qualquer checkout online.
Respondendo a pergunta:
O Google Chrome usa vários padrões para identificar que uma página se trata de um checkout e preencher os dados do cartão armazenados no Google Pay:
1. Elementos HTML
O Chrome procura por elementos HTML específicos que são comumente usados em páginas de checkout, como:
<input> com o tipo "text" e o nome "cardNumber" ou similar.
<input> com o tipo "text" e o nome "expirationDate" ou similar.
<input> com o tipo "text" e o nome "cvv" ou similar.
<select> com o nome "country" ou similar.
<select> com o nome "state" ou similar.
<input> com o tipo "submit" e o valor "Comprar" ou similar.
Ex.:
<input type="text" name="cardNumber"\>
<input type="text" name="expirationDate"\>
<input type="text" name="cvv"\>
<select name="country"\>
<select name="state"\>
<input type="submit" value="Comprar"\>
2. JavaScript
O Chrome também pode usar JavaScript para identificar páginas de checkout. Ele procura por funções JavaScript que são comumente usadas para processar pagamentos, como:
- Funções que validam o número do cartão, data de vencimento e CVV.
- Funções que enviam os dados do cartão para um servidor de pagamento.
3. Metadados da página
O Chrome pode analisar os metadados da página, como o título e a descrição, para determinar se a página é um checkout.
4. Machine Learning
O Chrome usa machine learning para identificar páginas de checkout com mais precisão. O modelo de machine learning é treinado em um conjunto de dados de páginas de checkout e páginas que não são de checkout.
5. Experiência do usuário
O Chrome também leva em consideração a experiência do usuário. Se o Chrome detectar que um usuário está tentando preencher um formulário de checkout manualmente, ele poderá oferecer a opção de preencher automaticamente o formulário com os dados do Google Pay.
Basicamente, o que você deve fazer é tentar seguir estas convenções.
Uma outra dica interessante, é dar uma inspensionada em alguns checkouts bem consolidados, como por exemplo o do Mercado Livre: