Happy Business Starts Here

Valued Scholar

payment page sample code get "not found" page

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."

 

4 REPLIES 4
Zuora Support

Re: payment page sample code get "not found" page

Hi @yihaoye

 

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



If you found my answer helpful, please give me a kudo ↑
Help others find answers faster by accepting my post as a solution √

Valued Scholar

Re: payment page sample code get "not found" page

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?

 

Valued Scholar

Re: payment page sample code get "not found" page

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? 

Zuora Alumni

Re: payment page sample code get "not found" page

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



If you found my answer helpful, please give me a kudo ↑
Help others find answers faster by accepting my post as a solution √