PayPal integration

19.02.2019

You can integrate PayPal with your landing pages in two different ways. First uses a PayPal button embedded on the landing page and second redirects the user to PayPal site after filling the form.

I. Integration by PayPal button

Bear in mind that if you will use a PayPal button you can not collecting lead details inside of Landingi.

1. Log into your PayPal business account and go to Tools -> All Tools.

paypal

2. Choose PayPal buttons.

paypal_buttons

3.  Find and click on option Create new button. 

mysavedbuttons

4. Follow all steps from the configuration; at Step 1 choose your button type and fill out details.

buttontype

5. Step 2 is optional. On Step 3 set additional URL addresses where the user should be redirected when cancel and finish checkout.

customizefeatures

6. Choose Create button.

createbutton

7. Copy the code (from Website tab) and go to your Landingi account.

buttoncode

8. Go to an edition of the chosen landing page and add a custom HTML widget on your LP.

customhtml2

9. Paste the code from PayPal to the custom HTML widget and save changes.

addcustomhtml

10. Publish your landing page – you should see a PayPal button on your LP. Check, if the redirection after click works properly.

paypalbutton

II. PayPal integration with the form on the landing page (redirection after filling the form)

1. Log into your PayPal business account and go to Tools -> All Tools.

paypal

2. Choose PayPal buttons.

paypal_buttons

3.  Find and click on option Create new button. 

mysavedbuttons

4. Follow all steps from the configuration; at Step 1 choose your button type and fill out details.

buttontype

5. Step 2 is optional. On Step 3 set additional URL addresses where the user should be redirected when cancel and finish checkout.

customizefeatures

6. Choose the Create button.

createbutton

7. Copy the code (from Email tab) and go to your Landingi account.

email_paypal

9. Go to Landingi app and choose JavaScript tab of the selected landing page. Create a new script and paste there a code below on the body bottom on the conversion page.

<script>
window.location.href = "%paypalcodehere%";
</script>
jscode

When the user filled out the form on your landing page with the email address you can collect it to the payment page. For this purpose add one part of the JavaScript code to the previous script between &amount and &currency parameters, like in the example below:

&email= " + conversion.email + "
jscodepaypal
jscodepaypal2

11.  Check your website redirection – fill in the form on your landing page for testing purposes and verify whether the redirection was set properly.

Was this article helpful?

You might also check:

payments on landing pages

Can’t find what you need?

Let us help you!
Send us a message
We are using cookies for analytical purpose. Learn more.