> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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 ](https://www.notion.so/Payment-Button-e2344904409b433aac9b58681e3e447d?pvs=21)

---

# 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. Select your preferable **Payment Type** — **Payment Link** or **Buy Button.**
4. For **Payment Link**, set the **Button Name** and paste the **Payment Link** from your **Stripe Dashboard.**
5. For **Buy Button**, log in to your **Stripe Dashboard** to get the **Button ID** and **Publishable API Key.**

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/authentic-bali-coffee-kopi-luw_19d7rgq.png)

2. Select **Stripe** from the **Service Provider** dropdown.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/authentic-bali-coffee-kopi-luw_1thaujv.png)


3. Select your preferable **Payment Type** — **Payment Link** or **Buy Button.**
* For Payment Link, set the Button Name and paste the Payment Link from your Stripe Dashboard.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/authentic-bali-coffee-kopi-luw_z7jd0i.png)

* For Buy Button, get the Button ID and Publishable API Key from your Stripe Dashboard.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/authentic-bali-coffee-kopi-luw_m1in7g.png)

4. To get the **Button ID**, **Payment URL** 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:**

${youtube}[How to Add Stripe Payment Button to Dorik](fLNLoR2hlWI)


---

## 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 ⬇️

${youtube}[How to Add PayPal Button to Dorik](m6gPEoQatJM)

---

## 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 ⬇️

${youtube}[How to Add Gumroad Button to Dorik](ZLuWmgCVRJQ)

---

## 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**