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 —

1. Once you added the Payment Button, click on **Edit Element**
2. Select Stripe from the Service Provider dropdown.
3. Set a name for the Button Text
4. Select your preferable Payment Type and Button Type.
5. 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 ⬇️

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

2. Select Stripe from the Service Provider dropdown.

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

4. 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 —

1. Once you have added the Payment Button, click on **Edit Element**
2. Select PayPal from the Service Provider dropdown.
3. Set the Currency
4. Select your preferable Payment Type and Amount
5. To get the Client ID, one needs to log in to their PayPal Dashboard.
6. 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 —

1. Once you have added the Payment Button, click on **Edit Element**
2. Select Gumroad from the Service Provider dropdown.
3. Set a name for the Button Text
4. To get the Product URL, one needs to log in to their Gumroad Dashboard.
5. 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 —

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

Updated on: 23/08/2023