Why are my card input fields not loading for the Card Component or Drop-in?
In case you are receiving the Invalid client key or unknown origin error in the iFrames of the card input fields in your Drop-in or Card Component, this is related to an incorrect key for your client-side authentication. This key is called the client key. You can generate a client key in the Customer Area by navigating to Developers > API Credentials, where you can select the API Credential for which you want to generate a client key.
To fix the error, please check the following:
- Are you using the correct client key in your integration?
- Are all the domains on which the card input fields are loaded added to the “Allowed Origins” field, as explained here?
- Are you using the client key in the correct environment (test/live)?
Was this article helpful?
View and configure your API credentials
Learn more on this topic and practice what you’ve learned.
Go to your Customer AreaRelated content
