Por que os campos de entrada do meu cartão não estão carregando para o Componente do Cartão ou Drop-in?

Caso você esteja recebendo a mensagem "Invalid client key" ou "Unknown origin error" no iFrames dos campos de entrada do cartão em seu Drop-in ou Component do cartão, isso está relacionado a uma chave incorreta para a autenticação do seu cliente. É chamada chave do cliente. Você pode gerar uma chave do cliente na Customer Area em Developers > Credenciais de API. Lá você pode selecionar a credencial de API para a qual gerar a chave do cliente.

Para corrigir o erro, confira:

1. Você está usando a chave de cliente correta em sua integração?
2. Todos os domínios nos quais os campos de entrada do cartão são carregados são adicionados ao campo “Origens permitidas”, como explicado aqui?
3. Você está usando a chave do cliente no ambiente correto (teste/real)?