¿Por qué no se cargan los campos de entrada de la tarjeta para el Componente de la tarjeta o el Drop-in?

En caso de que recibas el error Invalid client key (Clave de cliente no válida) o Unknown origin (Origen desconocido) en los iFrames de los campos de entrada de la tarjeta en tu Drop-in o Componente de la tarjeta, esto está relacionado con una clave incorrecta para tu autenticación por parte del cliente. Esta clave se llama la clave de cliente. Puedes generar una clave de cliente en el Customer Area. Para ello, ve a Developers > API Credentials (Desarrolladores > Credenciales de API), donde puedes seleccionar la credencial de API para la que quieres generar una clave de cliente.

Para solucionar el error, comprueba lo siguiente:

1. ¿Estás utilizando la clave de origen correcta en tu integración?
2. ¿Se añaden todos los dominios en los que se cargan los campos de entrada de la tarjeta al campo “Allowed Origins” (Orígenes permitidos), como se explica aquí?
3. ¿Estás utilizando la clave del cliente en el entorno correcto (de prueba/de producción)?