How to Implement Dintero/Swish/Walley on Bubble | Alternative of Stripe

Showcase
1

Hey everyone! I am here with another tutorial how to implement Dintero Swish and Walley
in Bubble.io

Youtube Tutorial: How to implement Dintero/Swish/Wallet on Bubble.io | Stripe Alternative - YouTube

I am also sharing the link to the editor: Aliiii | Bubble Editor

Step one:
Create Dintero Client ID and Client Secret ID.
Step two:
Download Post and add Postman Collection & Sanbox to your Postman.
Step three:
Add your credentials in the sanbox in postman
Step four:
Run the postman to create a token.
Step five:
After the token has been created import the code through curl in bubble API connector.
Step six:
Create a session by copying the code from postman (Javascript Fetch) and run it in bubble.
Step seven:
Add bubble_fn in code, and then save it in db.
Step eight:
Add an HTML function, give it the embed code, and give it the sid which would pull the session from Dintero.

AND voila!
It is working.

Some resources:
Code for the payment embedd:

<div id="checkout-container"></div>
<script src="https://unpkg.com/@dintero/checkout-web-sdk"></script>
<script type="text/javascript">
    const container = document.getElementById("checkout-container");
    dintero.embed({
        container,
        sid: "YOURSESSIONID",
    });
</script>

and this will be added in the javascript fetch code:

  .then(response => response.text())
  .then(result => console.log(result)
test1 =JSON.stringify(result)
bubble_fn_response(test1)
)

Thanks, if you have any questions let me know in the comments:
Connect with me on Linkedin: https://www.linkedin.com/in/a-imran
Or say hi: Calendly - Ali Imran

1 Like