Articles on: Integrations

Integration of Payment Button

Getting Started



This article will guide you through the process required to integrate different Payment Platforms (Stripe, Paypal, Gumroad & Paddle) into your Payment Button. Follow all the instructions below to Integrate a payment platform into the payment button on your website.


How to add a Payment Button



To learn how to add a Payment Button to your site & how its functionalities work refer to the article below —

Payment Button


Integration of different Payment Platforms



To learn the integration of different payment gateway platforms into the Payment Button, follow all the steps below —

Stripe Integration



Follow the below steps to integrate Stripe with a Payment Button —

Once you added the Payment Button, click on **Edit Element**
Select Stripe from the Service Provider dropdown.
Set a name for the Button Text
Select your preferable Payment Type and Button Type.
To get the Price ID and Publishable API Key, one needs to log in to their Stripe dashboard.

The Screenshots & Video below show the whole process being demonstrated visually ⬇️

Once you have added the Payment Button, click on **Edit Element**




Select Stripe from the Service Provider dropdown.




Set a name for the Button and select your preferable Payment Type and Button Type.





To get the Price ID and Publishable API Key, one needs to log in to their Stripe Dashboard.

To know the whole process of integration, refer to the video below:




PayPal Integration



Follow the below steps to integrate PayPal with a Payment Button —

Once you have added the Payment Button, click on **Edit Element**
Select PayPal from the Service Provider dropdown.
Set the Currency
Select your preferable Payment Type and Amount
To get the Client ID, one needs to log in to their PayPal Dashboard.
Enter the text under the Success Message field if you want

The Video below shows the whole process being demonstrated visually ⬇️




Gumroad Button




Gumroad Integration



Follow the below steps to integrate Gumroad with a Payment Button —

Once you have added the Payment Button, click on **Edit Element**
Select Gumroad from the Service Provider dropdown.
Set a name for the Button Text
To get the Product URL, one needs to log in to their Gumroad Dashboard.
Allow the Auto-trigger of the payment form or Single product purchases only

The Video below shows the whole process being demonstrated visually ⬇️




Paddle Integration



Follow the below steps to integrate Paddle with a Payment Button —

Once you have added the Payment Button, click on **Edit Element**
Select Paddle from the Service Provider dropdown.
Set a name for the Button Text
Enter the Product Title
To get the Product ID and Coupon Code, one needs to log in to their Paddle Dashboard.
Can enable the quantity selector on the checkout page
Get the Vendor Id from your Paddle Dashboard
Go to Site Settings on the top left corner of your builder
Go to Integrations & expand Payment configuration
Paste the Vendor ID

Updated on: 23/08/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!