User guide

Integrating iFrame in Your Website

Integrating iFrame

2. Below is the iFrame code, add the hidden form that is populated with the appropriate

PayPal Pro variables (including the total amount to be paid) and specify the variable

TemplateD. For example,

<form style="display:none" target="hss_iframe" name="form_iframe"

method="post"

action="https://securepayments.paypal.com/webapps/HostedSoleSolutionApp/

webflow/sparta/hostedSoleSolutionProcess">

<input type="hidden" name="return"

value="https://yourwebsite.com/receipt_page.html">

</form>

NOTE: If the iFrame transactions fail, pass the billing address. For more a table of HTML

variables, see

HTML Variables for Payment Page Settings.

3. Ensure that the target name matches the iFrame name, as highlighted in the example below:

<form style="display:none" target="hss_iframe" name="form_iframe"

method="post"

action="https://securepayments.paypal.com/webapps/HostedSoleSolutionApp/

webflow/sparta/hostedSoleSolutionProcess">

4. Submit the form using JavaScript. For example:

document.form_iframe.submit();

</script>

Example of Manual Integration

The complete example as per the above steps is as follows:

<form style="display:none" target="hss_iframe" name="form_iframe"

method="post"

action="https://securepayments.paypal.com/webapps/HostedSoleSolutionApp/web

flow/sparta/hostedSoleSolutionProcess">

<input type="hidden" name="return"

value="https://yourwebsite.com/receipt_page.html">

</form>