Integration Guide

Integrating iFrame in Your Website
Integrating iFrame
36
Using URL Returned in the Response
In the URL identified in the response as EMAILLINK, add “src” for iFrame as per the
example below to redirect the buyer and initiate the payment flow.
<iframe src="https://www.paypal.com/...?hosted_button_id=HSS-.."
width="570px" height="540px"></iframe>
The allowable size of the compact payment form is 570 pixels in width to 540 pixels in height.
IMPORTANT: This option is not supported by Safari browsers. Use the Form POST option
described below.
Using Form POST
Identify the WEBSITECODE in the response and use the code to create a Pay Now button on
your review page. When your buyer clicks the button, they are redirected to the PayPal hosted
payment page. Like the URL, the button is usable for approximately two hour or until the
payment is successful.
1. Enter the iFrame tag at the location where you want the compact payment form to appear
on your website. For example:
<iframe name="hss_iframe" width="570px" height="540px"></iframe>
The allowable size for the compact payment form is 570 pixels in width to 540 pixels in
height.
2. Insert the following in the iFrame tag:
WEBSITECODE=<form action="https://www.paypal.com/cgi-bin/webscr"
method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="HSS-
bXkpgPTNgZi7CyfIwWTAkWPSDbKziokU">
<input type="image" src="https://www.paypal.com/i/btn/btn_paynow_LG.gif"
border="0" name="submit" alt="PayPal - The safer, easier way to pay
online.">
<img alt="" border="0" src="https://www.paypal.com/i/scr/pixel.gif"
width="1" height="1">
</form>
3. Submit the form using JavaScript. For example:
<script type="text/javascript">
document.form_iframe.submit();
</script>