I have a client that sells licenses for the software they built through another website. They wanted a seamless solution for ordering software through their Wix site, and an iframe seemed like the path of least resistance.
It worked, but only to a point, when the user tries to check out it breaks …
in the process of troubleshooting this issue, I added a piece of to check the source URL of the iframe:
console.log( 'source is: ’ + $w( ‘#myIframeID’ ).src);
Instead of logging the the source URL I put in my HTML, it comes back something completely different than it should be
http://xxxxxxx-00d4-4312-b680-dbb69ae56ebb.htmlcomponentservice.com/get_draft?id=xxxxxx_2abe61b39815521b6ab3c212015ece8e.html
If I paste the URL I have in my HTML in a browser, the purchasing process works just dandy, but if I paste the URL logged to the console into the browser then I get the exact same broken behavior I am getting from my iframe …
Any insight would be great …
NOTE: does this have something to do with Angular JS Sanitizing the URL, and can I bypass that?