{"id":35629,"date":"2019-10-01T17:13:43","date_gmt":"2019-10-01T17:13:43","guid":{"rendered":"https:\/\/www.123formbuilder.com\/docs\/?p=35629"},"modified":"2023-11-28T08:53:02","modified_gmt":"2023-11-28T08:53:02","slug":"step-by-step-guide-on-paypal-checkout-integration","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/step-by-step-guide-on-paypal-checkout-integration\/","title":{"rendered":"Step by step guide on PayPal Express Checkout integration with 123FormBuilder"},"content":{"rendered":"\n

PayPal Express Checkout is using the shipping and billing information from your client’s PayPal account. This will make the payment process an easy experience. A big advantage is that Paypal Express Checkout allows you to accept payments directly on your online order form, without redirecting away from the page.<\/p>\n\n\n\n

\n\n\n\n

Setting up your PayPal Express Checkout integration<\/h2>\n\n\n\n

1. Click New Form<\/strong> from your account dashboard and start creating your payment form.<\/p>\n\n\n\n

You can use choice fields (single\/multiple choice and dropdown lists) to display the products on sale or, even better, Product field<\/strong>.<\/p>\n\n\n\n

2. In your\u00a0Form Editor<\/strong>, in the left side panel, you will notice the\u00a0Payments\u00a0<\/strong>section. By using the search bar, you can quickly find PayPal Express Checkout.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"PayPal<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

3. After adding PayPal Express Checkout on your form, you will notice a couple of changes: the\u00a0PayPal Express Checkout <\/strong>payment processor has a tag near its name & the settings panel opens up to the right side of the page.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"PayPal<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

4. In order to set up your PayPal Express Checkout<\/strong> integration, you have to provide your PayPal Checkout Client ID.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

To test your PayPal integration with 123FormBuilder, you\u2019ll need a sandbox account on PayPal.
If you do not have one, go to https:\/\/www.sandbox.paypal.com<\/a> to create one. Type in the credentials of your sandbox account in the payment integration panel and tick the Use sandbox<\/b> option.<\/p>\n\n\n\n

<\/p>\n\n\n\n

5.\u00a0Enable<\/strong>\u00a0the payment integration by clicking on Enable button. By enabling PayPal Express Checkout, you will notice a couple of changes on your form.
The PayPal Express Checkout payment processor on the left side panel has an Enabled tag on it so you could easily scan which payment processor is enabled.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"PayPal<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Another change is that on your form it will be displayed an\u00a0Order summary.<\/strong>\u00a0Here will appear all the products your respondents select on the form, together with the price per option, quantity and the total price. If you want to customize the order summary, all you have to do is click on it and the available settings appear on the right side panel.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Order<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Another change is related to the Submit button. Once your payment integration is enabled, the Submit button is changed to Continue to payment<\/strong>. Below it, we are displaying a disclaimer together with the PayPal logo so that respondents are aware they are proceeding to a payment.<\/p>\n\n\n\n

Also, the accepted cards by the PayPal Express Checkout integration are visually displayed so that respondents know from the start what is the accepted payment method.<\/p>\n\n\n\n

You can customize the action bar (everything that is related to the submit button, additional buttons, disclaimer, etc) by simply clicking on this area.<\/p>\n\n\n\n

\"Action<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Under the Continue to payment button, we are displaying a disclaimer text together with the logo of the payment processor and the accepted cards. If you want to make changes to this, all you have to do is click on the payment processor and on the right side you can disable these settings from Display payment info. <\/p>\n\n\n\n

\"Display<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n

Errors & what you need to pay attention to<\/h4>\n
\n
1. PayPal live used as sandbox (or vice versa) without having them both working on live and sandbox<\/b><\/br>
If your account is working only in sandbox and you are using it for live payments (meaning you do not check the Use sandbox box), your respondents will be seeing an error page when they try to make the payment with the text Things don\u2019t look to be working at the moment<\/i><\/br>\n
2. Currencies not accepted by PayPal<\/b><\/br>
You need attention to what currency you have set up in Inventory\/Order summary. If the currency set up in Inventory\/Order summary is not accepted by PayPal, your respondents will be seeing an error message when trying to make the payment with the text Things don\u2019t appear to be working at the moment<\/i>. You can see the currency list accepted by PayPal here https:\/\/developer.paypal.com\/api\/nvp-soap\/currency-codes\/#paypal<\/br>\n
3. Amount is sent as 2 decimals for currencies that do not accept 2 decimals<\/b><\/br>
You need to pay attention to the number of decimals set to the inventory amount. There are currencies like Taiwan New Dollar who do not accept decimals. If your inventory amount has 2 decimals, but the currency does not accept 2 decimals, when your respondents try to make a payment, they will be seeing an error message with the text Things don\u2019t appear to be working at the moment<\/i>.<\/br>\n
4. Incorrect setup of Client ID<\/b><\/br>
If you set up the incorrect Client ID, when your respondents try to make a payment, they will be seeing an error message with the text Things don’t appear to be working at the moment<\/i>.<\/br><\/span>\n <\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Where to find your PayPal Client ID?<\/p>\n\n\n\n