PayPal button

[ { "title":"Testing", "link":"https://docs.solidgate.com/payments/testing/", "text":"Simulate payments to test your integration before launching in production.", "imgSrc":"https://solidgate.com/wp-content/uploads/2022/06/icon-customizable.svg" } , { "title":"Create your payment form", "link":"https://docs.solidgate.com/payments/integrate/payment-form/create-your-payment-form/", "text":"Understand how to integrate the payment form into your product.", "imgSrc":"https://solidgate.com/wp-content/uploads/2022/06/icon-payments.svg" } , { "title":"Subscriptions", "link":"https://docs.solidgate.com/subscriptions/", "text":"Create and maintain a stable and healthy business subscription model.", "imgSrc":"https://solidgate.com/wp-content/uploads/2022/06/icon-global.svg" } ]

Get in touch
Sign in
PayPal button
Activate and customize the PayPal button on your payment form to ensure a smooth customer experience

Integrating PayPal into your payment form expands your payment options, providing customers with a trusted and widely recognized payment method. This addition not only improves the user experience but also helps increase conversion rates by offering a familiar and secure payment choice.

By following the steps on this page, you can add the PayPal button to your form, while also customizing its appearance and functionality to align with your brand and preferences.

Display button
anchor

To ensure that the PayPal button works correctly, do not create multiple PayPal buttons with the same order ID order_id using Guide
Initiate the payment process by sending an init request API. host-to-host requests and on the payment form at the same time.

If you are already using an existing PayPal host-to-host button, you should disable it so that orders are created and processed automatically by the payment form itself.

To enable the PayPal button on the payment form, follow these steps:

  • Configure the PayPal payment method for your channel.
    If you have not set up a PayPal button for your channels, contact Solidgate support.
  • Pass paypalButtonParams with enabled: true to the init configuration when initializing the payment form via PaymentFormSdk.init, in the Guide
    After completing all the steps and modifying the required parameters, initiate the Solidgate SDK.     same manner     as for googlePayButtonParams and applePayButtonParams.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

const data = {
  merchantData: {
    merchant: "<-your data->",
    signature: "<-your data->",
    paymentIntent: "<-your data->",
  },
  paypalButtonParams: {
    enabled: true,
    color: "blue",
    shape: "rect",
    label: "checkout",
    height: 52
  }
};

let form = PaymentFormSdk.init(data);

Subscribing to the payment form Guide
Form events are essential checkpoints for monitoring user interactions in payments. events allows you to receive real-time information and improve the customer experience.

This proactive approach not only minimizes potential disruptions, but also builds customer trust, which ultimately leads to increased sales and customer loyalty.

Customization
anchor 

1
2
3
4
5
6
7
8

paypalButtonParams?: {
  enabled?: boolean;
  containerId?: string;
  color?: "gold" | "blue" | "silver" | "black";
  shape?: "pill" | "rect" | "sharp";
  label?: "paypal" | "checkout" | "buynow" | "pay";
  height?: number;
};
Looking for help? Contact us
Stay informed with Changelog