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 and reliable customer experience

Integrating PayPal into your payment form expands your payment options, offering a reliable and familiar choice for your customers.

By following these steps, you can easily display the button and customize its appearance and functionality.

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 Guide
Form events are essential checkpoints for monitoring user interactions in payments. event forms 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