# Add New Payment

Before integrating with Midtrans, you need to register an account [here](https://account.midtrans.com/register/). After signing up, you shall have access to Midtrans development/sandbox environment where you can play out with dummy transactions.

To configure the payment, in the upper right corner, click the **'+New Payment'** button. Then you will see a form new payment library, such images below.

![Add New Payment](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F5a3YCENq7rndOhVPrHHX%2FCreate%20new%20payment.png?alt=media\&token=fa2bd3d2-be82-4939-9e14-5c71d35371ee)

**Component Explanation:** 

| Name                              | Description                                                                                            |
| --------------------------------- | ------------------------------------------------------------------------------------------------------ |
| Client ID, Client Key, Server Key | This key is auto-generated by system midtrans. You can see the key in the settings menu > Access Keys. |
| Notification Message              | Notification of a transaction in progress.                                                             |
| Approval Message                  | Message when a transaction is successful.                                                              |

Enter field required, like merchant id, client key, server key, etc. and click the '**Save'** button, then you will see a pop-up notification payments configuration saved successfully.

![Success Notification](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FHjwBd1HHV4phvKxk9k9D%2FSuccess%20create%20new%20payment.png?alt=media\&token=4404fb1b-6cd3-4e6e-b17b-db93cb8f353f)

After configuring the payment, go to the **digital library** page. On this page, you can create an asset in the form of a product that you are going to sell by adding digital library management > send card and clicking the add button **'Buy Action'**. 

The save button on the buy action button will appear after you make the payment configuration. if you have not configured the payment, the save button will not be visible.

![Digital Library](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FAMMEFsI5gA2VAmrdpWTT%2FAdd%20Payment%20digital%20library.png?alt=media\&token=5b98e5b3-9fc7-4f93-9277-2601e866d2f3)

After successfully creating an asset by adding a buy action button on the digital library menu. Then, go to the **FAQ Knowledge** menu and create transaction knowledge by attaching the digital asset that you previously created.

![FAQ Knowledge](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FQWCcZMCZzV8gCK6nljWJ%2FAdd%20payment%20knowledge.png?alt=media\&token=67f6dff8-404a-4000-ba35-347951908b8c)

After the knowledge has been successfully created, attach the knowledge that you have created on the Bot on the **Bot Manager** page > Select Bot > Click the **'FAQ'** button > Select knowledge and click the **'Attach'** button.

![Attach FAQ](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FACeZcuOcPCjsuHKz36iZ%2Fattach%20dialog%20payment%20library.png?alt=media\&token=911eba90-f2bb-4d41-a1b6-1477a394ec69)

For example, do a dummy chat to make a product payment, then you will see a payment pop-up as shown images below.

![Live Chat](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FWlxAcvGthDutiVQYB4qy%2FOrder%20Item.png?alt=media\&token=68fd32c5-f452-42b0-a81a-7c29fb782323)