question

jeetutiwari avatar image
jeetutiwari asked David Marginian answered

Clover-hosted iframe Target Origin issue

I try to integrate the Clover hosted iframe payment in my website, this is integration process i am usinghttps://docs.clover.com/docs/using-the-clover-hosted-iframe#

But when add card and hit place order it given the Recipient origin error like: Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘https://checkout.sandbox.dev.clover.com’) does not match the recipient window’s origin (‘http://localhost’).

and iframe popup for payment is not opening. Please find the attached image for error as well.

1.pngCan you please advise why this error is coming and how we can able to resolve it

PaymentsREST API
1.png (61.0 KiB)
10 |2000 characters needed characters left characters exceeded

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

1 Answer

· Write an Answer
David Marginian avatar image
David Marginian answered

Try using your pakms key in this example - https://codepen.io/gareth-dsouza/pen/PoPEypO.. If that doesn't work it is likely there is something wrong with your pakm key, so provide information on how you are obtaining it. If it does work, then I would try using something other than localhost for your site.

10 |2000 characters needed characters left characters exceeded

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Write an Answer

Hint: Notify or tag a user in this post by typing @username.

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Welcome to the
Clover Developer Community