payment page sample code get "not found" page

[yihaoye]

https://knowledgecenter.zuora.com/CA_Commerce/T_Hosted_Commerce_Pages/B_Payment_Pages_2.0/H_Integrat...

I copy the sample client javascript code above, but I get the "not found" page, my console shows errors:

1. "Failed to load resource: the server responded with a status of 404 (Not Found)"

2. "Invalid 'X-Frame-Options' header encountered when loading 'https://www.zuora.com/apps/PublicHostedPageLite.do?...'' is not a recognized directive. The header will be ignored."

[vu_phan]

Hi @yihaoye

Instead of https://www.zuora.com/apps/PublicHostedPageLite.do, please use https://www.zuora.com/apps/HostedPageLite.do

[yihaoye]

Hi vu_phan,

When I try https://www.zuora.com/apps/HostedPageLite.do with the example code, it return blank page and errors as follow:

1. Refused to display 'https://www.zuora.com/apps/newlogin.do?retURL=%2Fapps%2FHostedPageLite.do%3…%252CVisa%252CMasterCard...' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

2. Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.zuora.com') does not match the recipient window's origin ('null').

When I try with sandbox, it returns my whole sandbox management page. Isn't it should only return the payment page?

[yihaoye]

Hi vu_phan,

What I now want to do is try to implement a page or iframe to allow customer to select their electronic payment method, so how can I do that? and what API I can use? 

[Dennis · Accepted solution]

Hi @yihaoye,

The Payment Page is the page allows end user to enter their electronic payment method and submit to Zuora. If you are looking for the method to create a page to allow customer to select their electronic payment methods, it should be customized by merchant themselves.

Regards,

Dennis