BNG Payment Integration

Intro

Integrating BNG payment into your web app provides a secure and reliable solution for payment processing. By incorporating BNG's payment system, you ensure that transactions are handled with the utmost security and reliability, offering peace of mind to both you and your users. This integration streamlines the payment process, enhancing user experience and trust in your web application.

This video tutorial is designed to help you understand the BNG payment integration to help you offer secure and reliable payment processing for your users via your web application.

1. Create a Page

Go to Pages and create a page and make sure to Publish it by clicking that option. You can click Preview to view the publsihed page.

2. Add a URL

In BNG you will find the details such as product, cost, tax et. as per your project. Here you will find New Item -> Product Manager -> Products and New Item -> Other Services -> Collect Checkout -> URL AllowList. This AllowList contains all the URLS which are successful and cancelled. Here you can Add URL.

3. Add a Key

Go to Options -> Settings -> Security Keys -> Add a New Public Key. In the pop up that opens mention the key name, username associated with the key and key permission and click Create.

4. Update the Key

Then go to Plugins and in BNG you will find the key that you created. Click Update.

5. Drop a BNG Component

Go to Components and drop BNG Payment. Open its Settings and choose SKU Field and Quantity and Save the changes.

6. Preview the Changes

Publish the project by clicking the Publish option. On the preview page click on the button and you will find teh details of the payment on the page.

Conclusion

One benefit is enhanced security and reliability in payment processing, provided by integrating BNG payment into your web app.

Intro​

1. Create a Page​

2. Add a URL​

3. Add a Key​

4. Update the Key​

5. Drop a BNG Component​

6. Preview the Changes​

Conclusion​